feat: panduan links, better wording, less jank css

members_lumbung_space/static/css/lumbung.css

@@ -157,9 +157,10 @@ footer .content span {
 }
 
 @media all and (min-width: 768px) {
-  #formlogo.logo{
+  #formlogo.logo {
     width: 50%;
   }
+
   .signup-form-box {
     max-width: 70%;
     margin: auto;
@@ -217,17 +218,27 @@ footer .content span {
   transform: rotate(-15deg);
 }
 
-.app_name{
+.app_name {
   font-weight: bold;
   font-size: 18px;
   margin-bottom: 0.2em;
 }
 
-.app_name:hover{
+.app_name:hover {
   text-decoration: underline;
 }
 
-.app_description{
+.app_description {
   font-size: 14px;
-  padding: 8px;
+}
+
+@media all and (min-width: 768px) {
+  .app_description {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+
+.tools .app_description a:link {
+  text-decoration: underline;
 }

members_lumbung_space/templates/admin.html

@@ -7,13 +7,13 @@
     <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
   </a>
 </div>
-<div class="columns is-multiline is-gapless is-mobile is-centered">
+<div class="columns is-multiline is-gapless is-mobile is-centered tools">
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
     <a href="https://tv.lumbung.space/plugins/auth-openid-connect/0.0.5/auth/openid-connect">
       <img class="app_icon" src="{{ url_for('static', path='svg/tv_lumbung.svg') }}" alt="lumbung.tv">
       <p class="app_name">tv.lumbung.space</p>
     </a>
-    <p class="app_description">Video archive. Watch or upload videos or start a livestream!</p>
+    <p class="app_description">Video archive. Watch or upload videos or start a livestream! Learn more on <a href="https://panduan.lumbung.space/doc/tvlumbungspace-hxOefAj04z">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
@@ -21,7 +21,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/social_lumbung.svg') }}" alt="lumbung.social">
       <p class="app_name">social.lumbung.space</p>
     </a>
-    <p class="app_description">Like twitter but for us! Jokes, announcements, chitchat!</p>
+    <p class="app_description">Like twitter but for us! Jokes, announcements, chitchat! Learn more on <a href="https://panduan.lumbung.space/doc/sociallumbungspace-qVXmQksobB">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
@@ -29,7 +29,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/cloud_lumbung.svg') }}" alt="lumbung.cloud">
       <p class="app_name">cloud.lumbung.space</p>
     </a>
-    <p class="app_description">Share and organize files.</p>
+    <p class="app_description">Share and organize files. Learn more on <a href="https://panduan.lumbung.space/doc/cloudlumbungspace-Pc34vr4gxv">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
@@ -37,7 +37,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/pen_lumbung.svg') }}" alt="lumbung.pen">
       <p class="app_name">pen.lumbung.space</p>
     </a>
-    <p class="app_description">Write and publish longer texts.</p>
+    <p class="app_description">Write and publish longer texts. Learn more on <a href="https://panduan.lumbung.space/doc/penlumbungspace-cspRmBVvii">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
@@ -45,7 +45,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/books_lumbung.svg') }}" alt="lumbung.books">
       <p class="app_name">books.lumbung.space</p>
     </a>
-    <p class="app_description">Archive of publications. Share, read or download PDFs and ebooks!</p>
+    <p class="app_description">Archive of publications. Share, read or download PDFs and ebooks! Learn more on <a href="https://panduan.lumbung.space/doc/bookslumbungspace-dnSnVqknnz">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
@@ -53,7 +53,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/panduan_lumbung.svg') }}" alt="lumbung.panduan">
       <p class="app_name">panduan.lumbung.space</p>
     </a>
-    <p class="app_description">Our collectively written knowledge base, FAQs, manuals and more!</p>
+    <p class="app_description">Our collectively written knowledge base, FAQs, manuals and more! Learn more on <a href="https://panduan.lumbung.space/doc/panduanlumbungspace-KQEdwilTrs">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
@@ -61,7 +61,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/nongkrong_lumbung.svg') }}" alt="lumbung.nongkrong">
       <p class="app_name">nongkrong.lumbung.space</p>
     </a>
-    <p class="app_description">Chatrooms, 1-1 chat, video calls. Come and nongkrong :)</p>
+    <p class="app_description">Chatrooms, 1-1 chat, video calls. Come and nongkrong :) Learn more on <a href="https://panduan.lumbung.space/doc/nongkronglumbungspace-UxL0yw2uK2">panduan.lumbung.space</a>.</p>
   </div>
 
   <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile sounds">
@@ -69,7 +69,7 @@
       <img class="app_icon" src="{{ url_for('static', path='svg/sounds_lumbung.svg') }}" alt="lumbung.sounds">
       <p class="app_name">sounds.lumbung.space</p>
     </a>
-    <p class="app_description">Sharing music, streams, audio archiving and more.</p>
+    <p class="app_description">Sharing music, streams, audio archiving and more. Learn more on <a href="https://panduan.lumbung.space/doc/soundslumbungspace-cRDBnjoVM4">panduan.lumbung.space</a>.</p>
   </div>
 </div>
 </div>

members_lumbung_space/templates/invites.html

@@ -17,7 +17,10 @@
     </div>
     <div class="form-body">
       <p>
-        Hello {{user.preferred_username}}. Here are links you can send to invite others to register.
+        Hello {{user.preferred_username}}. On this page you can generate invite
+        links for your friends to join lumbung.space! The invite links can be
+        used by multiple people. Need more help? See <a href="https://panduan.lumbung.space/doc/memberslumbungspace-wP0a2k6Avl">panduan.lumbung.space</a>
+        for more.
       </p>
       {% if user.preferred_username in invites and invites[user.preferred_username]|length > 0 %}
       <table>