added codeberg, changed sequence of social links, changed documentation & sample site

README.md

@@ -175,6 +175,7 @@ These settings are included in the site's meta section.
 
 These settings to display your social accounts.
 
+- `codeberg`: Your [Codeberg](https://codeberg.org) username.
 - `github`: Your [Github](https://github.com) username.
 - `instagram`: Your [Instagram](https://www.instagram.com) username.
 - `xing`: Your [Xing](https://www.xing.com) username.

exampleSite/hugo.toml

@@ -34,6 +34,7 @@ keywords = "minimalist,blog,goa,hugo,developer"
 
 ## Social Accounts
 [params.social]
+codeberg = "<username>"
 github = "<username>"
 instagram = "<username>"
 linkedin = "<username>"

layouts/partials/social.html

@@ -1,13 +1,13 @@
 <section id="social-pane" class="text-center social">
+  {{ with .Site.Params.social.mastodon }}
+  <a href="https://{{.}}" aria-label="Mastodon" target="_blank"><i class="fab fa-mastodon" aria-hidden="true"></i></a>
+  {{ end }}  
   {{ with .Site.Params.social.twitter }}
   <a href="https://x.com/{{.}}" aria-label="X" target="_blank"><i class="fab fa-x-twitter" aria-hidden="true"></i></a>
   {{ end }}
   {{ with .Site.Params.social.bsky }}
   <a href="https://bsky.app/profile/{{.}}" aria-label="Bluesky" target="_blank"><i class="fab fa-bluesky" aria-hidden="true"></i></a>
   {{ end }}
-  {{ with .Site.Params.social.mastodon }}
-  <a href="https://{{.}}" aria-label="Mastodon" target="_blank"><i class="fab fa-mastodon" aria-hidden="true"></i></a>
-  {{ end }}
   {{ with .Site.Params.social.threads }}
   <a href="https://www.threads.net/@{{.}}" aria-label="Threads" target="_blank"><i class="fab fa-threads" aria-hidden="true"></i></a>
   {{ end }}
@@ -29,15 +29,15 @@
   {{ with .Site.Params.social.facebook }}
   <a href="https://facebook.com/{{.}}" aria-label="Facebook" target="_blank"><i class="fab fa-facebook" aria-hidden="true"></i></a>
   {{ end }}
+  {{ with .Site.Params.social.codeberg }}
+  <a href="https://codeberg.org/{{.}}" aria-label="Codeberg" target="_blank"><img height="32" width="32" src="/simple-icons/codeberg.svg" /></a>
+  {{ end }}
   {{ with .Site.Params.social.github }}
   <a href="https://github.com/{{.}}" aria-label="Github" target="_blank"><i class="fab fa-github" aria-hidden="true"></i></a>
   {{ end }}
   {{ with .Site.Params.social.instagram }}
   <a href="https://instagram.com/{{.}}" aria-label="Instagram" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a>
   {{ end }}
-  {{ with .Site.Params.social.linkedin }}
-  <a href="https://linkedin.com/in/{{.}}" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
-  {{ end }}
   {{ with .Site.Params.social.stackoverflow }}
   <a href="https://stackoverflow.com/users/{{.}}" aria-label="StackOverflow" target="_blank"><i class="fab fa-stack-overflow" aria-hidden="true"></i></a>
   {{ end }}
@@ -53,6 +53,9 @@
   {{ with .Site.Params.social.xing }}
   <a href="https://www.xing.com/profile/{{.}}" aria-label="Xing" target="_blank"><i class="fab fa-xing" aria-hidden="true"></i></a>
   {{ end }}
+  {{ with .Site.Params.social.linkedin }}
+  <a href="https://linkedin.com/in/{{.}}" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
+  {{ end }}
   {{ with .Site.Params.social.gitlab}}
   <a href="https://gitlab.com/{{.}}" aria-label="Gitlab" target="_blank"><i class="fab fa-gitlab" aria-hidden="true"></i></a>
   {{ end }}

static/simple-icons/codeberg.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Codeberg</title><path d="M11.955.49A12 12 0 0 0 0 12.49a12 12 0 0 0 1.832 6.373L11.838 5.928a.187.14 0 0 1 .324 0l10.006 12.935A12 12 0 0 0 24 12.49a12 12 0 0 0-12-12 12 12 0 0 0-.045 0zm.375 6.467l4.416 16.553a12 12 0 0 0 5.137-4.213z"/></svg>