Feature/tisseurs

config.toml

@@ -64,6 +64,11 @@ pygmentCodeFences = true
     url = "/code_honneur/"
     weight = 2
 
+[[menu.main]]
+    name = "Tisseurs"
+    url = "/tisseurs/"
+    weight = 2
+
 # [[menu.main]]
 #     identifier = "tutos"
 #     name = "Tutos"

data/tisseurs/12b.yml

@@ -1,7 +1,10 @@
 ---
 nom: 12b
+info: Electron libre
 github: Lab-8916100448256
 gitlab: lab.8916100448256 
-crapaud-fou: 12b
+crapaudfou: 12b
 youtube: Lab 8916100448256
 instagram: farm.8916100448256
+email: lab.8916100448256@gmail.com
+gravatar: d787f4d2e09d873f4f380195a0f8bbfb

data/tisseurs/mckmonster.yml

@@ -1,5 +1,8 @@
 ---
 nom: mckmonster
+info: Developpeur, plombier Crapaud-fou, BasTisseur, Gilet Jaune, Père
 github: mckmonster
 gitlab: mckmonster
-crapaud-fou: trenty
+crapaudfou: trenty
+email: mckmonster@mailo.com
+gravatar: 13dac7dbbf38756e6b11fe35e1f1db44

layouts/partials/head_custom.html

@@ -0,0 +1,5 @@
+<!--
+If you want to include any custom html just before </head>, put it in /layouts/head_custom.html
+Do not put anything in this file - it's only here so that hugo won't throw an error if /layouts/head_custom.html doesn't exist.
+-->
+<link rel="stylesheet" href="{{ "css/tisseurs.css" | absURL }}" />

static/css/tisseurs.css

@@ -0,0 +1,7 @@
+.avatar {
+    display: inline;
+    vertical-align: middle;
+    /* width: 50px;
+    height: 50px; */
+    border-radius: 50%;
+  }

themes/beautifulhugo/data/beautifulhugo/social.toml

@@ -118,4 +118,9 @@ url = "https://www.goodreads.com/%s"
 title = "Goodreads"
 icon = "fab fa-goodreads"
 
+[[social_icons]]
+id = "crapaudfou"
+url = "https://coa.crapaud-fou.org/direct/%s"
+title = "crapaud-fou"
+icon = "fab fa-rocketchat"
 

themes/beautifulhugo/layouts/_default/tisseurs.html

@@ -2,9 +2,26 @@
   <div role="main" class="container">
     <div class="row">
       <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
-        {{ with .Content }}
+        {{ range $tisseur := .Site.Data.tisseurs }}
           <div class="well">
-            {{.}}
+            <h3><img class="avatar" src="https://www.gravatar.com/avatar/{{ $tisseur.gravatar }}?d=robohash&r=g"/>{{ $tisseur.nom }}</h3>
+            {{ if $tisseur.info }}
+            <p>{{ $tisseur.info }}</p>
+            {{ end }}
+            <ul class="list-inline">
+              {{ range $social := $.Site.Data.beautifulhugo.social.social_icons }}
+                {{- if isset $tisseur $social.id }}
+                <li>
+                  <a href="{{ printf .url (index $tisseur $social.id) }}" target="_blank" title="{{ .title }}">
+                    <span class="fa-stack">
+                      <i class="fa fa-circle fa-stack-2x"></i>
+                      <i class="{{ .icon }} fa-stack-1x fa-inverse"></i>
+                    </span>
+                  </a>
+                </li>
+                {{- end -}}
+              {{ end }}
+            </ul>
           </div>
         {{ end }}
     </div>