Creating base of pages, transfering images from theme, fixing bugs, moving layout to theme.

content/_index.fr.md

@@ -0,0 +1,20 @@
+---
+title: Liste
+description: Liste de me logiciels libres publiés aux cours des années avec une brève description.
+layout: apps-list
+---
+# Liste de logiciels
+
+
+Cette page liste mes logiciels libres publiés aux cours des années avec une brève description.   
+Cette liste a été construite au cours des années, mais n'est pas exhaustive.   
+Les logiciels plus vieux peuvent être trouvés sur l'[ancien site](https://download.ad5001.eu).   
+<br><br>
+<div class="grid">
+    <div>
+        <a role="button" class="primary" href="#appslist"><img src="/icons/lookup.svg" class="icon-as-text" alt=""/>Voir les logiciels</a>&nbsp;
+    </div>
+    <div>
+        <a role="button" class="primary" href="https://download.ad5001.eu/fr"><img src="/icons/open-external.svg" class="icon-as-text" alt=""/>Ancien site</a>    
+    </div>
+</div>

content/_index.md

@@ -1,6 +1,7 @@
 ---
 title: List
 description: List of my released open source software with a brief presentation of them.
+layout: apps-list
 ---
 # Software list
 

content/accountfree.fr.md

@@ -0,0 +1,17 @@
+---
+title: AccountFree
+description: Browse and use online services, free of account.
+layout: app
+SectionHeader:
+    AppIndex: accountfree
+    Background: linear-gradient(135deg, rgba(210,68,105,1) 0%, rgba(147,71,135,1) 100%)
+    BottomBackground: black
+    BottomHeight: 0
+    BottomLeft: ""
+    BottomRight: ""
+    ShowPlatforms: true
+    TextWhite: true
+---
+
+
+

content/accountfree.md

@@ -0,0 +1,17 @@
+---
+title: AccountFree
+description: Browse and use online services, free of account.
+layout: app
+SectionHeader:
+    AppIndex: accountfree
+    Background: linear-gradient(135deg, rgba(210,68,105,1) 0%, rgba(147,71,135,1) 100%)
+    BottomBackground: black
+    BottomHeight: 0
+    BottomLeft: ""
+    BottomRight: ""
+    ShowPlatforms: true
+    TextWhite: true
+---
+
+
+

content/logarithmplotter.fr.md

@@ -0,0 +1,16 @@
+---
+title: LogarithmPlotter
+description: Créer des graphes à échelle log, notamment les diagrammes de BODE.
+layout: app
+SectionHeader:
+    AppIndex: logarithmplotter
+    Background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%)
+    BottomBackground: black
+    BottomHeight: 0
+    BottomLeft: ""
+    BottomRight: ""
+    ShowPlatforms: true
+    TextWhite: false
+---
+
+

content/logarithmplotter.md

@@ -0,0 +1,16 @@
+---
+title: LogarithmPlotter
+description: Create graphs with logarithm scales, namely BODE diagrams.
+layout: app
+SectionHeader:
+    AppIndex: logarithmplotter
+    Background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%)
+    BottomBackground: black
+    BottomHeight: 0
+    BottomLeft: ""
+    BottomRight: ""
+    ShowPlatforms: true
+    TextWhite: false
+---
+
+

content/nowox.fr.md

@@ -0,0 +1,21 @@
+---
+title: "Nowox"
+description: Un environement de bureau pour terminal.
+layout: app
+SectionHeader:
+    AppIndex: nowox
+    Background: linear-gradient(135deg, rgba(60,180,255,1) 0%, rgba(40,80,200,1) 100%)
+    BottomBackground: black
+    BottomHeight: 18px
+    BottomLeft: <img src="/img/full/nowox-bottom-left.png"/>
+    BottomRight: <img src="/img/full/nowox-bottom-right.png"/>
+    ShowPlatforms: true
+    TextWhite: true
+About:
+    Title: Découvrez Nowox
+    Content: "**Nowox** (acronyme de **No** **W**ayland **O**r **X**11 ou **No** **W**indows **O**r **X**Quartz) est un [environement de bureau](https://fr.wikipedia.org/wiki/Environnement_de_bureau) pour terminal disponible sur les trois principales platformes de bureau et serveur, et a donc pour but d'agit comme **interface graphique** prévu pour clavier pour les environnements terminaux. Il comprend de nombreux logiciels embarqués, avec la possibilité d'utiliser des programmes lignes de commande externes tels que [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) ou [Qalc](https://qalculate.github.io/).<br>
+    Il est bon de noter que Nowox est toujours en période de test **alpha**, et ne cherche pas à être exhaustif en terme de fonctionalités."
+    Screenshot: /img/full/fr/nowox-presentation.png
+---
+
+# Test

content/nowox.md

@@ -0,0 +1,35 @@
+---
+title: Nowox
+description: A terminal desktop environment.
+layout: app
+SectionHeader:
+    AppIndex: nowox
+    Background: linear-gradient(135deg, rgba(60,180,255,1) 0%, rgba(40,80,200,1) 100%)
+    BottomBackground: black
+    BottomHeight: 18px
+    BottomLeft: <img src="/img/full/nowox-bottom-left.png"/>
+    BottomRight: <img src="/img/full/nowox-bottom-right.png"/>
+    ShowPlatforms: true
+    TextWhite: true
+About:
+    Title: Discover Nowox
+    Content: '**Nowox** (acronym of **No** **W**ayland **O**r **X**11 or **No** **W**indows **O**r **X**Quartz) is a [desktop environment](https://en.wikipedia.org/wiki/Desktop_environment) for terminals available on all three major desktop and server platforms, and acts like a keyboard-focused **graphical interface** for terminal environments. It contains numerous built-in programs, and can open external command line programs such [Bash](https://en.wikipedia.org/wiki/Bash_%28Unix_shell%29) or [Qalc](https://qalculate.github.io/).<br>
+    Please note that Nowox is still an **alpha** software, and does not seek to be exhaustive in terms of features.<br>'
+    Screenshot: /img/full/en/nowox-presentation.png
+Sections:
+    - Type: image|text
+      Image: en/nowox-fm
+      Content: "# Browse the file system\n
+Nowox features a complete file manager which allows you to navigate through the machine's file system with ease, and open files in their corresponding program whether in Nowox, or in external programs.   \n
+Switch between favorites places and drives with files selections (Ctrl+D) or directly edit your location (Ctrl+L) in order to quicly navigate between your files."
+    - Type: text|image
+      Image: en/nowox-sc
+      Content: "# Take control of your spreadsheets\n
+Use the Spreadsheets program to take a peek at your CSV data, or directly edit your formated spreadsheets (comming soon). Nowox' Spreadsheets program allows you to edit per cell style and use [most common functions](https://wiki.openoffice.org/wiki/Documentation/Reference/Calc_functions)."
+    - Type: image|text
+      Image: en/nowox-te
+      Content: "# Check your logs, edit code files\n
+With the built-in text editor, you can easily and quicky check your logs. Use the Goto function (Ctrl+G) to jump to a certain line and column of the file.    \n
+You can also edit code and configurations files easily with the built-in file syntax highlighting engine parsing [Kate syntax files](https://kate-editor.org/syntax/), while looking up the key you're looking for in search mode (Ctrl+F)."
+---
+

layouts/index.html

@@ -1,32 +0,0 @@
-{{ define "main" }}
-    {{ partial "section1.html" (dict "Image" "/img/app0.png" "Content" .Content) }}
-    <div id="appslist"></div>
-    <div class="grid">
-    {{ $site := .Site }}
-    {{ range .Site.Data.list }}
-        {{ $index := . }}
-        {{ $data := index $site.Data $site.Language.Lang }}
-        {{ with index $data.apps $index }}
-        <div class="padding-container">
-            <div class="block-preview" style="background-image: url(/img/preview/{{ $index }}.png);">
-                <div class="label">
-                    <h2 class="flex">&nbsp;<img src="/icons/apps/{{ $index }}.png" class="icon-larger-text" alt=""/> {{ .name }}</h2>
-                    <p class="show-on-hover">{{ .description }}</p>
-                    <p class="show-on-hover">{{ i18n "status" }} {{ .status }}</p>
-                    <p class="flex show-on-hover">{{ i18n "worksOn" }}&nbsp;
-                        {{ range .platforms }}<img src="/icons/platform/{{ . }}.svg" alt="{{ . }}" title="{{ . }}" class="icon-larger-text" />{{ end }}
-                    </p>
-                    <p class="flex show-on-hover">{{ i18n "translated" }}&nbsp;
-                        {{ range .translated }}<img src="/icons/flag/{{ . }}.svg" alt="{{ . }}" title="{{ . }}" class="icon-larger-text" />{{ end }}
-                    </p>
-                    <div class="show-on-hover">
-                        <a href="/{{ $index }}" role="button" class="primary"><img src="/icons/lookup.svg" class="icon-as-text" alt=""/>{{ i18n "learnMore" }}</a>&nbsp;
-                    </div>
-                </div>
-            </div>
-        </div>
-        {{ end }}
-    {{ end }}
-    </div>
-{{ end }}
-

static/css/custom.css

@@ -0,0 +1,22 @@
+#appslist {
+    width: min(108em, 100vw);
+}
+
+
+@media screen and (max-width: 108em) {
+    #appslist {
+        width: 81em;
+    }
+}
+
+@media screen and (max-width: 81em) {
+    #appslist {
+        width: 54em;
+    }
+}
+
+@media screen and (max-width: 54em) {
+    #appslist {
+        width: min(27em, 100vw);
+    }
+}