From 8f58ae83e0d70f49ccffe1e73978864923d7980c Mon Sep 17 00:00:00 2001
From: Ben Sturmfels <ben@sturm.com.au>
Date: Wed, 31 Jan 2024 12:26:09 +1100
Subject: [PATCH] usethesource: Add button icons

---
 .../usethesource/templates/usethesource/base.html      |  7 +------
 .../templates/usethesource/landing_page.html           | 10 ++++++++--
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/conservancy/usethesource/templates/usethesource/base.html b/conservancy/usethesource/templates/usethesource/base.html
index e5c2cb99..43bf9bc0 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 86a93d84..66ac5885 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>