From dfce751860835ee3845780a4174615897bdf199e Mon Sep 17 00:00:00 2001
From: rra <rscmbbng@riseup.net>
Date: Fri, 21 Jan 2022 14:39:44 +0100
Subject: [PATCH] quick sketch of descriptions and interactions for app list

---
 members_lumbung_space/static/css/lumbung.css | 16 ++++++++++++++++
 members_lumbung_space/templates/admin.html   |  8 +++++---
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/members_lumbung_space/static/css/lumbung.css b/members_lumbung_space/static/css/lumbung.css
index 55b2e50..859aa90 100644
--- a/members_lumbung_space/static/css/lumbung.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/members_lumbung_space/templates/admin.html b/members_lumbung_space/templates/admin.html
index a06fef3..d5fba7f 100644
--- a/members_lumbung_space/templates/admin.html
+++ b/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>