feat: Update CyBOK logo and enhance mission index styles with new CSS files

app/assets/images/break_escape/cybok_logo_white.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 30" width="100" height="30">
-  <rect x="0" y="0" width="100" height="30" fill="none"/>
-  <text x="5" y="22" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="white">CyBOK</text>
-</svg>

app/views/break_escape/missions/index.html.erb

@@ -4,7 +4,7 @@
   <title>BreakEscape - Select Mission</title>
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
-  <%= stylesheet_link_tag "break_escape/application", media: "all" %>
+  <link rel="stylesheet" href="/break_escape/css/mission_index/application.css">
   <!-- Tippy.js for tooltips -->
   <script src="https://unpkg.com/@popperjs/core@2"></script>
   <script src="https://unpkg.com/tippy.js@6"></script>

app/views/break_escape/shared/_cybok_label.html.erb

@@ -2,7 +2,7 @@
   <% grouped_cyboks = cyboks.group_by(&:ka).sort.to_h %>
 
   <% all_ka_values = [] %>
-  <% all_tippy_content = "#{image_tag 'break_escape/cybok_logo_white.svg', style: 'max-height: 20px'} " %>
+  <% all_tippy_content = "<img src='/break_escape/assets/logos/cybok_logo_white.svg' style='max-height: 20px'> "  %>
 
   <% grouped_cyboks.each do |ka, ka_cyboks| %>
     <% all_ka_values << ka %>

public/break_escape/assets/logos/cybok_logo_white.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="svg2"
+   width="285.06113"
+   height="85.20063"
+   viewBox="0 0 285.06113 85.20063"
+   sodipodi:docname="cybok_logo_white.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1051"
+     id="namedview4"
+     showgrid="false"
+     inkscape:zoom="2.3249452"
+     inkscape:cx="74.85792"
+     inkscape:cy="11.084996"
+     inkscape:window-x="1080"
+     inkscape:window-y="420"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     style="fill:#f2f2f2;stroke-width:0.31999999"
+     d="m 66.341132,85.065538 -0.96,-0.22689 -0.08921,-3.83734 -0.08921,-3.83735 h 2.352576 c 2.012384,0 2.538867,-0.12328 3.64087,-0.85255 0.708563,-0.4689 1.744979,-1.54202 2.303149,-2.3847 0.981942,-1.48246 2.295667,-5.11161 2.733088,-7.55011 l 0.212989,-1.18736 -2.801853,-0.0926 -2.801853,-0.0926 -7.284823,-22.24 c -4.006656,-12.232 -7.28728,-22.348 -7.290278,-22.48 -0.003,-0.132 2.586547,-0.24 5.754547,-0.24 3.168,0 5.76,0.0499 5.76,0.11093 0,0.061 1.992692,6.86501 4.428205,15.12 2.435514,8.25499 4.91914,16.77307 5.519165,18.92907 0.600026,2.156 1.174804,3.92 1.277284,3.92 0.10248,0 0.580323,-1.908 1.061868,-4.24 0.481549,-2.332 2.378077,-10.81634 4.214509,-18.85409 1.836436,-8.03775 3.33897,-14.69775 3.33897,-14.8 0,-0.10225 2.52,-0.18591 5.6,-0.18591 4.549145,0 5.599995,0.0829 5.599995,0.44178 0,0.82899 -12.201157,49.95017 -13.005201,52.35822 -3.030004,9.07461 -6.645047,12.01481 -15.154794,12.32571 -1.848001,0.0675 -3.792001,0.0206 -4.320001,-0.10414 z M 21.061131,65.607518 C 14.681733,65.031138 9.4684402,63.610858 6.6845449,61.690848 2.600389,58.874048 1.0125019,52.682378 0.23036419,36.523968 -0.81266241,14.975758 1.5775592,6.4864167 9.6316402,3.1334937 17.019676,0.05784707 34.535768,-0.79596393 43.080114,1.5030687 c 7.519431,2.02326 10.087824,6.020689 10.524906,16.3808993 l 0.185626,4.4 h -6.081975 -6.081975 l -0.152454,-3.16602 c -0.271238,-5.632836 -1.740259,-7.297046 -7.076266,-8.016488 -5.045181,-0.680232 -12.990422,-0.307532 -16.754744,0.785941 -3.272763,0.950683 -4.255045,2.924177 -4.935853,9.916567 -0.490642,5.03923 -0.183337,20.89345 0.4882,25.18681 0.620638,3.96795 1.124084,5.1386 2.640361,6.13957 2.314463,1.52789 4.745105,1.92833 11.785191,1.94158 9.301485,0.0175 11.993994,-0.73443 13.565172,-3.78827 0.690409,-1.34192 0.821725,-2.09211 0.938237,-5.36 l 0.135475,-3.79969 h 6.086502 6.086503 l -0.190096,4.88 c -0.595206,15.27953 -4.567239,18.31286 -24.381793,18.61968 -4.048,0.0627 -8.008,0.0554 -8.8,-0.0161 z m 162.720009,0.006 c -10.06797,-1.01436 -14.95538,-2.98021 -17.52353,-7.04842 -2.32161,-3.67767 -4.07647,-12.97946 -4.07647,-21.60762 v -1.87353 h 6.1909 6.19089 l 0.18703,5.2 c 0.19656,5.46539 0.86495,9.67083 1.79261,11.27891 1.54699,2.68169 4.96084,3.51346 14.43857,3.51788 4.45572,0.002 7.50016,-0.14063 8.64,-0.40499 2.54369,-0.58996 4.87809,-1.81589 5.51684,-2.8972 0.95057,-1.60918 1.5148,-4.81041 1.91319,-10.8546 l 0.38492,-5.84 h 6.13235 6.13235 l -0.12943,2.96 c -0.34968,7.99718 -1.38817,14.62945 -2.8705,18.33224 -2.63375,6.57899 -9.06859,8.99908 -24.59972,9.25175 -3.872,0.063 -7.616,0.0565 -8.32,-0.0144 z M 104.26113,33.001558 V 0.80322167 l 19.12,0.131659 c 16.52712,0.11380403 19.42305,0.20481403 21.35469,0.67110603 5.81802,1.404454 8.34733,3.869848 9.63871,9.3951193 0.6411,2.743003 0.72722,9.229572 0.15405,11.602862 -1.03336,4.2787 -3.68472,7.40534 -7.22641,8.52176 -1.66281,0.52415 -2.07091,1.07824 -0.79415,1.07824 1.32341,0 4.20475,1.38865 5.73379,2.7634 1.78498,1.60484 3.2463,4.31395 3.8257,7.09235 0.53589,2.56978 0.4426,9.3037 -0.16626,12.00107 -1.31692,5.83421 -3.9623,8.54311 -9.9908,10.23071 -2.35905,0.66038 -3.17163,0.68976 -22.04932,0.79702 l -19.6,0.11137 z m 35.73599,21.17083 c 3.08006,-1.00243 4.06282,-3.06538 4.06282,-8.52842 0,-5.41136 -0.844,-7.26519 -3.73639,-8.20692 -1.39305,-0.45356 -3.46422,-0.56301 -12.78242,-0.67547 l -11.12,-0.1342 v 9.17689 9.1769 l 10.96,-0.13492 c 9.14606,-0.11258 11.23408,-0.22411 12.61599,-0.67386 z m -3.09599,-26.78958 c 2.79752,-0.45235 3.8417,-1.11106 4.79189,-3.02292 0.68144,-1.37111 0.79302,-2.04076 0.8,-4.80099 0.007,-2.82169 -0.0904,-3.39929 -0.81043,-4.80042 -0.6755,-1.314432 -1.14669,-1.760692 -2.69629,-2.553645 l -1.87775,-0.960868 -10.34371,-0.09642 -10.34371,-0.09642 v 8.336421 8.33642 l 9.2,-0.003 c 5.06,-0.001 10.136,-0.15377 11.28,-0.33875 z m 91.20001,5.62116 V 0.84396367 h 6.08 6.08 V 13.963965 27.083968 h 2.86311 2.8631 l 10.6569,-13.10114 10.65689,-13.10112633 7.6496,-0.01887 c 7.25797,-0.0179 7.62472,0.0098 7.16373,0.54113103 -0.26722,0.308 -5.85603,7.04 -12.41958,14.9599953 -6.56356,7.92 -12.20003,14.69813 -12.5255,15.0625 -0.58645,0.65654 -0.46393,0.8095 13.65,17.04173 7.83296,9.00859 14.24175,16.45047 14.24175,16.53751 0,0.0871 -3.492,0.14796 -7.76,0.13537 l -7.76,-0.0229 -11.68,-13.87935 -11.68,-13.87934 -2.96,-0.0178 -2.96,-0.0178 v 13.92 13.92 h -6.08 -6.08 z m -65.7552,-5.36 c 0.69881,-10.26179 1.66905,-15.57999 3.53393,-19.3704683 1.35305,-2.750134 3.14307,-4.337819 6.32829,-5.612951 6.96942,-2.79005163 23.12443,-3.53645663 32.81206,-1.516007 3.4835,0.726518 7.10237,2.342265 8.91607,3.980833 3.23023,2.918321 5.08336,9.8197233 5.70289,21.2385933 l 0.21268,3.92 h -6.21426 -6.21427 l -0.37996,-5.84 c -0.55006,-8.45456 -1.25511,-10.866747 -3.48814,-11.933931 -2.2126,-1.057426 -4.67458,-1.447487 -10.33409,-1.637279 -8.5856,-0.287917 -13.85854,0.565743 -15.86053,2.567736 -1.36842,1.368424 -1.95692,4.084244 -2.43203,11.223444 l -0.37401,5.62003 h -6.19421 -6.1942 z"
+     id="path817"
+     inkscape:connector-curvature="0" />
+  <path
+     inkscape:connector-curvature="0"
+     id="path819"
+     d="m 162.34594,27.643968 c 0.69881,-10.26179 1.66905,-15.57999 3.53393,-19.3704683 1.35305,-2.750134 3.14307,-4.337819 6.32829,-5.612951 6.96942,-2.79005163 23.12443,-3.53645663 32.81206,-1.516007 3.4835,0.726518 7.10237,2.342265 8.91607,3.980833 3.23023,2.918321 5.08336,9.8197233 5.70289,21.2385933 l 0.21268,3.92 h -6.21426 -6.21427 l -0.37996,-5.84 c -0.55006,-8.45456 -1.25511,-10.866747 -3.48814,-11.933931 -2.2126,-1.057426 -4.67458,-1.447487 -10.33409,-1.637279 -8.5856,-0.287917 -13.85854,0.565743 -15.86053,2.567736 -1.36842,1.368424 -1.95692,4.084244 -2.43203,11.223444 l -0.37401,5.62003 h -6.19421 -6.1942 z"
+     style="fill:#d5101f;fill-opacity:1;stroke-width:0.31999999"
+     sodipodi:nodetypes="scsssscccscssscccs" />
+</svg>