quick sketch of descriptions and interactions for app list
This commit is contained in:
parent
c99d055fe1
commit
dfce751860
@ -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;
|
||||
}
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user