From eadb93dba20e2ac826aa48483839f1c2890a93fc Mon Sep 17 00:00:00 2001
From: hschne <hans.schnedlitz@gmail.com>
Date: Thu, 28 Dec 2023 18:44:59 +0100
Subject: [PATCH] Change font

---
 app/assets/images/logo.svg             | 61 ++++++++++++++++++++++++++
 app/views/layouts/application.html.erb | 24 +++++++---
 app/views/uploads/new.html.erb         |  3 +-
 app/views/uploads/preview.html.erb     |  8 ++--
 config/tailwind.config.js              |  2 +-
 5 files changed, 87 insertions(+), 11 deletions(-)
 create mode 100644 app/assets/images/logo.svg

diff --git a/app/assets/images/logo.svg b/app/assets/images/logo.svg
new file mode 100644
index 0000000..a1ca7bc
--- /dev/null
+++ b/app/assets/images/logo.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="210mm"
+   height="210mm"
+   viewBox="0 0 210 210"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="logo.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.20222202"
+     inkscape:cx="195.32986"
+     inkscape:cy="0"
+     inkscape:window-width="1896"
+     inkscape:window-height="1026"
+     inkscape:window-x="10"
+     inkscape:window-y="40"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g1"
+       transform="matrix(1.5806961,0,0,1.5806961,-76.601102,-74.728113)">
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.264583"
+         d="M 73.256315,57.022345 V 170.38139 c 0,0 86.608635,0.25401 86.608635,-59.08965 0,-53.645548 -86.608635,-54.269395 -86.608635,-54.269395 z"
+         id="path1"
+         sodipodi:nodetypes="ccsc" />
+      <path
+         style="fill:#000000;fill-opacity:1;stroke-width:0.207423"
+         d="m 82.611599,68.39578 v 88.86942 c 0,0 67.898071,0.19914 67.898071,-46.32416 0,-42.056187 -67.898071,-42.54526 -67.898071,-42.54526 z"
+         id="path2"
+         sodipodi:nodetypes="ccsc" />
+      <path
+         style="fill:#ffffff;fill-opacity:1;stroke-width:0.145213"
+         d="M 92.793588,79.581095 V 141.7968 c 0,0 47.534092,0.13942 47.534092,-32.43063 0,-29.442684 -47.534092,-29.785075 -47.534092,-29.785075 z"
+         id="path3"
+         sodipodi:nodetypes="ccsc" />
+    </g>
+  </g>
+</svg>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 8d17be8..df11ffb 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -5,7 +5,13 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
-    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    >
+    <%= stylesheet_link_tag "tailwind", "data-turbo-track": "reload" %>
 
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_importmap_tags %>
@@ -25,9 +31,13 @@
           mx-auto flex h-16 max-w-screen-xl items-center justify-between px-4
         "
       >
-        <a class=" flex flex-row gap-1 items-center" href="/">
-          <span class="text-xl text-bold font-extrabold">Data Dead Drop</span>
-        </a>
+
+        <div class="flex flex-row justify-center items-center gap-2">
+          <%= inline_svg "logo.svg", class: "h-8 w-8 rounded bg-black" %>
+          <a class=" flex flex-row gap-1 items-center" href="/">
+            <span class="text-xl text-bold font-extrabold">Data Dead Drop</span>
+          </a>
+        </div>
         <a
           class="
             block text-white font-semibold outline-none bg-gray-800 rounded-full px-12 py-3
@@ -47,7 +57,11 @@
     <footer class="bg-gray-50 border-t border-gray-100 ">
       <div class="mx-auto max-w-screen-xl mt-12 py-6 p-4">
         <div class="text-center sm:flex sm:justify-between sm:text-left">
-          <p class="mt-4 text-sm text-gray-500 sm:order-first sm:mt-0">&copy; 2023 Hans Schnedlitz</p>
+          <p class="mt-4 text-sm sm:order-first sm:mt-0">
+            &copy; 2023
+            <%= render "components/link",
+            name: "Hans Schnedlitz",
+            url: "https://github.com/hschne" %></p>
 
           <ul
             class="
diff --git a/app/views/uploads/new.html.erb b/app/views/uploads/new.html.erb
index 77eae8f..e07aa71 100644
--- a/app/views/uploads/new.html.erb
+++ b/app/views/uploads/new.html.erb
@@ -80,7 +80,8 @@
         <%= render "components/code" do %>
           http -f POST
           <%= Rails.application.routes.default_url_options[:host] %>/upload.json \<br>
-          "upload[file]@README.md" "upload[expiry]=10" "upload[uses]=3"
+          &nbsp;&nbsp;"upload[file]@README.md" "upload[expiry]=10"
+          "upload[uses]=3"
         <% end %>
       </div>
     </div>
diff --git a/app/views/uploads/preview.html.erb b/app/views/uploads/preview.html.erb
index 534a9c9..b09904a 100644
--- a/app/views/uploads/preview.html.erb
+++ b/app/views/uploads/preview.html.erb
@@ -1,7 +1,7 @@
 <section class="px-4 py-16 flex flex-col gap-8 mx-auto max-w-screen-lg">
   <h2 class="font-semibold text-4xl mb-4">File uploaded</h2>
 
-  <p class=" py-2 px-3 bg-red-50 text-red-500 rounded-lg inline-block ">
+  <p class=" py-2 px-3 bg-amber-50 text-amber-500 rounded-lg inline-block ">
     Your file will expire in
     <strong><%= "#{@upload.minutes_left} #{"Minute".pluralize(@upload.minutes_left)}" %></strong>
     or after
@@ -88,15 +88,15 @@
         <div id="httpie" class="hidden py-4" data-tabs-target="panel">
           <%= render "components/code" do %>
             http -d
-            <%= Rails.application.routes.url_helpers.download_url(@upload) %>.json \<br>
-
+            <%= Rails.application.routes.url_helpers.download_url(@upload) %>
+            .json
           <% end %>
         </div>
 
         <div class="hidden py-4" data-tabs-target="panel">
           <%= render "components/code" do %>
             wget -O "<%= @upload.file.filename.to_s %>"
-            <%= Rails.application.routes.url_helpers.download_url(@upload) %>.json \<br>
+            <%= Rails.application.routes.url_helpers.download_url(@upload) %>.json
           <% end %>
         </div>
       </div>
diff --git a/config/tailwind.config.js b/config/tailwind.config.js
index 786ea39..aa1f50d 100644
--- a/config/tailwind.config.js
+++ b/config/tailwind.config.js
@@ -10,7 +10,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
+        sans: ["Space Grotesk", ...defaultTheme.fontFamily.sans],
       },
       boxShadow: {
         brutal: