From b919f4e9763543248a444610f5f36561d90ef24d Mon Sep 17 00:00:00 2001
From: Alessio <alex@playfulpachyderm.com>
Date: Fri, 3 May 2024 13:51:02 -0700
Subject: [PATCH] Add copy link button to tweets and 'Go Online' button to nav
 sidebar

---
 internal/webserver/static/icons/copy.svg                    | 1 +
 internal/webserver/static/icons/internet.svg                | 1 +
 internal/webserver/tpl/includes/base.tpl                    | 2 +-
 internal/webserver/tpl/includes/nav_sidebar.tpl             | 6 ++++++
 internal/webserver/tpl/tweet_page_includes/single_tweet.tpl | 3 +++
 5 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 internal/webserver/static/icons/copy.svg
 create mode 100644 internal/webserver/static/icons/internet.svg

diff --git a/internal/webserver/static/icons/copy.svg b/internal/webserver/static/icons/copy.svg
new file mode 100644
index 0000000..daa7352
--- /dev/null
+++ b/internal/webserver/static/icons/copy.svg
@@ -0,0 +1 @@
+<svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path d="M32 2h-24c-2.21 0-4 1.79-4 4v28h4v-28h24v-4zm6 8h-22c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h22c2.21 0 4-1.79 4-4v-28c0-2.21-1.79-4-4-4zm0 32h-22v-28h22v28z"/></svg>
diff --git a/internal/webserver/static/icons/internet.svg b/internal/webserver/static/icons/internet.svg
new file mode 100644
index 0000000..859e9ff
--- /dev/null
+++ b/internal/webserver/static/icons/internet.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="-50 -50 612 612"><path d="M256,0Q362.11,0,436.9,75.1,512,149.89,512,256T436.9,436.9Q362.11,512,256,512T75.1,436.9Q0,362.11,0,256T75.1,75.1Q149.89,0,256,0ZM55.34,190.63a211.82,211.82,0,0,0,0,130.73h66a416,416,0,0,1,0-130.73Zm14.9,165.7q34.36,63.55,100.64,92.73a232.64,232.64,0,0,1-20.07-31.92,302.59,302.59,0,0,1-22.2-60.81ZM170.87,63.24Q104.59,92.43,70.54,155.37h58.07a304.36,304.36,0,0,1,22.2-60.51A198.45,198.45,0,0,1,170.87,63.24ZM151.72,190.63A390.59,390.59,0,0,0,145.94,256a390.48,390.48,0,0,0,5.78,65.37H241.1V190.63Zm82.7-143.51q-32.83,13.38-57.16,61.11-9.43,19.16-17.63,47.13H241.1V45.61a3.4,3.4,0,0,1-1.52.3h-1.82Zm3.34,419h1.82a5.12,5.12,0,0,0,1.52.3V356.33H159.62q8.21,28.28,17.63,47.43,24.32,47.74,57.16,61.11ZM274.24,45.91h-1.83a3.38,3.38,0,0,1-1.52-.3V155.37h81.48q-8.21-28-17.63-47.13-24.33-47.73-57.16-61.11Zm86,275.46A391.23,391.23,0,0,0,366.06,256a395,395,0,0,0-5.78-65.37H270.9V321.37Zm-82.7,143.51q32.84-13.39,57.16-61.11,9.73-19.16,17.63-47.43H270.9V466.39a5.1,5.1,0,0,0,1.52-.3h1.83ZM441.46,155.37q-34.06-62.94-100-92.12A212.61,212.61,0,0,1,361.2,94.86a295.22,295.22,0,0,1,22.2,60.51Zm-100,293.7q66-29.49,100-92.73H383.39q-8.52,33.74-22.2,60.81A226,226,0,0,1,341.43,449.06Zm49.25-258.43A412,412,0,0,1,395.86,256a415.71,415.71,0,0,1-5.17,65.37h66a211.89,211.89,0,0,0,0-130.73Z"/></svg>
diff --git a/internal/webserver/tpl/includes/base.tpl b/internal/webserver/tpl/includes/base.tpl
index 7795976..02ae3e9 100644
--- a/internal/webserver/tpl/includes/base.tpl
+++ b/internal/webserver/tpl/includes/base.tpl
@@ -27,7 +27,7 @@
         <a onclick="window.history.back()" class="button search-bar__back-button">
           <img class="svg-icon" src="/static/icons/back.svg" width="24" height="24"/>
         </a>
-        <form class="search-bar__form" hx-get="/search" hx-push-url="true" hx-target="body" hx-swap="inner-html show:window:top">
+        <form class="search-bar__form" hx-get="/search" hx-push-url="true" hx-target="body" hx-swap="innerHTML show:window:top">
           <input id="search-bar" class="search-bar__input"
             name="q"
             placeholder="Search" type="text"
diff --git a/internal/webserver/tpl/includes/nav_sidebar.tpl b/internal/webserver/tpl/includes/nav_sidebar.tpl
index 641297a..1502f49 100644
--- a/internal/webserver/tpl/includes/nav_sidebar.tpl
+++ b/internal/webserver/tpl/includes/nav_sidebar.tpl
@@ -68,6 +68,12 @@
           </li>
         </a>
       {{end}}
+      <a href="https://twitter.com" target="_blank">
+        <li class="button labelled-icon">
+          <img class="svg-icon" src="/static/icons/internet.svg" width="24" height="24" />
+          <label class="nav-sidebar__button-label">Go online</label>
+        </li>
+      </a>
       <a href="#">
         <li class="button labelled-icon">
           <img class="svg-icon" src="/static/icons/more.svg" width="24" height="24"/>
diff --git a/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl b/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
index bfa0696..6627ac6 100644
--- a/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
+++ b/internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
@@ -155,6 +155,9 @@
         {{template "likes-count" $main_tweet}}
         <div class="interactions__dummy"></div>
         <div class="row" hx-trigger="click consume">
+          <a class="button" title="Copy link" onclick="navigator.clipboard.writeText('https://twitter.com/{{ $author.Handle }}/status/{{ $main_tweet.ID }}')">
+            <img class="svg-icon" src="/static/icons/352285_content_copy_icon.svg" width="24" height="24" />
+          </a>
           <a
             class="button"
             target="_blank"