Main page for projects list

config.yaml

@@ -1,26 +1,10 @@
 baseURL: http://apps.ad5001.eu/
-languageCode: en-us
+languageCode: en
 title: Ad5001 Apps
 theme: omegamma
 copyright: Copyright © Ad5001 2021
 
 menu:
-    main:
-    - identifier: apps
-      name: Apps
-      pre: <img src="/icons/apps.svg" class="icon-as-text"/>
-      title: blog section
-      url: /
-    - identifier: git
-      name: Git
-      pre: <img src="/icons/git.svg" class="icon-as-text"/>
-      title: git section
-      url: https://git.ad5001.eu
-    - identifier: about
-      name: About
-      pre: <img src="/icons/about.svg" class="icon-as-text"/>
-      title: about section
-      url: https://ad5001.eu/about
     social:
     - identifier: mastodon
       name: Mastodon
@@ -47,5 +31,67 @@ params:
     brandWebsite: //ad5001.eu
     usingTheme: Using
     poweredBy: Powered by
-    social:
-    -
+
+languages:
+    en:
+        languageName: English
+        menu:        
+            main:
+            - identifier: apps
+              name: Apps
+              pre: <img src="/icons/apps.svg" class="icon-as-text"/>
+              title: apps section
+              url: /
+              weight: 20
+            - identifier: git
+              name: Git
+              pre: <img src="/icons/git.svg" class="icon-as-text"/>
+              title: git section
+              url: https://git.ad5001.eu
+              weight: 10
+            - identifier: about
+              name: About
+              pre: <img src="/icons/about.svg" class="icon-as-text"/>
+              title: about section
+              url: https://ad5001.eu/about
+              weight: 0
+        weight: 0
+    fr:
+        languageName: Français
+        menu:        
+            main:
+            - identifier: apps
+              name: Apps
+              pre: <img src="/icons/apps.svg" class="icon-as-text"/>
+              title: apps list section
+              url: /fr/
+              weight: 20
+            - identifier: git
+              name: Git
+              pre: <img src="/icons/git.svg" class="icon-as-text"/>
+              title: git section
+              url: https://git.ad5001.eu
+              weight: 10
+            - identifier: about
+              name: À propos
+              pre: <img src="/icons/about.svg" class="icon-as-text"/>
+              title: about section
+              url: https://ad5001.eu/fr/a-propos
+              weight: 0
+        weight: 0
+    
+markup:
+  goldmark:
+    extensions:
+      definitionList: true
+      footnote: true
+      linkify: true
+      strikethrough: true
+      table: true
+      taskList: true
+      typographer: true
+    renderer:
+      hardWraps: false
+      unsafe: true
+      xhtml: false
+

content/_index.md

@@ -1,11 +1,19 @@
 ---
 title: List
-description: List of Ad5001's application.
+description: List of my released open source software with a brief presentation of them.
 ---
-# List of applications
-
-This page lists my realeased open source software with a brief presentation of them.   
-This list has been built over the years, and is non-exhaustive.   
-Older software can be found at my [legacy website](https://download.ad5001.eu).    
+# Software list
 
 
+This page lists my released open source software with a brief presentation of them.   
+This list has been built over the years, but is non-exhaustive.   
+Older software can be found at my [legacy website](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=""/>Check them out</a>&nbsp;
+    </div>
+    <div>
+        <a role="button" class="primary" href="https://download.ad5001.eu/en"><img src="/icons/open-external.svg" class="icon-as-text" alt=""/>Legacy website</a>    
+    </div>
+</div>

layouts/index.html

@@ -1,8 +1,32 @@
 {{ define "main" }}
-{{ partial "section1.html" (dict "Image" "/img/app0.png" "Content" .Content) }}
-<br><br><br><br><br>
-<br><br><br><br><br>
-<br><br><br><br><br>
-<br><br><br>
+    {{ 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 }}