From 8f58ae83e0d70f49ccffe1e73978864923d7980c 2024-01-31 01:28:37
From: Ben Sturmfels <ben@sturm.com.au>
Date: 2024-01-31 01:28:37
Subject: [PATCH] usethesource: Add button icons

---

diff --git a/conservancy/usethesource/templates/usethesource/base.html b/conservancy/usethesource/templates/usethesource/base.html
index e5c2cb9955d5688f9faa66b05069ca13b9cb2823..43bf9bc04b6a8a30d44d27eb93036d6383625b4f 100644
--- a/conservancy/usethesource/templates/usethesource/base.html
+++ b/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 %}
diff --git a/conservancy/usethesource/templates/usethesource/landing_page.html b/conservancy/usethesource/templates/usethesource/landing_page.html
index 86a93d84f049227eeb9e0dd703b67b8b62d24852..66ac58854400072cc2d98837fc1cc0613804ad36 100644
--- a/conservancy/usethesource/templates/usethesource/landing_page.html
+++ b/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="#submit-a-candidate" class="db f3 ttu tc ph4 pv3 btn-orange mb2" style="flex-grow: 1">Submit a candidate</a>
+      <a href="#candidates" class="db f3 ttu tc ph4 pv1 btn-orange mb2 flex items-center justify-center" style="flex-grow: 1">
+        <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>