Strip down main page more

cd80c7eb · Philipp Heckel · 069d6626 · cd80c7eb · cd80c7eb · cd80c7eb
Commit cd80c7eb authored 3 years ago by Philipp Heckel
--- a/docs/privacy.md
+++ b/docs/privacy.md
+# Privacy policy
+
+I love free software and I'm doing this because it's fun and to give back. I have no bad intentions and I will
+never monetize or sell your information. This service will always stay free and open.
+
+Neither the server nor the app record any personal information, or share any of the messages and topics with
+any outside service. All data is exclusively used to make the service function properly. The one exception
+is the Firebase Cloud Messaging (FCM) service, which is required to provide instant Android notifications (see
+[FAQ](faq.md) for details).
+
+The web server does not log or otherwise store request paths, remote IP addresses or even topics or messages,
+aside from a short on-disk cache to support service restarts.
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -36,6 +36,11 @@ theme:
    - navigation.instant
    - toc.integrate
    - content.tabs.link
+extra:
+  homepage: /
+  social:
+    - icon: fontawesome/brands/github-alt
+      link: https://github.com/binwiederhier
 extra_javascript:
  - static/js/extra.js
 extra_css:
@@ -63,25 +68,22 @@ markdown_extensions:
 plugins:
  - search

-extra:
-  social:
-    - icon: fontawesome/brands/github-alt
-      link: https://github.com/binwiederhier
-
 nav:
 - "Getting started": index.md
- "Installation": install.md
- "Configuration": config.md
 - "Publishing":
  - "Sending messages": publish.md
 - "Subscribing":
-    - "From your phone": subscribe/phone.md
-    - "From the Web UI": subscribe/web.md
-    - "Using the API": subscribe/api.md
+  - "From your phone": subscribe/phone.md
+  - "From the Web UI": subscribe/web.md
+  - "Using the API": subscribe/api.md
+- "Self-hosting":
+  - "Installation": install.md
+  - "Configuration": config.md
 - "Other things":
+  - "FAQs": faq.md
  - "Examples": examples.md
  - "Emojis 🥳 🎉": emojis.md
  - "Development": develop.md
-  - "FAQs": faq.md
+  - "Privacy policy": privacy.md


--- a/server/index.gohtml
+++ b/server/index.gohtml
@@ -34,9 +34,21 @@
 {{end}}
 </head>
 <body>
-<div id="header"><div id="headerBox"><img src="static/img/ntfy.png" alt="ntfy"/></div></div>
+
+<nav id="header">
+    <div id="headerBox">
+        <img id="logo" src="static/img/ntfy.png" alt="logo"/>
+        <div id="name">ntfy.sh</div>
+        <ol>
+            <li><a href="docs/">Getting started</a></li>
+            <li><a href="docs/subscribe/phone/">Android/iOS</a></li>
+            <li><a href="docs/publish/">API</a></li>
+            <li><a href="docs/install/">Self-hosting</a></li>
+        </ol>
+    </div>
+</nav>
 <div id="main"{{if .Topic}} style="display: none"{{end}}>
-    <h1>ntfy.sh | PUT/POST push notifications to your phone</h1>
+    <h1>Send push notifications to your phone or desktop via PUT/POST</h1>
    <p>
        <b>ntfy</b> (pronounce: <i>notify</i>) is a simple HTTP-based <a href="https://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern">pub-sub</a> notification service.
        It allows you to send notifications to your phone or desktop via scripts from any computer,
@@ -83,8 +95,8 @@

    <h2 id="subscribe" class="anchor">Subscribe to a topic</h2>
    <p>
-        You can create and subscribe to a topic either in this web UI, or in your own app by subscribing to an
-        <a href="https://developer.mozilla.org/en-US/docs/Web/API/EventSource">EventSource</a>, a JSON feed, or raw feed.
+        You can create and subscribe to a topic either <a href="docs/subscribe/phone/">using your phone</a>,
+        in <a href="docs/subscribe/web/">this web UI</a>, or in your own app by <a href="docs/subscribe/api/">subscribing via the API</a>.
    </p>

    <div id="subscribeBox">
@@ -160,18 +172,6 @@
        And another one with a smiley face 😀
    </code>

-    <h2 id="privacy" class="anchor">Privacy policy</h2>
-    <p>
-        Neither the server nor the app record any personal information, or share any of the messages and topics with
-        any outside service. All data is exclusively used to make the service function properly. The one exception
-        is the Firebase Cloud Messaging (FCM) service, which is required to provide instant Android notifications (see
-        FAQ for details).
-    </p>
-    <p>
-        The web server does not log or otherwise store request paths, remote IP addresses or even topics or messages,
-        aside from a short on-disk cache (for {{.CacheDuration}}) to support service restarts.
-    </p>
-
    <center id="ironicCenterTagDontFreakOut"><i>Made with ❤️ by <a href="https://heckel.io">Philipp C. Heckel</a></i></center>
 </div>
 <div id="detail"{{if not .Topic}} style="display: none"{{end}}>

--- a/server/static/css/app.css
+++ b/server/static/css/app.css
@@ -24,8 +24,8 @@ a:hover {
 }

 h1 {
-    margin-top: 25px;
-    margin-bottom: 18px;
+    margin-top: 35px;
+    margin-bottom: 30px;
    font-size: 2.5em;
    word-wrap: break-word; /* For very long topics */
    padding-right: 40px; /* For the X on the detail page */
@@ -209,8 +209,39 @@ code {
    padding: 0 10px;
 }

-#header img {
+#header #logo {
    margin-top: 23px;
+    float: left;
+}
+
+#header #name {
+    float: left;
+    color: white;
+    font-size: 2.6em;
+    font-weight: bold;
+    margin: 35px 0 0 20px;
+}
+
+#header ol {
+    list-style-type: none;
+    float:right;
+    margin-top: 80px;
+}
+
+#header ol li {
+    display: inline-block;
+    margin: 0 10px;
+    font-weight: bold;
+
+}
+
+#header ol li a, nav ol li a:visited {
+    color: white;
+    text-decoration: none;
+}
+
+#header ol li a:hover {
+    text-decoration: underline;
 }

 /* Subscribe box */