From 7cca5424b18439ad1ca5007fce4cefecc4ada1a7 Mon Sep 17 00:00:00 2001
From: Andrew Cady <d@jerkface.net>
Date: Fri, 4 Sep 2020 23:24:37 -0400
Subject: improved HEADER.html

---
 selfpublish.sh | 146 ++++++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 98 insertions(+), 48 deletions(-)

diff --git a/selfpublish.sh b/selfpublish.sh
index b2bb375..02d349f 100644
--- a/selfpublish.sh
+++ b/selfpublish.sh
@@ -267,54 +267,104 @@ configure_apache_vhost()
 install_header_to_site()
 {
     cat > "$SITE_DIR"/public_html/HEADER.html <<EOF
-<div style='text-align:left; margin-top: 10%; margin-bottom: 10%'>
-            <span style='font-size: 15px; line-height: 2em;'>
-                <table>
-                <tr>
-                <td style='border: 1px solid; padding: 6px;'>
-                source code for <strong style='font-size: 20px'>selfpublish.sh</strong> available:
-                </td>
-                </tr>
-                <tr>
-                <td>
-                <td style='padding: 6px;'> git&nbsp;repository:
-                <tr>
-                <td>
-                <td>
-                <td style='border: 1px solid; padding: 6px'> <div style='font-size: 15px; padding: 1px;'>
-                     git&nbsp;clone&nbsp;ssh://d@cryptonomic.net:public_html/selfpublish.sh/<br>
-                     </div>
-                <tr>
-                <td>
-                <td style='padding: 6px;'> git&nbsp;repository&nbsp;browser:
-                <tr>
-                <td>
-                <td>
-                <td style='border: 1px solid; padding: 6px;'> <div style='font-size: 15px; padding: 1px;'>
-                     upstream: <a href="https://git.cryptonomic.net/selfpublish.sh">
-                     https://git.cryptonomic.net/selfpublish.sh/
-                     </a> </div>
-                <tr>
-                <td>
-                <td>
-                <td style='border: 1px solid; padding: 6px;'> <div style='font-size: 15px; padding: 1px;'>
-                     local: <a href="git/selfpublish.sh">
-                     https://<!--#echo var="SERVER_NAME" -->/git/selfpublish.sh
-                     </a> </div>
-                <tr>
-                <td>
-                <td style='padding: 6px;'> this&nbsp;web&nbsp;server:
-                <tr>
-                <td>
-                <td>
-                <td style='border: 1px solid; padding: 6px'> <div style='font-size: 15px; padding: 1px;'>
-                     <a href="selfpublish.sh">
-                     https://<!--#echo var="SERVER_NAME" -->/selfpublish.sh
-                     </a> </div>
-                </table>
-            </span>
-        </a>
-</div>
+<style type=text/css>
+td { padding: 10px; }
+td.cmds {border: 1px solid;}
+
+#toggle_develop[type="checkbox"]:checked       ~ * .develop {display: "";}
+#toggle_develop[type="checkbox"]:not(:checked) ~ * .develop {display: none;}
+
+#toggle_browse[type="checkbox"]:checked       ~ * .browse {display: "";}
+#toggle_browse[type="checkbox"]:not(:checked) ~ * .browse {display: none;}
+
+#main {
+    text-align:left;
+    margin-top: 10%;
+    margin-bottom: 10%;
+    font-size: 15px;
+    line-height: 2em;
+    border-spacing: 10px;
+}
+
+</style>
+<input type=checkbox id=toggle_develop name=toggle_develop style='visibility: hidden' />
+<input type=checkbox id=toggle_browse name=toggle_browse style='visibility: hidden' />
+<table id=main>
+    <tr>
+        <td colspan=2 style='border: 2px solid; padding: 18px;'>
+        <strong style='font-size: 20px'>selfpublish.sh</strong>
+    <tr>
+        <td>
+        <td style='border: 1px solid; padding: 12px; text-align: center;'>
+        <strong>Install</strong>
+    <tr>
+        <td>
+        <td>
+        <td>
+        <td class=cmds> <div class=cmds>
+                wget https://<!--#echo var="SERVER_NAME" -->/selfpublish.sh && sudo bash selfpublish.sh
+
+    <tr>
+        <td>
+        <td style='border: 1px solid; padding: 12px; text-align: center;'>
+        <label for="toggle_browse">
+        <strong>Browse source</strong>
+        </label>
+    <tr class=browse>
+        <td>
+        <td>
+        <td style='text-align: right;'>Local: repository:
+        <td class=cmds> <div class=cmds>
+                <a href="git/selfpublish.sh">
+                https://<!--#echo var="SERVER_NAME" -->/git/selfpublish.sh
+                </a> </div>
+    <tr class=browse>
+        <td>
+        <td>
+        <td style='text-align: right;'>Upstream repository:
+        <td class=cmds> <div class=cmds>
+                <a href="https://git.cryptonomic.net/selfpublish.sh">
+                https://git.cryptonomic.net/selfpublish.sh/
+                </a> </div>
+    <tr class=browse>
+        <td>
+        <td>
+        <td style='text-align: right;'>Download single file:
+        <td class=cmds> <div class=cmds>
+                <a href="selfpublish.sh"> https://<!--#echo var="SERVER_NAME" -->/selfpublish.sh</a>
+
+    <tr>
+        <td>
+        <td style='border: 1px solid; padding: 12px; text-align: center;'>
+        <label for="toggle_develop"><strong>Develop (<a href="https://git-scm.com/">git</a>)</strong></label>
+    <tr class=develop>
+        <td>
+        <td>
+        <td style='text-align: right'>Clone local repository:
+        <td class=cmds> <div class=cmds>
+        git&nbsp;clone&nbsp;/srv/<!--#echo var="SERVER_NAME"-->/public_git/selfpublish.sh/ && cd selfpublish.sh && make
+    <tr class=develop>
+        <td>
+        <td>
+        <td style='text-align: right'>Share local repository (read-only):
+        <td class=cmds> <div class=cmds>
+        git&nbsp;clone&nbsp;https://<!--#echo var="SERVER_NAME"-->/git/selfpublish.sh && cd selfpublish.sh && make
+    <tr class=develop>
+        <td>
+        <td>
+        <td style='text-align: right;'>To push changes upstream:
+        <td class=cmds> <div class=cmds>
+                git&nbsp;clone&nbsp;d@cryptonomic.net:public_git/selfpublish.sh<br>
+    </tr>
+    <tr class=develop>
+        <td>
+        <td>
+        <td style='text-align: right;'>Local git repository:
+        <td class=cmds> <div class=cmds>
+                git&nbsp;clone&nbsp;https://<!--#echo var="SERVER_NAME"-->/git/selfpublish.sh<br>
+    </tr>
+
+</table>
 
 <pre style=font-size:1.3em>
 Fortunately,
-- 
cgit v1.2.3