quick sketch of descriptions and interactions for app list

members_lumbung_space/static/css/lumbung.css

@@ -211,4 +211,20 @@ footer .content span {
 .button {
   font-family: "Gudea", "sans-serif" !important;
 
+}
+
+.app_icon:hover {
+  transform: rotate(-15deg);
+}
+
+.app_name{
+  font-weight: bold;
+  font-size: 18px;
+  margin-bottom: 0.2em;
+}
+.app_name:hover{
+  text-decoration: underline;
+}
+.app_description{
+  font-size: 14px;
 }

members_lumbung_space/templates/admin.html

@@ -7,13 +7,15 @@
 </div>
 {% set site_list = ("tv","social","cloud","pen", "books", "panduan", "nongkrong") %}
 {% set site_urls= ("https://tv.lumbung.space/plugins/auth-openid-connect/0.0.5/auth/openid-connect","https://social.lumbung.space","https://cloud.lumbung.space","https://pen.lumbung.space/wp-admin", "https://books.lumbung.space/link/generic", "https://panduan.lumbung.space/", "https://nongkrong.lumbung.space/") %}
+{% set site_descriptions= ("Video archive. Watch or upload videos or start a livestream!","Like twitter but for us! Jokes, announcements, chitchat!","Share and organize files.","Write and publish longer texts.", "Archive of publications. Share, read or download PDFs and ebooks!", "Our collectively written knowledge base, FAQs, manuals and more!", "Chatrooms, 1-1 chat, video calls. Come and nongkrong :)") %}
 <div class="columns is-multiline is-gapless is-mobile is-centered">
-  {% for i, u in site_list|zip(site_urls) %}
+  {% for i, u, d in site_list|zip(site_urls)|zip(site_descriptions) %}
     <div class="column site is-one-third-tablet is-one-quarter-desktop is-one-half-mobile">
       <a href="{{u}}">
-        <img src="{{ url_for('static', path='svg/' ~ i ~'_lumbung.svg') }}" alt="lumbung.{{i}}">
-        <p>{{i}}.lumbung.space</p>
+        <img class="app_icon" src="{{ url_for('static', path='svg/' ~ i ~'_lumbung.svg') }}" alt="lumbung.{{i}}">
+        <p class="app_name">{{i}}.lumbung.space</p>
       </a>
+      <p class="app_description">{{d}}</p>
     </div>
   {% endfor %}
 </div>