Sections

11 files changed, 254 insertions, 53 deletions

diff --git a/layouts/index.html b/layouts/index.html
index 2c1c119..f0318e4 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,9 +1,18 @@
 {{ define "main" }}
 
+{{ $content := (index .Site.Data .Site.Language.Lang) }}
+{{ $content := (index $content "content") }}
+{{ .Scratch.Set "content" $content }}
+
 <div class="container">
     <main>
         {{- partial "_header.html" . -}}
-        Content
+        {{- partial "_personaldata.html" . -}}
+        {{- partial "_briefprofile.html" . -}}
+        {{- partial "_experience.html" . -}}
+        {{- partial "_education.html" . -}}
+        {{- partial "_lists.html" . -}}
+        {{- partial "_contacts.html" . -}}
         {{- partial "_footer.html" . -}}
     </main>
     <aside class="sidebar">
diff --git a/layouts/partials/_briefprofile.html b/layouts/partials/_briefprofile.html
new file mode 100644
index 0000000..1b13c26
--- /dev/null
+++ b/layouts/partials/_briefprofile.html
@@ -0,0 +1,12 @@
+{{ $data := (.Scratch.Get "content").BriefProfile }}
+{{ with $data }}
+<section id="section-{{ .Title | urlize }}">
+    <h2><i class="{{ .Icon }}"></i> {{ .Title }}</h2>
+    {{ range $data.Sections }}
+        <h3>{{ .Name }}</h3>
+        {{ range .Items }}
+            <p>{{ . }}</p>
+        {{ end }}
+    {{ end }}
+</section>
+{{ end }}
diff --git a/layouts/partials/_contacts.html b/layouts/partials/_contacts.html
new file mode 100644
index 0000000..db39296
--- /dev/null
+++ b/layouts/partials/_contacts.html
@@ -0,0 +1,12 @@
+{{ $data := (.Scratch.Get "content").Contacts2 }}
+{{ with $data }}
+<section id="section-{{ .Title | urlize }}">
+    <h2><i class="{{ .Icon }}"></i> {{ .Title }}</h2>
+    {{ range $data.Contacts }}
+        <p><i class="{{ .Icon }}"></i> {{ .Name }}: {{ .Value }}</p>
+    {{ end }}
+    <ul>
+        {{- partial "social.html" $ -}}
+    </ul>
+</section>
+{{ end }}
diff --git a/layouts/partials/_education.html b/layouts/partials/_education.html
new file mode 100644
index 0000000..8eecec7
--- /dev/null
+++ b/layouts/partials/_education.html
@@ -0,0 +1,13 @@
+{{ $s := slice (.Scratch.Get "content").AcademicEducation (.Scratch.Get "content").ProfessionalTraining (.Scratch.Get "content").SchoolEducation (.Scratch.Get "content").FurtherEducation }}
+{{ range $s }}
+    {{ with . }}
+    <section id="section-{{ .Title | urlize }}">
+        <h2><i class="{{ .Icon }}"></i> {{ .Title }}</h2>
+        {{ range .Sections }}
+            <h3>{{ .Name }}</h3>
+            {{ .Organisation }} {{ .Website }} {{ .StartDate }} {{ .EndDate }}
+            {{ .Qualification }}
+        {{ end }}
+    </section>
+    {{ end }}
+{{ end }}
diff --git a/layouts/partials/_experience.html b/layouts/partials/_experience.html
new file mode 100644
index 0000000..23a39af
--- /dev/null
+++ b/layouts/partials/_experience.html
@@ -0,0 +1,16 @@
+{{ $data := (.Scratch.Get "content").Experience }}
+{{ with $data }}
+<section id="section-{{ .Title | urlize }}">
+    <h2><i class="{{ .Icon }}"></i> {{ .Title }}</h2>
+    {{ range $data.Sections }}
+        <h3>{{ .Name }}</h3>
+        {{ .Empolyer }} {{ .Website }} {{ .StartDate }} {{ .EndDate }}
+        {{ range .Details }}
+            <p>{{ . }}</p>
+        {{ end }}
+        {{ range .Skills }}
+            <p>{{ . }}</p>
+        {{ end }}
+    {{ end }}
+</section>
+{{ end }}
diff --git a/layouts/partials/_footer.html b/layouts/partials/_footer.html
index 09a8509..621bd01 100644
--- a/layouts/partials/_footer.html
+++ b/layouts/partials/_footer.html
@@ -1,10 +1,11 @@
 <div class="fabs">
-    <button class="btn-toggle-theme btn"><i class="fas fa-adjust"></i></button>
     {{ if .IsTranslated }}
         {{ range $.Site.Home.AllTranslations }}
             <a href="{{ .RelPermalink }}" class="btn">{{ .Language.LanguageName }}</a>
         {{ end }}
     {{ end }}
+    <button class="btn-toggle-theme btn"><i class="fas fa-adjust"></i></button>
+    <a href="#" class="btn"><i class="fas fa-arrow-circle-up"></i></a>    
 </div>
 
 <footer>
diff --git a/layouts/partials/_header.html b/layouts/partials/_header.html
index 37a3cfc..f06d05e 100644
--- a/layouts/partials/_header.html
+++ b/layouts/partials/_header.html
@@ -1,47 +1,6 @@
-<h1>Good Boy</h1>
-
-<h2>Zombie 1</h2>
-<p><a href="/">Somewhere</a></p>
-<p>Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit​​, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror. Nigh tofth eliv ingdead.</p>
-
-<section id="section-test-2">
-<h2>Zombie 2</h2>
-<p>Cum horribilem walking dead resurgere de crazed sepulcris creaturis, zombie sicut de grave feeding iride et serpens. Pestilentia, shaun ofthe dead scythe animated corpses ipsa screams. Pestilentia est plague haec decaying ambulabat mortuos. Sicut zeder apathetic malus voodoo. Aenean a dolor plan et terror soulless vulnerum contagium accedunt, mortui iam vivam unlife. Qui tardius moveri, brid eof reanimator sed in magna copia sint terribiles undeath legionis. Alii missing oculis aliorum sicut serpere crabs nostram. Putridi braindead odores kill and infect, aere implent left four dead.</p>
-<p>Lucio fulci tremor est dark vivos magna. Expansis creepy arm yof darkness ulnis witchcraft missing carnem armis Kirkman Moore and Adlard caeruleum in locis. Romero morbo Congress amarus in auras. Nihil horum sagittis tincidunt, zombie slack-jawed gelida survival portenta. The unleashed virus est, et iam zombie mortui ambulabunt super terram. Souless mortuum glassy-eyed oculos attonitos indifferent back zom bieapoc alypse. An hoc dead snow braaaiiiins sociopathic incipere Clairvius Narcisse, an ante? Is bello mundi z?</p>
-</section>
-
-<h2>Zombie 3</h2>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-<p>In Craven omni memoria patriae zombieland clairvius narcisse religionis sunt diri undead historiarum. Golums, zombies unrelenting et Raimi fascinati beheading. Maleficia! Vel cemetery man a modern bursting eyeballs perhsaps morbi. A terrenti flesh contagium. Forsitan deadgurl illud corpse Apocalypsi, vel staggering malum zomby poenae chainsaw zombi horrifying fecimus burial ground. Indeflexus shotgun coup de poudre monstra per plateas currere. Fit de decay nostra carne undead. Poenitentiam violent zom biehig hway agite RE:dead pœnitentiam! Vivens mortua sunt apud nos night of the living dead.</p>
-
-<h2>Zombie 4</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-
-<h2>Zombie 5</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-
-<h2>Zombie 6</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-
-<section id="section-test-7">
-<h2>Zombie 7</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-</section>
-
-<h2>Zombie 8</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-
-<h2>Zombie 9</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-
-<section id="section-test-10">
-<h2>Zombie 10</h2>
-<p>Whyt zomby Ut fames after death cerebro virus enim carnis grusome, viscera et organa viventium. Sicut spargit virus ad impetum, qui supersumus flesh eating. Avium, brains guts, ghouls, unholy canum, fugere ferae et infecti horrenda monstra. Videmus twenty-eight deformis pale, horrenda daemonum. Panduntur brains portae rotting inferi. Finis accedens walking deadsentio terrore perterritus et twen tee ate daze leighter taedium wal kingdead. The horror, monstra epidemic significant finem. Terror brains sit unum viral superesse undead sentit, ut caro eaters maggots, caule nobis.</p>
-</section>
+{{ $data := (.Scratch.Get "content").PersonalData }}
+{{ with $data }}
+<h1>{{ .Name }} {{ .Suffix }}</h1>
+<div class="subtitle">{{ .CurrentWorkplace }}</div>
+<hr />
+{{ end }}
diff --git a/layouts/partials/_lists.html b/layouts/partials/_lists.html
new file mode 100644
index 0000000..ef84ed7
--- /dev/null
+++ b/layouts/partials/_lists.html
@@ -0,0 +1,13 @@
+{{ $s := slice (.Scratch.Get "content").Diplomas (.Scratch.Get "content").Languages (.Scratch.Get "content").Organizations (.Scratch.Get "content").Skills (.Scratch.Get "content").Interests }}
+{{ range $s }}
+    {{ with . }}
+    <section id="section-{{ .Title | urlize }}">
+        <h2><i class="{{ .Icon }}"></i> {{ .Title }}</h2>
+        <ul>
+        {{ range .Items }}
+            <li>{{ . }}</li>
+        {{ end }}
+        </ul>
+    </section>
+    {{ end }}
+{{ end }}
diff --git a/layouts/partials/_personaldata.html b/layouts/partials/_personaldata.html
new file mode 100644
index 0000000..d4e0f78
--- /dev/null
+++ b/layouts/partials/_personaldata.html
@@ -0,0 +1,9 @@
+{{ $data := (.Scratch.Get "content").PersonalData }}
+{{ with $data }}
+<section id="section-{{ .Title | urlize }}">
+    <h2><i class="{{ .Icon }}"></i> {{ .Title }}</h2>
+    {{ range $data.Contacts }}
+        <p><i class="{{ .Icon }}"></i> {{ .Name }}: {{ .Value }}</p>
+    {{ end }}
+</section>
+{{ end }}
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 146f284..383e828 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -8,11 +8,29 @@
     <img src="{{ $photoimg.RelPermalink }}" width="{{ $photoimg.Width }}" height="{{ $photoimg.Height }}" alt="{{ $alt }}" />
 {{ end }}
 
+<!--<nav>
+    <ul>
+    {{ range (.Scratch.Get "content") }}
+        <li><a href="#section-{{ .Title | urlize }}"><i class="{{ .Icon }}"></i> {{ .Title }}</a></li>
+    {{ end }}
+    </ul>
+</nav>-->
+
 <nav>
     <ul>
-        <li><a href="#">Zombie 2</a></li>
-        <li><a href="#section-test-2">Zombie 2</a></li>
-        <li><a href="#section-test-7">Zombie 7</a></li>
-        <li><a href="#section-test-10">Zombie 10</a></li>
+        {{ $data := (.Scratch.Get "content") }}
+        <li><a href="#section-{{ $data.PersonalData.Title | urlize }}"><i class="{{ $data.PersonalData.Icon }}"></i> {{ $data.PersonalData.Title }}</a></li>
+        <li><a href="#section-{{ $data.BriefProfile.Title | urlize }}"><i class="{{ $data.BriefProfile.Icon }}"></i> {{ $data.BriefProfile.Title }}</a></li>
+        <li><a href="#section-{{ $data.Experience.Title | urlize }}"><i class="{{ $data.Experience.Icon }}"></i> {{ $data.Experience.Title }}</a></li>
+        <li><a href="#section-{{ $data.AcademicEducation.Title | urlize }}"><i class="{{ $data.AcademicEducation.Icon }}"></i> {{ $data.AcademicEducation.Title }}</a></li>
+        <li><a href="#section-{{ $data.ProfessionalTraining.Title | urlize }}"><i class="{{ $data.ProfessionalTraining.Icon }}"></i> {{ $data.ProfessionalTraining.Title }}</a></li>
+        <li><a href="#section-{{ $data.SchoolEducation.Title | urlize }}"><i class="{{ $data.SchoolEducation.Icon }}"></i> {{ $data.SchoolEducation.Title }}</a></li>
+        <li><a href="#section-{{ $data.FurtherEducation.Title | urlize }}"><i class="{{ $data.FurtherEducation.Icon }}"></i> {{ $data.FurtherEducation.Title }}</a></li>
+        <li><a href="#section-{{ $data.Diplomas.Title | urlize }}"><i class="{{ $data.Diplomas.Icon }}"></i> {{ $data.Diplomas.Title }}</a></li>
+        <li><a href="#section-{{ $data.Languages.Title | urlize }}"><i class="{{ $data.Languages.Icon }}"></i> {{ $data.Languages.Title }}</a></li>
+        <li><a href="#section-{{ $data.Organizations.Title | urlize }}"><i class="{{ $data.Organizations.Icon }}"></i> {{ $data.Organizations.Title }}</a></li>
+        <li><a href="#section-{{ $data.Skills.Title | urlize }}"><i class="{{ $data.Skills.Icon }}"></i> {{ $data.Skills.Title }}</a></li>
+        <li><a href="#section-{{ $data.Interests.Title | urlize }}"><i class="{{ $data.Interests.Icon }}"></i> {{ $data.Interests.Title }}</a></li>
+        <li><a href="#section-{{ $data.Contacts2.Title | urlize }}"><i class="{{ $data.Contacts2.Icon }}"></i> {{ $data.Contacts2.Title }}</a></li>
     </ul>
 </nav>
diff --git a/layouts/partials/social.html b/layouts/partials/social.html
new file mode 100644
index 0000000..cb2cfcf
--- /dev/null
+++ b/layouts/partials/social.html
@@ -0,0 +1,139 @@
+{{ with .Site.Social.github }}
+  <li class="list-inline-item"><a href="https://github.com/{{.}}" target="_blank" rel="noopener noreferrer" title="GitHub" class="fab fa-github fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.gitlab }}
+  <li class="list-inline-item"><a href="https://gitlab.com/{{.}}" target="_blank" rel="noopener noreferrer" title="GitLab" class="fab fa-gitlab fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.stackoverflow }}
+  <li class="list-inline-item"><a href="https://stackoverflow.com/users/{{.}}" target="_blank" rel="noopener noreferrer" title="Stack Overflow" class="fab fa-stack-overflow fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.bitbucket }}
+  <li class="list-inline-item"><a href="https://bitbucket.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Bitbucket" class="fab fa-bitbucket fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.jsfiddle }}
+  <li class="list-inline-item"><a href="https://jsfiddle.com/{{.}}" target="_blank" rel="noopener noreferrer" title="JSFiddle" class="fab fa-jsfiddle fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.codepen }}
+  <li class="list-inline-item"><a href="https://codepen.io/{{.}}" target="_blank" rel="noopener noreferrer" title="CodePen" class="fab fa-codepen fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.deviantart }}
+  <li class="list-inline-item"><a href="https://{{.}}.deviantart.com/" target="_blank" rel="noopener noreferrer" title="DeviantArt" class="fab fa-deviantart fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.flickr }}
+  <li class="list-inline-item"><a href="https://flickr.com/photos/{{.}}" target="_blank" rel="noopener noreferrer" title="Flickr" class="fab fa-flickr fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.behance }}
+  <li class="list-inline-item"><a href="https://behance.net/{{.}}" target="_blank" rel="noopener noreferrer" title="Behance" class="fab fa-behance fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.dribbble }}
+  <li class="list-inline-item"><a href="https://dribbble.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Dribbble" class="fab fa-dribbble fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.wordpress }}
+  <li class="list-inline-item"><a href="https://{{.}}.wordpress.com" target="_blank" rel="noopener noreferrer" title="WordPress" class="fab fa-wordpress fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.medium}}
+  <li class="list-inline-item"><a href="https://medium.com/@{{.}}" target="_blank" rel="noopener noreferrer" title="Medium" class="fab fa-medium fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.linkedin }}
+  <li class="list-inline-item"><a href="https://linkedin.com/in/{{.}}" target="_blank" rel="noopener noreferrer" title="LinkedIn" class="fab fa-linkedin fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.linkedin_company }}
+  <li class="list-inline-item"><a href="https://linkedin.com/company/{{.}}" target="_blank" rel="noopener noreferrer" title="LinkedIn Company" class="fab fa-linkedin fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.foursquare }}
+  <li class="list-inline-item"><a href="https://foursquare.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Foursquare" class="fab fa-foursquare fa-2x white-text"></a></li>
+{{ end  }}
+
+{{ with .Site.Social.xing }}
+  <li class="list-inline-item"><a href="https://xing.com/profile/{{.}}" target="_blank" rel="noopener noreferrer" title="Xing" class="fab fa-xing fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.slideshare }}
+  <li class="list-inline-item"><a href="https://slideshare.net/{{.}}" target="_blank" rel="noopener noreferrer" title="SlideShare" class="fab fa-slideshare fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.facebook }}
+  <li class="list-inline-item"><a href="https://facebook.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Facebook" class="fab fa-facebook fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.googleplus }}
+  <li class="list-inline-item"><a href="https://plus.google.com/+{{.}}" target="_blank" rel="noopener noreferrer" title="Google+" class="fab fa-google-plus fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.reddit }}
+  <li class="list-inline-item"><a href="https://reddit.com/user/{{.}}" target="_blank" rel="noopener noreferrer" title="Reddit" class="fab fa-reddit fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.quora }}
+  <li class="list-inline-item"><a href="https://quora.com/profile/{{.}}" target="_blank" rel="noopener noreferrer" title="Quora" class="fab fa-quora fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.youtube }}
+  <li class="list-inline-item"><a href="https://youtube.com/{{.}}" target="_blank" rel="noopener noreferrer" title="YouTube" class="fab fa-youtube fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.youtube2 }}
+  <li class="list-inline-item"><a href="https://youtube.com/{{.}}" target="_blank" rel="noopener noreferrer" title="YouTube" class="fab fa-youtube fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.vimeo }}
+  <li class="list-inline-item"><a href="https://vimeo.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Vimeo" class="fab fa-vimeo fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.whatsapp }}
+  <li class="list-inline-item"><a href="https://api.whatsapp.com/send?phone={{.}}" target="_blank" rel="noopener noreferrer" title="WhatsApp" class="fab fa-whatsapp fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.instagram }}
+  <li class="list-inline-item"><a href="https://instagram.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Instagram" class="fab fa-instagram fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.tumblr }}
+  <li class="list-inline-item"><a href="https://{{.}}.tumblr.com" target="_blank" rel="noopener noreferrer" title="Tumblr" class="fab fa-tumblr fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.twitter }}
+  <li class="list-inline-item"><a href="https://twitter.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Twitter" class="fab fa-twitter fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.skype }}
+  <li class="list-inline-item"><a href="skype:{{.}}?userinfo" target="_blank" rel="noopener noreferrer" title="Skype" class="fab fa-skype fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.snapchat }}
+  <li class="list-inline-item"><a href="https://snapchat.com/add/{{.}}" target="_blank" rel="noopener noreferrer" title="snapchat" class="fab fa-snapchat fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.pinterest }}
+  <li class="list-inline-item"><a href="https://pinterest.com/{{.}}" target="_blank" rel="noopener noreferrer" title="Pinterest" class="fab fa-pinterest-p fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.telegram }}
+  <li class="list-inline-item"><a href="https://telegram.me/{{.}}" target="_blank" rel="noopener noreferrer" title="telegram" class="fab fa-telegram fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.discord }}
+  <li class="list-inline-item"><a href="{{.}}" target="_blank" rel="noopener noreferrer" title="Discord" class="fab fa-discord fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.twitch }}
+  <li class="list-inline-item"><a href="https://twitch.tv/{{.}}" target="_blank" rel="noopener noreferrer" title="twitch" class="fab fa-twitch fa-2x white-text"></a></li>
+{{ end }}
+
+{{ with .Site.Social.email }}
+  <li class="list-inline-item"><a href="mailto:{{.}}" title="Email" class="fas fa-envelope fa-2x white-text"></a></li>
+{{ end }}