Change font

hschne · Dec 28, 2023 · eadb93d · eadb93d
1 parent d7529ec
commit eadb93d
Show file tree

Hide file tree

Showing 5 changed files with 87 additions and 11 deletions.
diff --git a/app/assets/images/logo.svg b/app/assets/images/logo.svg
diff --git 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
@@ -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
@@ -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
@@ -10,7 +10,7 @@ module.exports = {
   theme: {
     extend: {
       fontFamily: {
-        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
+        sans: ["Space Grotesk", ...defaultTheme.fontFamily.sans],
       },
       boxShadow: {
         brutal: