usethesource: Add button icons

conservancy/usethesource/templates/usethesource/base.html

@@ -2,11 +2,6 @@
 
 {% load static %}
 
-{% block head %}
-<meta name="description" content="TODO" />
-<meta name="keywords" content="TODO" />
-{% endblock %}
-
 {% block outercontent %}
   <div class="lh-title ttu tracked tc bg-gray"
        style="margin: -0.5rem -1rem 0; background: #24243d url('{% static "usethesource/stars.jpg" %}'); background-size: cover; background-position: 50%; overflow: auto">
@@ -18,6 +13,6 @@
   </div>
 
   <div class="f7 mw8 center ph2 ph3 mt4 mb3">
-    <p class="tc black-60 i">Header image adapted from <a href="https://commons.wikimedia.org/wiki/File:Stars_01_(MK).jpg" class="black-50 normal">Stars 01</a> by Mathias Krumbholz (CC BY-SA 3.0 Deed)</p>
+    <p class="tc black-50 i">Header image adapted from <a href="https://commons.wikimedia.org/wiki/File:Stars_01_(MK).jpg" class="black-50 normal underline">Stars 01</a> by Mathias Krumbholz (CC BY-SA 3.0 Deed). Icons adapted from <a href="https://thenounproject.com/icon/magnifying-glass-304610/" class="black-50 normal underline">Magnifying Glass</a> by Rohith M S, <a href="https://thenounproject.com/icon/magnifying-glass-6485038/" class="black-50 normal underline">Magnifying Glass</a> by icondesign178 and <a href="https://thenounproject.com/icon/upload-6493826/" class="black-50 normal underline">Upload</a> by sureya from Noun Project (CC BY 3.0)</p>
   </div>
 {% endblock outercontent %}

conservancy/usethesource/templates/usethesource/landing_page.html

@@ -7,8 +7,14 @@
 
   <section class="f4 pv2 mt4 mb3">
     <div class="flex flex-wrap mb4" style="gap: 1rem">
-      <a href="#candidates" class="db f3 ttu tc ph4 pv3 btn-orange mb2" style="flex-grow: 1">View the candidates</a>
+      <a href="#candidates" class="db f3 ttu tc ph4 pv1 btn-orange mb2 flex items-center justify-center" style="flex-grow: 1">
-      <a href="#submit-a-candidate" class="db f3 ttu tc ph4 pv3 btn-orange mb2" style="flex-grow: 1">Submit a candidate</a>
+        <span class="mr2" style="flex-shrink: 1">View the candidates</span>
+        <svg version="1.1" x="0px" y="0px" viewBox="-255 347 70 70" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" style="width: 60px; padding: 15px 0" fill="currentColor"><path d="m -253.8,415.8 c 1.6,1.6 4.1,1.6 5.7,0 l 15,-15 c 5,3.8 11.3,6.2 18.1,6.2 16.6,0 30,-13.4 30,-30 0,-16.6 -13.4,-30 -30,-30 -16.6,0 -30,13.4 -30,30 0,6.8 2.3,13.1 6.2,18.1 l -15,15 c -1.6,1.6 -1.6,4.1 0,5.7 z M -215,353 c 13.3,0 24,10.7 24,24 0,13.3 -10.7,24 -24,24 -13.3,0 -24,-10.7 -24,-24 0,-13.3 10.7,-24 24,-24 z" /><path d="m -202.77458,376.73992 h -17.24 c -0.83,0 -1.5,0.67 -1.5,1.5 0,0.83 0.67,1.5 1.5,1.5 h 17.24 c 0.83,0 1.5,-0.67 1.5,-1.5 0,-0.83 -0.67,-1.5 -1.5,-1.5 z" /><path d="m -214.74458,372.14992 c 0,0.83 0.67,1.5 1.5,1.5 h 17.24 c 0.83,0 1.5,-0.67 1.5,-1.5 0,-0.83 -0.67,-1.5 -1.5,-1.5 h -17.24 c -0.82,0 -1.5,0.67 -1.5,1.5 z" /><path d="m -217.19458,372.14992 c 0,-0.83 -0.67,-1.5 -1.5,-1.5 h -8.25 c -0.83,0 -1.5,0.67 -1.5,1.5 0,0.83 0.67,1.5 1.5,1.5 h 8.25 c 0.82,0 1.5,-0.67 1.5,-1.5 z" /><path d="m -225.79458,377.16992 c -0.28,0.28 -0.44,0.67 -0.44,1.06 0,0.4 0.15,0.78 0.44,1.06 0.28,0.28 0.66,0.44 1.06,0.44 0.4,0 0.78,-0.16 1.06,-0.44 0.14,-0.14 0.25,-0.3 0.33,-0.48 0.07,-0.19 0.11,-0.38 0.11,-0.58 0,-0.39 -0.16,-0.78 -0.44,-1.06 -0.56,-0.56 -1.57,-0.56 -2.12,0 z" /></svg>
+      </a>
+      <a href="#submit-a-candidate" class="db f3 ttu tc ph4 pv1 btn-orange mb2 flex items-center justify-center" style="flex-grow: 1">
+        <span style="flex-shrink: 1">Submit a candidate</span>
+        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 5 100 100" xml:space="preserve" style="width: 90px; vertical-align: middle" fill="currentColor"><g><path d="M49.67,65.06c1.1,0,2-0.9,2-2V27.28l12.47,12.47c0.39,0.39,0.9,0.59,1.41,0.59s1.02-0.2,1.41-0.59   c0.78-0.78,0.78-2.05,0-2.83L51.08,21.03c-0.38-0.38-0.88-0.59-1.41-0.59s-1.04,0.21-1.41,0.59L32.37,36.92   c-0.78,0.78-0.78,2.05,0,2.83c0.78,0.78,2.05,0.78,2.83,0l12.47-12.47v35.79C47.67,64.17,48.56,65.06,49.67,65.06z"/><path d="M73.66,47.77H61.23c-1.1,0-2,0.9-2,2s0.9,2,2,2h12.43c1.21,0,2.19,0.98,2.19,2.19v19.41c0,1.21-0.98,2.19-2.19,2.19H26.34   c-1.21,0-2.19-0.98-2.19-2.19V53.96c0-1.21,0.98-2.19,2.19-2.19H40.1c1.1,0,2-0.9,2-2s-0.9-2-2-2H26.34   c-3.41,0-6.19,2.78-6.19,6.19v19.41c0,3.41,2.78,6.19,6.19,6.19h47.33c3.41,0,6.19-2.78,6.19-6.19V53.96   C79.85,50.54,77.08,47.77,73.66,47.77z"/></g></svg>
+      </a>
     </div>
 
     <p>Software Freedom Conservancy works to ensure that you have the right to repair and modify the software on your devices.  <strong>Use The Source</strong> shows you one of the key steps in this process: how we evaluate the source code candidates that companies provide to you, as is required when they use Linux or other GPLed software (most do).  Through the collaborative process shown in each candidate's comment threads, we highlight common issues in the below source candidates, and what steps need to be taken by the companies to fix them (i.e. to comply with software right to repair licenses like the GPL).  You can also see examples of candidates already in compliance, which are no longer just candidates, but real "corresponding source code".</p>