Hoofdpagina aangepast, social media geoptimaliseerd

config/_default/params.toml

@@ -11,6 +11,9 @@ timeZone = "Europe/Amsterdam"
 # Grafisch
 logo = "/assets/favicon.ico"
 
+# Logo gebruikt in Schema.org (Organization)
+logoHiRes="/afbeeldingen/logo/nluug-logo-high-resolution.jpg"
+
 # Grootte van iconen (SVG-bestanden) zoals van social media
 smallIconSize = 16
 mediumIconSize = 32

content/_index.rst

@@ -14,8 +14,3 @@ Ben je als professional bezig met "open", dan is NLUUG de vereniging bij uitstek
 
 NLUUG onderhoudt nauwe banden met vele organisaties en personen die de *open* gedachten nastreven.
 
-Blijf op de hoogte
-==================
-* `Word lid </lidmaatschap/>`_ van onze vereniging. Leden kunnen zich abonneren op de leden mailinglist.
-* Volg groep `"NLUUG Netherlands" <https://www.linkedin.com/groups/130891/>`_ op de LinkedIn groepspagina
-* Bijeenkomsten worden onder andere aangekondigd op `Meetup <https://www.meetup.com/nluug-dutch-unix-linux-user-group/>`_

static/afbeeldingen/iconen/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>

static/afbeeldingen/iconen/meetup.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M99 414.3c1.1 5.7-2.3 11.1-8 12.3-5.4 1.1-10.9-2.3-12-8-1.1-5.4 2.3-11.1 7.7-12.3 5.4-1.2 11.1 2.3 12.3 8zm143.1 71.4c-6.3 4.6-8 13.4-3.7 20 4.6 6.6 13.4 8.3 20 3.7 6.3-4.6 8-13.4 3.4-20-4.2-6.5-13.1-8.3-19.7-3.7zm-86-462.3c6.3-1.4 10.3-7.7 8.9-14-1.1-6.6-7.4-10.6-13.7-9.1-6.3 1.4-10.3 7.7-9.1 14 1.4 6.6 7.6 10.6 13.9 9.1zM34.4 226.3c-10-6.9-23.7-4.3-30.6 6-6.9 10-4.3 24 5.7 30.9 10 7.1 23.7 4.6 30.6-5.7 6.9-10.4 4.3-24.1-5.7-31.2zm272-170.9c10.6-6.3 13.7-20 7.7-30.3-6.3-10.6-19.7-14-30-7.7s-13.7 20-7.4 30.6c6 10.3 19.4 13.7 29.7 7.4zm-191.1 58c7.7-5.4 9.4-16 4.3-23.7s-15.7-9.4-23.1-4.3c-7.7 5.4-9.4 16-4.3 23.7 5.1 7.8 15.6 9.5 23.1 4.3zm372.3 156c-7.4 1.7-12.3 9.1-10.6 16.9 1.4 7.4 8.9 12.3 16.3 10.6 7.4-1.4 12.3-8.9 10.6-16.6-1.5-7.4-8.9-12.3-16.3-10.9zm39.7-56.8c-1.1-5.7-6.6-9.1-12-8-5.7 1.1-9.1 6.9-8 12.6 1.1 5.4 6.6 9.1 12.3 8 5.4-1.5 9.1-6.9 7.7-12.6zM447 138.9c-8.6 6-10.6 17.7-4.9 26.3 5.7 8.6 17.4 10.6 26 4.9 8.3-6 10.3-17.7 4.6-26.3-5.7-8.7-17.4-10.9-25.7-4.9zm-6.3 139.4c26.3 43.1 15.1 100-26.3 129.1-17.4 12.3-37.1 17.7-56.9 17.1-12 47.1-69.4 64.6-105.1 32.6-1.1.9-2.6 1.7-3.7 2.9-39.1 27.1-92.3 17.4-119.4-22.3-9.7-14.3-14.6-30.6-15.1-46.9-65.4-10.9-90-94-41.1-139.7-28.3-46.9.6-107.4 53.4-114.9C151.6 70 234.1 38.6 290.1 82c67.4-22.3 136.3 29.4 130.9 101.1 41.1 12.6 52.8 66.9 19.7 95.2zm-70 74.3c-3.1-20.6-40.9-4.6-43.1-27.1-3.1-32 43.7-101.1 40-128-3.4-24-19.4-29.1-33.4-29.4-13.4-.3-16.9 2-21.4 4.6-2.9 1.7-6.6 4.9-11.7-.3-6.3-6-11.1-11.7-19.4-12.9-12.3-2-17.7 2-26.6 9.7-3.4 2.9-12 12.9-20 9.1-3.4-1.7-15.4-7.7-24-11.4-16.3-7.1-40 4.6-48.6 20-12.9 22.9-38 113.1-41.7 125.1-8.6 26.6 10.9 48.6 36.9 47.1 11.1-.6 18.3-4.6 25.4-17.4 4-7.4 41.7-107.7 44.6-112.6 2-3.4 8.9-8 14.6-5.1 5.7 3.1 6.9 9.4 6 15.1-1.1 9.7-28 70.9-28.9 77.7-3.4 22.9 26.9 26.6 38.6 4 3.7-7.1 45.7-92.6 49.4-98.3 4.3-6.3 7.4-8.3 11.7-8 3.1 0 8.3.9 7.1 10.9-1.4 9.4-35.1 72.3-38.9 87.7-4.6 20.6 6.6 41.4 24.9 50.6 11.4 5.7 62.5 15.7 58.5-11.1zm5.7 92.3c-10.3 7.4-12.9 22-5.7 32.6 7.1 10.6 21.4 13.1 32 6 10.6-7.4 13.1-22 6-32.6-7.4-10.6-21.7-13.5-32.3-6z"/></svg>

themes/nluug/assets/scss/styles.scss

@@ -102,6 +102,11 @@ a.button:hover, a.button:active {
   background-color: $color-button-hover;
 }
 
+a.footer-social:link, .a.footer-social:hover {
+  text-decoration: none;
+  margin: 5px;
+}
+
 // Button 
 .btn:link, .btn:visited {
   border-radius: 4px;

themes/nluug/layouts/index.html

@@ -16,19 +16,8 @@
     </section>
   {{ end }}
 
-  {{ if gt (len (.Site.Data.projecten.open)) 0 }}
+  <section>
-    <section>
+    <h2>Aankomende evenementen</h2>
-      <h2>Lopende projecten</h2>
-      <ul>
-        {{ range $.Site.Data.projecten.open }}
-          <li>{{ .name }} ({{ .description_short }})</li>
-        {{ end }}
-      </ul>
-      <p>Op de pagina <a href="/projecten/">Projecten</a> beschrijven we deze en andere projecten. Meehelpen? Contacteer een actief projectlid voor meer informatie.</p>
-    </section>
-  {{ end }}
-
-  <h2>Aankomende evenementen</h2>
 
     {{ $upcoming_events := sort .Site.Data.evenementen.kalender "date_start" "asc" }}
     {{ range $upcoming_events }}
@@ -50,12 +39,28 @@
       {{ end }}
     {{ end }}
 
-    <p>Naast de door ons georganiseerde evenementen staat er meer op de agenda. Zie de uitgebreide <a href="/evenementen/kalender/">evenementenkalender</a> voor meer details.</p>
+    <p>Naast de door ons georganiseerde evenementen staat er meer op de agenda.</p>
     <ul>
       {{ range first 10 (where $upcoming_events "date_start" "gt" (dateFormat "2006-01-02" now)) }}
-        <li>{{ .date_start | dateFormat "02-01-2006" }} - {{ .name }}</li>
+      <li>{{ .date_start | dateFormat "02-01-2006" }} - <a href="/evenementen/kalender/#{{ anchorize (.date_start | dateFormat "2006-01-02") }}-{{ anchorize .name }}">{{ .name }}</a></li>
       {{ end }}
     </ul>
+    <p>&raquo; <a href="/evenementen/kalender/">Volledige evenementenkalender</a></p>
+
+  </section>
+
+  {{ if gt (len (.Site.Data.projecten.open)) 0 }}
+    <section>
+      <h2>Lopende projecten</h2>
+      <ul>
+        {{ range $.Site.Data.projecten.open }}
+          <li>{{ .name }} ({{ .description_short }})</li>
+        {{ end }}
+      </ul>
+      <p>Op de pagina <a href="/projecten/">Projecten</a> beschrijven we deze en andere projecten. Meehelpen? Contacteer een actief projectlid voor meer informatie.</p>
+    </section>
+  {{ end }}
+
 
 
 {{ end }}

themes/nluug/layouts/partials/footer.html

@@ -1,19 +1,23 @@
 <footer>
 
+  {{ $iconsize_footer := 32 }}
   <h2>Help mee</h2>
   {{ with .File }}<a class="btn btn-cta" href="https://github.com/NLUUG/website/edit/main/content/{{ .Path }}" target="_blank" rel="noopener">Verbeter deze pagina</a>{{ end }}
 
   <h2>Volg ons</h2>
   {{ $iconsize := .Site.Params.mediumIconSize }}
   {{ with .Site.Params.twitter_handle }}
-    <a href="https://twitter.com/{{ . }}"><img src="/afbeeldingen/iconen/twitter.svg" height="{{ $iconsize }}" width="{{ $iconsize }}" alt="Twitter"></a>
+    <a class="footer-social" href="https://twitter.com/{{ . }}" target="_blank" rel="noopener">{{- partial "show-svg-icon.html" (dict "context" . "icon" "twitter" "iconsize" $iconsize_footer) -}}</a>
   {{ end }}
   {{ if and
     (.Site.Params.mastodon_handle)
     (.Site.Params.mastodon_instance)
   }}
-    <a href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}"><img src="/afbeeldingen/iconen/mastodon.svg" height="{{ $iconsize }}" width="{{ $iconsize }}" alt="Mastodon"></a>
+    <a class="footer-social" href="{{ .Site.Params.mastodon_instance }}@{{ .Site.Params.mastodon_handle }}" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "mastodon" "iconsize" $iconsize_footer) }}</a>
   {{ end }}
+  <a class="footer-social" href="https://www.linkedin.com/groups/130891/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "linkedin" "iconsize" $iconsize_footer) }}</a>
+  <a class="footer-social" href="https://www.meetup.com/nluug-dutch-unix-linux-user-group/" target="_blank" rel="noopener">{{ partial "show-svg-icon.html" (dict "context" . "icon" "meetup" "iconsize" $iconsize_footer) }}</a>
+
   <p>Beschikbare feeds:
 <a href="{{ absURL "atom.xml" }}">Atom</a> | <a href="{{ absURL "feed.json" }}">JSON</a>
 {{ with .Site.GetPage "/website/laatste-wijzigingen.rst" }} | <a href="{{ .Permalink }}">{{ .Title }}</a>{{ end }}

themes/nluug/layouts/partials/show-svg-icon.html

@@ -1 +1 @@
-<img src="/afbeeldingen/iconen/{{ .icon }}.svg" height="20" width="20" alt="{{ .icon | default .Site.Params.textNoTitle }}">
+<img src="/afbeeldingen/iconen/{{ .icon }}.svg" height="{{ .iconsize | default 20 }}" width="{{ .iconsize | default 20 }}" alt="{{ .icon | default .Site.Params.textNoTitle }}">