redesign of page index on main topic pages (on template level)

This commit is contained in:
antil0pa 2019-06-18 14:58:10 +02:00
parent 175e38f6ce
commit 775532ec3b
11 changed files with 48 additions and 35 deletions

View File

@ -9,7 +9,7 @@ taxonomy:
page-toc:
active: true
---
----
# The User Interface (UI)
|![](en/interface.png)|

Binary file not shown.

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

View File

@ -3,7 +3,7 @@ title: 'Cloud: Mobile Clients'
taxonomy:
category:
- docs
visible: false
visible: true
page-toc:
active: false
---

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

View File

@ -2,6 +2,10 @@
title: Cloud
subtitle: "Basics, settings, syncing, clients"
icon: fa-cloud
updated:
last_modified: "April 2019"
app: Nextcloud
app_version: 15
published: true
taxonomy:
category:
@ -10,15 +14,8 @@ taxonomy:
page-toc:
active: false
---
|```Meta information```|
|:--:|
|```This howto was last updated on``` April, 2019 ```and it reffers to:```<br>**Nextcloud: version 15**|
**NOTE:**```If the howto reffers to an older software version than the provided by``` **Disroot**,```or the one you're using in your device, there could be missing features or small parts of the information that may have changed.```<br> **Disroot's** ```how-to documentation is a community driven procces. We try to keep it as updated as we can.```
----
|![](/start/icons/nc_logo.png)|
|![](/home/start/icons/nc_logo.png)|
|:--:|
|**Nextcloud** is **Disroot**'s core service and the main user interface we try to integrate with most of the apps we offer. In this howto we would like to go through the basics of the interface, explaining the main UI (User interface) concept, as well as some basic actions on files and personal settings.|
<br>
@ -29,13 +26,3 @@ page-toc:
**Nextcloud** is a free and open source software that allows you to upload and storage files on a server (it could be a server of your own), syncing them with different devices to which you can safely access from anywhere via internet. In addition, Nextcloud provides some interesting and useful features like calendars, contacts and bookmarks synchronization, call/video conference and news feeder.<br>
----------
# Content
## [Introduction to Nextcloud](introduction)
- User interface, settings
#### [Files management](files_management)
#### [Applications](apps)
## [Desktop clients](/cloud/clients/desktop)
- Clients and desktop integration
## [Mobile clients](/cloud/clients/mobile)

View File

@ -259,6 +259,7 @@ blockquote {
margin: 30px 0px;
padding-left: 40px;
position: relative;
border-left: 10px solid #eee;
}
blockquote:before {
content: "\201C";
@ -288,6 +289,15 @@ blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited { color: #8B9798; border: none }
pre {
font-family: monospace, monospace;
font-size: 0.8em;
background: #F0F0F0;
border-radius: 2px;
white-space: pre-line;
padding: 2em 4em;
}
.pull-quote {
position: relative;
padding: 18px 30px 18px 0px;

View File

@ -347,4 +347,3 @@ template {
[hidden] {
display: none;
}

View File

@ -60,18 +60,6 @@ a:hover {
opacity: 0.5;
}
pre {
background: #F0F0F0;
margin: 1rem 0;
border-radius: 2px;
}
blockquote {
border-left: 10px solid #eee;
margin: 0;
padding: 0 2rem;
}
/* Utility Classes */
.wrapper {
margin: 0 3rem;

View File

@ -7,13 +7,42 @@
{{ page.title|e }}
</h1>
</section>
<section class="content narrow">
{% if page.header.updated %}
<section class="metadata narrow">
<pre>
<strong>Meta information</strong>
This following section was last updated on {{ page.header.updated.last_modified }} and it refers to <strong> {{ page.header.updated.app }}: version {{ page.header.updated.app_version }} </strong>
NOTE:If the howto reffers to an older software version than the provided by Disroot,or the one you're using in your device, there could be missing features or small parts of the information that may have changed.
Disroot's how-to documentation is a community driven procces. We try to keep it as updated as we can.
</pre>
</section>
{% endif %}
<section class="index content narrow">
{{ page.content }}
<p></p>
{% for image in page.media.images %}
{{ image.cropResize(700, 400).html("title", "alt", "itemscreenshot") }}
{% endfor %}
<div class="row">
<div class="row">
{% for p in page.children.visible %}
<div class="three columns">
<a href="{{ p.link }}">
<br>
{{ p.media['thumb.png'].html }}
<br>
<h6>{{ p.title }}</h6>
</a>
{% for c in p.children.visible %}
<a href="{{ c.link }}">
<h6>{{ c.title }}</h6>
</a>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</section>
<section class="foot wrapper">
{% if page.taxonomy.tag|length > 0 %}