commit 2de3502fbcfc567f5435a13ddcb60038b6e54e06
Author: Lucas Hahmann <lucas@hahmann-trier.de>
Date:   Mon May 18 11:46:02 2026 +0200

    Init Commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..016b48d
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,69 @@
+# Build and Release Folders
+bin/
+bin-debug/
+bin-release/
+[Oo]bj/ # FlashDevelop obj
+[Bb]in/ # FlashDevelop bin
+
+# Other files and folders
+.settings/
+
+# lock
+*.lock
+
+# Executables
+*.swf
+*.air
+*.ipa
+*.apk
+
+# Hugo
+public/
+
+# Backup Files
+*.markdown~
+*.md~
+
+# Apache
+.htpasswd
+
+# Logs
+logs
+*.log
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Build directories
+public
+dist
+
+# Dependency directory
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
+node_modules
+package-lock.json
+bower_components
+
+# Mac File System File...utterly useless to anyone but me.
+.DS_Store
+
+# AWS stuff for publishing static files
+.aws-credentials.json
+.awspublish*
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..5f7d3a0
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "themes/devfest-theme-hugo"]
+	path = themes/devfest-theme-hugo
+	url = https://github.com/GDGToulouse/devfest-theme-hugo.git
+[submodule "themes/adritian"]
+	path = themes/adritian
+	url = https://github.com/zetxek/adritian-free-hugo-theme.git
diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..25b6752
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,5 @@
++++
+date = '{{ .Date }}'
+draft = true
+title = '{{ replace .File.ContentBaseName "-" " " | title }}'
++++
diff --git a/content/Datenschutz.md b/content/Datenschutz.md
new file mode 100644
index 0000000..bad0cd7
--- /dev/null
+++ b/content/Datenschutz.md
@@ -0,0 +1,179 @@
+---
+title: "Datenschutzerklärung"
+date: 2025-12-11T10:00:00+01:00
+layout: page
+url: "/datenschutz/"
+---
+
+## 1. Datenschutz auf einen Blick
+
+### Allgemeine Hinweise
+Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.
+
+### Datenerfassung auf dieser Website
+
+#### Wer ist verantwortlich für die Datenerfassung auf dieser Website?
+Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ in dieser Datenschutzerklärung entnehmen.
+
+#### Wie erfassen wir Ihre Daten?
+Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.
+
+Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.
+
+#### Wofür nutzen wir Ihre Daten?
+Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden. Sofern über die Website Verträge geschlossen oder angebahnt werden können, werden die übermittelten Daten auch für Vertragsangebote, Bestellungen oder sonstige Auftragsanfragen verarbeitet.
+
+#### Welche Rechte haben Sie bezüglich Ihrer Daten?
+Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.
+
+Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden.
+
+## 2. Hosting
+
+Wir hosten die Inhalte unserer Website bei folgendem Anbieter:
+
+### Externes Hosting
+Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters/der Hoster gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die über eine Website generiert werden, handeln.
+
+Das externe Hosting erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar.
+
+Unser(e) Hoster wird bzw. werden Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen.
+
+Wir setzen folgende(n) Hoster ein:
+
+**1blu GmbH**  
+Riedemannweg 60  
+D-13627 Berlin
+
+## 3. Allgemeine Hinweise und Pflichtinformationen
+
+### Datenschutz
+Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
+
+Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht.
+
+Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
+
+### Hinweis zur verantwortlichen Stelle
+Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
+
+**Lucas Hahmann**  
+Postfach 2002  
+Güterstr. 56  
+54295 Trier  
+
+Telefon: 017622852994  
+E-Mail: info@deepwatersurvival.de  
+
+Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.
+
+### Speicherdauer
+Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe.
+
+### Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung
+Sofern Sie in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre personenbezogenen Daten auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2 lit. a DSGVO, sofern besondere Datenkategorien nach Art. 9 Abs. 1 DSGVO verarbeitet werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung personenbezogener Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art. 49 Abs. 1 lit. a DSGVO. Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf Informationen in Ihr Endgerät (z. B. via Device-Fingerprinting) eingewilligt haben, erfolgt die Datenverarbeitung zusätzlich auf Grundlage von § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur Vertragserfüllung oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre Daten auf Grundlage des Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten, sofern diese zur Erfüllung einer rechtlichen Verpflichtung erforderlich sind auf Grundlage von Art. 6 Abs. 1 lit. c DSGVO. Die Datenverarbeitung kann ferner auf Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO erfolgen. Über die jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden Absätzen dieser Datenschutzerklärung informiert.
+
+### Empfänger von personenbezogenen Daten
+Im Rahmen unserer Geschäftstätigkeit arbeiten wir mit verschiedenen externen Stellen zusammen. Dabei ist teilweise auch eine Übermittlung von personenbezogenen Daten an diese externen Stellen erforderlich. Wir geben personenbezogene Daten nur dann an externe Stellen weiter, wenn dies im Rahmen einer Vertragserfüllung erforderlich ist, wenn wir gesetzlich hierzu verpflichtet sind (z. B. Weitergabe von Daten an Steuerbehörden), wenn wir ein berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO an der Weitergabe haben oder wenn eine sonstige Rechtsgrundlage die Datenweitergabe erlaubt. Beim Einsatz von Auftragsverarbeitern geben wir personenbezogene Daten unserer Kunden nur auf Grundlage eines gültigen Vertrags über Auftragsverarbeitung weiter. Im Falle einer gemeinsamen Verarbeitung wird ein Vertrag über gemeinsame Verarbeitung geschlossen.
+
+### Widerruf Ihrer Einwilligung zur Datenverarbeitung
+Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
+
+### Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO)
+Wenn die Datenverarbeitung auf Grundlage von Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, haben Sie jederzeit das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, gegen die Verarbeitung Ihrer personenbezogenen Daten Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling. Die jeweilige Rechtsgrundlage, auf der eine Verarbeitung beruht, entnehmen Sie dieser Datenschutzerklärung. Wenn Sie Widerspruch einlegen, werden wir Ihre betroffenen personenbezogenen Daten nicht mehr verarbeiten, es sei denn, wir können zwingende schutzwürdige Gründe für die Verarbeitung nachweisen, die Ihre Interessen, Rechte und Freiheiten überwiegen oder die Verarbeitung dient der Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen (Widerspruch nach Art. 21 Abs. 1 DSGVO).
+
+Werden Ihre personenbezogenen Daten verarbeitet, um Direktwerbung zu betreiben, so haben Sie das Recht, jederzeit Widerspruch gegen die Verarbeitung Sie betreffender personenbezogener Daten zum Zwecke derartiger Werbung einzulegen; dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht. Wenn Sie widersprechen, werden Ihre personenbezogenen Daten anschließend nicht mehr zum Zwecke der Direktwerbung verwendet (Widerspruch nach Art. 21 Abs. 2 DSGVO).
+
+### Beschwerderecht bei der zuständigen Aufsichtsbehörde
+Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.
+
+### Recht auf Datenübertragbarkeit
+Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.
+
+### Auskunft, Berichtigung und Löschung
+Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden.
+
+### Recht auf Einschränkung der Verarbeitung
+Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:
+
+- Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
+- Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen.
+- Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
+- Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
+
+Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden.
+
+### SSL- bzw. TLS-Verschlüsselung
+Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
+
+Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.
+
+### Widerspruch gegen Werbe-E-Mails
+Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.
+
+## 4. Datenerfassung auf dieser Website
+
+### Cookies
+Unsere Internetseiten verwenden so genannte „Cookies“. Cookies sind kleine Datenpakete und richten auf Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt.
+
+Cookies können von uns (First-Party-Cookies) oder von Drittunternehmen stammen (sog. Third-Party-Cookies). Third-Party-Cookies ermöglichen die Einbindung bestimmter Dienstleistungen von Drittunternehmen innerhalb von Webseiten (z. B. Cookies zur Abwicklung von Zahlungsdienstleistungen).
+
+Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte Webseitenfunktionen ohne diese nicht funktionieren würden (z. B. die Warenkorbfunktion oder die Anzeige von Videos). Andere Cookies können zur Auswertung des Nutzerverhaltens oder zu Werbezwecken verwendet werden.
+
+Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs, zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen (z. B. für die Warenkorbfunktion) oder zur Optimierung der Website (z. B. Cookies zur Messung des Webpublikums) erforderlich sind (notwendige Cookies), werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von notwendigen Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies und vergleichbaren Wiedererkennungstechnologien abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG); die Einwilligung ist jederzeit widerrufbar.
+
+Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.
+
+Welche Cookies und Dienste auf dieser Website eingesetzt werden, können Sie dieser Datenschutzerklärung entnehmen.
+
+### Anfrage per E-Mail, Telefon oder Telefax
+Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
+
+Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde; die Einwilligung ist jederzeit widerrufbar.
+
+Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unberührt.
+
+## 5. Plugins und Tools
+
+### Google Fonts
+Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Google Fonts, die von Google bereitgestellt werden. Beim Aufruf einer Seite lädt Ihr Browser die benötigten Fonts in ihren Browsercache, um Texte und Schriftarten korrekt anzuzeigen.
+
+Zu diesem Zweck muss der von Ihnen verwendete Browser Verbindung zu den Servern von Google aufnehmen. Hierdurch erlangt Google Kenntnis darüber, dass über Ihre IP-Adresse diese Website aufgerufen wurde. Die Nutzung von Google Fonts erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der einheitlichen Darstellung des Schriftbildes auf seiner Website. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar.
+
+Wenn Ihr Browser Google Fonts nicht unterstützt, wird eine Standardschrift von Ihrem Computer genutzt.
+
+Weitere Informationen zu Google Fonts finden Sie unter [https://developers.google.com/fonts/faq](https://developers.google.com/fonts/faq) und in der Datenschutzerklärung von Google: [https://policies.google.com/privacy?hl=de](https://policies.google.com/privacy?hl=de
+
+Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework“ (DPF). Der
+DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung
+europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach
+dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere
+Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link:
+https://www.dataprivacyframework.gov/participant/5780.
+
+### Spotify
+
+Auf dieser Website sind Funktionen des Musik-Dienstes Spotify eingebunden. Anbieter ist die Spotify AB,
+Birger Jarlsgatan 61, 113 56 Stockholm in Schweden. Die Spotify Plugins erkennen Sie an dem grünen Logo
+auf dieser Website. Eine Übersicht über die Spotify-Plugins finden Sie unter:
+https://developer.spotify.com.
+Dadurch kann beim Besuch dieser Website über das Plugin eine direkte Verbindung zwischen Ihrem
+Browser und dem Spotify-Server hergestellt werden. Spotify erhält dadurch die Information, dass Sie mit
+Ihrer IP-Adresse diese Website besucht haben. Wenn Sie den Spotify Button anklicken, während Sie in
+Ihrem Spotify-Account eingeloggt sind, können Sie die Inhalte dieser Website auf Ihrem Spotify Profil
+verlinken. Dadurch kann Spotify den Besuch dieser Website Ihrem Benutzerkonto zuordnen.
+Wir weisen darauf hin, dass bei der Nutzung von Spotify Cookies von Google Analytics eingesetzt werden,
+sodass Ihre Nutzungsdaten bei der Nutzung von Spotify auch an Google weitergegeben werden können.
+Google Analytics ist ein Tool des Google-Konzerns zur Analyse des Nutzerverhaltens mit Sitz in den USA.
+Für diese Einbindung ist allein Spotify verantwortlich. Wir als Websitebetreiber haben auf diese
+Verarbeitung keinen Einfluss.
+Die Speicherung und Analyse der Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der
+Websitebetreiber hat ein berechtigtes Interesse an der ansprechenden akustischen Ausgestaltung seiner
+Website. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich
+auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die
+Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-
+Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar.
+Weitere Informationen hierzu finden Sie in der Datenschutzerklärung von Spotify:
+https://www.spotify.com/de/legal/privacy-policy/.
+Wenn Sie nicht wünschen, dass Spotify den Besuch dieser Website Ihrem Spotify-Nutzerkonto zuordnen
+kann, loggen Sie sich bitte aus Ihrem Spotify-Benutzerkonto aus.
\ No newline at end of file
diff --git a/content/Impressum.md b/content/Impressum.md
new file mode 100644
index 0000000..b9a2703
--- /dev/null
+++ b/content/Impressum.md
@@ -0,0 +1,30 @@
+---
+title: "Impressum"
+date: 2025-12-08T10:00:00+01:00
+layout: page
+url: "/impressum/"
+---
+
+Lucas Hahmann
+
+Postfach 2002
+Güterstr. 56
+54295 Trier
+
+E-Mail: <p>info [at] deepwatersurvival [dot] de</p>
+
+
+## Disclaimer – rechtliche Hinweise
+### § 1 Warnhinweis zu Inhalten
+Die kostenlosen und frei zugänglichen Inhalte dieser Webseite wurden mit größtmöglicher Sorgfalt erstellt. Der Anbieter dieser Webseite übernimmt jedoch keine Gewähr für die Richtigkeit und Aktualität der bereitgestellten kostenlosen und frei zugänglichen journalistischen Ratgeber und Nachrichten. Namentlich gekennzeichnete Beiträge geben die Meinung des jeweiligen Autors und nicht immer die Meinung des Anbieters wieder. Allein durch den Aufruf der kostenlosen und frei zugänglichen Inhalte kommt keinerlei Vertragsverhältnis zwischen dem Nutzer und dem Anbieter zustande, insoweit fehlt es am Rechtsbindungswillen des Anbieters.
+
+### § 2 Externe Links
+Diese Website enthält Verknüpfungen zu Websites Dritter ("externe Links"). Diese Websites unterliegen der Haftung der jeweiligen Betreiber. Der Anbieter hat bei der erstmaligen Verknüpfung der externen Links die fremden Inhalte daraufhin überprüft, ob etwaige Rechtsverstöße bestehen. Zu dem Zeitpunkt waren keine Rechtsverstöße ersichtlich. Der Anbieter hat keinerlei Einfluss auf die aktuelle und zukünftige Gestaltung und auf die Inhalte der verknüpften Seiten. Das Setzen von externen Links bedeutet nicht, dass sich der Anbieter die hinter dem Verweis oder Link liegenden Inhalte zu Eigen macht. Eine ständige Kontrolle der externen Links ist für den Anbieter ohne konkrete Hinweise auf Rechtsverstöße nicht zumutbar. Bei Kenntnis von Rechtsverstößen werden jedoch derartige externe Links unverzüglich gelöscht.
+
+### § 3 Urheber- und Leistungsschutzrechte
+Die auf dieser Website veröffentlichten Inhalte unterliegen dem deutschen Urheber- und Leistungsschutzrecht. Jede vom deutschen Urheber- und Leistungsschutzrecht nicht zugelassene Verwertung bedarf der vorherigen schriftlichen Zustimmung des Anbieters oder jeweiligen Rechteinhabers. Dies gilt insbesondere für Vervielfältigung, Bearbeitung, Übersetzung, Einspeicherung, Verarbeitung bzw. Wiedergabe von Inhalten in Datenbanken oder anderen elektronischen Medien und Systemen. Inhalte und Rechte Dritter sind dabei als solche gekennzeichnet. Die unerlaubte Vervielfältigung oder Weitergabe einzelner Inhalte oder kompletter Seiten ist nicht gestattet und strafbar. Lediglich die Herstellung von Kopien und Downloads für den persönlichen, privaten und nicht kommerziellen Gebrauch ist erlaubt.
+
+Die Darstellung dieser Website in fremden Frames ist nur mit schriftlicher Erlaubnis zulässig.
+
+### § 4 Besondere Nutzungsbedingungen
+Soweit besondere Bedingungen für einzelne Nutzungen dieser Website von den vorgenannten Paragraphen abweichen, wird an entsprechender Stelle ausdrücklich darauf hingewiesen. In diesem Falle gelten im jeweiligen Einzelfall die besonderen Nutzungsbedingungen.
\ No newline at end of file
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..85998d3
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,5 @@
+---
+title: "Home"
+---
+Willkommen auf der offiziellen Seite von **Deepwater Survival** – dreckiger, lauter Punk Rock.
+```
diff --git a/content/about.html b/content/about.html
new file mode 100644
index 0000000..99bffbf
--- /dev/null
+++ b/content/about.html
@@ -0,0 +1,103 @@
++++
+title = ""
+menu = "main"
+url = "/about/"
++++
+
+<section id="team">
+    <h1 style="text-align:center;">Bandmitglieder</h1>
+
+    <!-- Mitglied 1 -->
+    <div class="team-row">
+        <div class="team-text">
+            <h2>Olly</h2>
+            <p>Lead Gitarrist und Sänger</p>
+        </div>
+        <div class="team-image">
+            <img src="/img/about/Olly_compressed.jpg" alt="Olly">
+        </div>
+    </div>
+
+    <!-- Mitglied 2 -->
+    <div class="team-row">
+        <div class="team-image">
+            <img src="/img/about/Lucas_compressed.jpg" alt="Lucas">
+        </div>
+        <div class="team-text">
+            <h2>Lucas</h2>
+            <p>Rhytmusgitarrist</p>
+        </div>
+    </div>
+
+    <!-- Mitglied 3 -->
+    <div class="team-row">
+        <div class="team-text">
+            <h2>Ahrens</h2>
+            <p>Schlagzeuger</p>
+        </div>
+        <div class="team-image">
+            <img src="/img/about/Ahrens_compressed.jpg" alt="John Doe">
+        </div>
+    </div>
+
+    <!-- Mitglied 4 -->
+    <div class="team-row">
+        <div class="team-image">
+            <img src="/img/about/Felix_compressed.jpg" alt="John Doe">
+        </div>
+        <div class="team-text">
+            <h2>Felix</h2>
+            <p>On the Bass</p>
+        </div>
+    </div>
+
+    <div id="Gruppenfoto">
+        <img src="/img/about/Gruppenbild_compressed.jpg" class="responsive-img" alt="Gruppenfoto" width="1200" height="800">
+    </div>
+
+</section>
+
+
+<style>
+#team {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+
+.team-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 2rem 0;
+    gap: 2rem;
+}
+
+.team-text {
+    flex: 1;
+}
+
+.team-image img {
+    width: 300px;
+    height: auto;
+    border-radius: 10px;
+}
+
+.responsive-img {
+    max-width: 100%;
+    height: auto;
+    display: block;
+    margin: 2rem auto 0 auto; /* zentriert auf Mobil */
+}
+
+@media (max-width: 768px) {
+    .team-row {
+        flex-direction: column-reverse;
+        text-align: center;
+    }
+    .team-image img {
+        width: 80%;
+        margin: 0 auto;
+    }
+}
+</style>
diff --git a/content/gallery/_index.md b/content/gallery/_index.md
new file mode 100644
index 0000000..e00e4cd
--- /dev/null
+++ b/content/gallery/_index.md
@@ -0,0 +1,7 @@
+---
+title: "Galerie"
+images:
+  - "https://picsum.photos/seed/picsum/200/300"
+  - "https://picsum.photos/200/300?grayscale"
+  - "https://picsum.photos/200/300/?blur"
+---
\ No newline at end of file
diff --git a/content/music/_index.md b/content/music/_index.md
new file mode 100644
index 0000000..bc52991
--- /dev/null
+++ b/content/music/_index.md
@@ -0,0 +1,5 @@
+---
+title: "Musik"
+---
+Unsere Releases, Singles und Alben.
+```
diff --git a/content/shows/2022_Jukufe_light.md b/content/shows/2022_Jukufe_light.md
new file mode 100644
index 0000000..2f5b6ed
--- /dev/null
+++ b/content/shows/2022_Jukufe_light.md
@@ -0,0 +1,6 @@
+---
+title: "JUKUFE Light"
+date: 2022-08-22
+location: Skatehalle Trier
+poster: /img/shows/2022_Jukufe_light_compressed.jpg
+---
\ No newline at end of file
diff --git a/content/shows/2022_Konz_wird_laut.md b/content/shows/2022_Konz_wird_laut.md
new file mode 100644
index 0000000..2a450e2
--- /dev/null
+++ b/content/shows/2022_Konz_wird_laut.md
@@ -0,0 +1,6 @@
+---
+title: "Konz wird Laut"
+date: 2022-07-09
+location: Haus der Jugend Konz
+poster: /img/shows/2022_Konz_wird_laut_compressed.jpg
+---
\ No newline at end of file
diff --git a/content/shows/2022_Rock_im_Gehege.md b/content/shows/2022_Rock_im_Gehege.md
new file mode 100644
index 0000000..e72b853
--- /dev/null
+++ b/content/shows/2022_Rock_im_Gehege.md
@@ -0,0 +1,6 @@
+---
+title: "Rock im Gehege"
+date: 2022-07-22
+location: Piesbach
+poster: /img/shows/2022_Rock_im_Gehege_compressed.jpg
+---
\ No newline at end of file
diff --git a/content/shows/2022_Tefftival.md b/content/shows/2022_Tefftival.md
new file mode 100644
index 0000000..3de8394
--- /dev/null
+++ b/content/shows/2022_Tefftival.md
@@ -0,0 +1,6 @@
+---
+title: "Tefftival"
+date: 2022-12-23
+location: Tufa
+poster: /img/shows/2022_Tefftival_compressed.jpg
+---
\ No newline at end of file
diff --git a/content/shows/2023_Moselrock.md b/content/shows/2023_Moselrock.md
new file mode 100644
index 0000000..87045de
--- /dev/null
+++ b/content/shows/2023_Moselrock.md
@@ -0,0 +1,6 @@
+---
+title: "Moselrock"
+date: 2023-05-27
+location: Wasserliesch
+poster: /img/shows/2023_Moselrock_compressed.jpg
+---
\ No newline at end of file
diff --git a/content/shows/2024_Rock_fuer_Ruanda.md b/content/shows/2024_Rock_fuer_Ruanda.md
new file mode 100644
index 0000000..aa80824
--- /dev/null
+++ b/content/shows/2024_Rock_fuer_Ruanda.md
@@ -0,0 +1,6 @@
+---
+title: "Rock für Ruanda"
+date: 2024-07-22
+location: Butzweiler
+poster: /img/shows/2024_Rock_fuer_Ruanda_compressed.png
+---
\ No newline at end of file
diff --git a/content/shows/2024_Rock_im_Gehege.md b/content/shows/2024_Rock_im_Gehege.md
new file mode 100644
index 0000000..0145100
--- /dev/null
+++ b/content/shows/2024_Rock_im_Gehege.md
@@ -0,0 +1,6 @@
+---
+title: "Rock im Gehege"
+date: 2024-12-11
+location: Piesbach
+poster: /img/shows/2024_Rock_im_Gehege_compressed.jpg
+---
\ No newline at end of file
diff --git a/content/shows/2025_Bullenhitze.md b/content/shows/2025_Bullenhitze.md
new file mode 100644
index 0000000..20d86d5
--- /dev/null
+++ b/content/shows/2025_Bullenhitze.md
@@ -0,0 +1,6 @@
+---
+title: "Bullenhitze"
+date: 2025-08-30
+location: Salmtal
+poster: /img/shows/2025_Bullenhitze.jpg
+---
\ No newline at end of file
diff --git a/content/shows/_index.md b/content/shows/_index.md
new file mode 100644
index 0000000..023db3a
--- /dev/null
+++ b/content/shows/_index.md
@@ -0,0 +1,4 @@
+---
+title: "Shows"
+---
+Hier findest du alle kommenden Live-Termine.
diff --git a/hugo.toml b/hugo.toml
new file mode 100644
index 0000000..0fb4790
--- /dev/null
+++ b/hugo.toml
@@ -0,0 +1,9 @@
+title = "Deepwater Survival"
+baseURL = "https://www.deepwatersurvival.de/"
+theme = ""
+languageCode = "de"
+[pagination]
+pagerSize = 10
+
+[markup.goldmark.renderer]
+  unsafe = true # Allow HTML in md files
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..4a05339
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <meta charset="utf-8">
+        <title>{{ .Title }} | Deepwater Survival</title>
+        <link rel="stylesheet" href="/css/style.css">
+        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
+    </head>
+
+    <body>
+        {{ partial "header.html" . }}
+        <main>
+            {{ block "main" . }}{{ end }}
+            <div class="spacer"></div>
+        </main>
+        {{ partial "footer.html" . }}
+    </body>
+
+</html>
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
new file mode 100644
index 0000000..06c49c9
--- /dev/null
+++ b/layouts/_default/list.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+<h1>{{ .Title }}</h1>
+<ul>
+{{ range .Pages }}
+<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+{{ end }}
+</ul>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..2665880
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,6 @@
+{{ define "main" }}
+<article>
+<h1>{{ .Title }}</h1>
+{{ .Content }}
+</article>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/gallery/list.html b/layouts/gallery/list.html
new file mode 100644
index 0000000..ff6943b
--- /dev/null
+++ b/layouts/gallery/list.html
@@ -0,0 +1,15 @@
+{{ define "main" }}
+<link rel="stylesheet" href="/css/carousel.css">
+<script defer src="/js/carousel.js"></script>
+<section class="carousel">
+  <div class="carousel-inner">
+    {{ range $index, $img := .Params.images }}
+      <div class="carousel-item {{ if eq $index 0 }}active{{ end }}">
+        <img src="{{ $img }}" alt="Slide {{ add $index 1 }}">
+      </div>
+    {{ end }}
+  </div>
+  <button class="prev">&#10094;</button>
+  <button class="next">&#10095;</button>
+</section>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..aa9961e
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,27 @@
+{{ define "main" }}
+<section>
+    <link rel="stylesheet" href="/css/index.css">
+    <div id="main_image">
+        <img src="/img/AlbumReleaseParty_Stage_compressed.jpg" alt="" width="1000" height="667">    
+    </div>
+    <section style="padding: 2rem; max-width: 800px; margin: auto; line-height: 1.6; ">
+        <h1 style="font-size: 2rem; margin-bottom: 1rem; text-align: center;">Deepwater Survival – Frischer Wind aus der deutschen Punk-Szene</h1>
+        
+        <p>Mit energiegeladenem Punkrock, ehrlichen Texten und unverblümter Direktheit meldet sich <strong>Deepwater Survival</strong> zurück. Die Band aus Trier besticht durch einen Sound, der roh, mitreißend und ehrlich ist – und schafft es damit, sowohl alteingesessene Punkfans als auch neue Hörer:innen zu begeistern.</p>
+        
+        <p>Bevor das Debütalbum <strong>„Ocean Tales“</strong> 2025 erschien, veröffentlichte die Band bereits eine Reihe kraftvoller Singles: <em>„Chirus“ (2023), „Let It Go“ (2024) sowie „Addiction“ und „My Own Home“</em>. Diese Songs, die fast unverändert auf dem Album zu finden sind, geben einen klaren Einblick in die musikalische und emotionale Bandbreite von Deepwater Survival.</p>
+        
+        <p>Die Texte greifen Themen wie Identität, Zugehörigkeit, Abschied und Neuanfang auf – universelle Inhalte, die in der Hektik unserer Zeit für viele relevant sind. Die Musik von Deepwater Survival lädt dazu ein, laut mitzusingen, nachzudenken und gemeinsam mit der Band ein Stück Erinnerung und Hoffnung zu teilen.</p>
+        
+        <p><strong>Deepwater Survival</strong> steht für Punk mit Haltung – klar, ungeschönt, direkt. Für alle, die Musik nicht nur hören, sondern fühlen wollen.</p>
+        </section>
+
+        <div>
+            <h2 style="text-align: center;">Intresse geweckt? Dann gerne hier melden: info@deepwatersurvival.de</h2>
+        </div>
+
+        <div id="spotify_link">
+            <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/artist/2TQ9HNBTNCmUthpg9ippHs?utm_source=generator&theme=0" width="40%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
+        </div>
+</section>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..0a169ab
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,18 @@
+<link rel="stylesheet" href="/css/footer.css">
+
+<footer id="site_footer">
+  <div class="footer-container">
+    <div class="footer-left">
+      <p>© 2025 Deepwater Survival</p>
+      <p>
+        <a href="/impressum/" target="_self" rel="noopener">Impressum</a> |
+        <a href="/datenschutz/" target="_self" rel="noopener">Datenschutzerklärung</a>
+      </p>
+    </div>
+    <div class="footer-right">
+      <a href="https://open.spotify.com/artist/2TQ9HNBTNCmUthpg9ippHs" target="_blank" rel="noopener">Spotify</a>
+      <a href="https://www.instagram.com/deepwatersurvival/" target="_blank" rel="noopener">Instagram</a>
+      <a href="https://www.youtube.com/@deepwatersurvival730" target="_blank" rel="noopener">YouTube</a>
+    </div>
+  </div>
+</footer>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..559cfeb
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,14 @@
+<header>
+    <link rel="stylesheet" href="/css/header.css">
+        <div id="logo">
+            <img src="/img/Logo_compressed.png" alt="" height="218" width="600">
+        </div>
+    
+        <nav id="main_navigation">
+            <a href="/">Home</a>
+            <a href="/about/">Über uns</a>
+            <a href="/shows/">Shows</a>
+            <a href="/music/">Musik</a>
+        </nav>
+
+</header>
\ No newline at end of file
diff --git a/layouts/shows/list.html b/layouts/shows/list.html
new file mode 100644
index 0000000..b575a68
--- /dev/null
+++ b/layouts/shows/list.html
@@ -0,0 +1,59 @@
+{{ define "main" }}
+
+    <h1>{{ .Title }}</h1>
+    <ul>
+        {{ range .Pages }}
+
+        <div id="shows">
+            <div class="shows-row">
+                <div id="shows-image">
+                    <img src="{{ .Params.poster}}" width="300" height="300">
+                </div>
+                <div class="shows-text">
+                    <strong>{{ .Params.date.Format "2006-01-02" }}</strong> – {{ .Params.location }} – {{ .Title }}
+                </div>
+                
+            </div>
+        </div>
+
+        {{ end }}
+    </ul>
+
+<style>
+#shows {
+    max-width: 1000px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+
+.shows-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 2rem 0;
+    gap: 2rem;
+}
+
+.shows-text {
+    flex: 1;
+}
+
+.shows-image img {
+    width: 300px;
+    height: auto;
+    border-radius: 10px;
+}
+
+@media (max-width: 768px) {
+    .shows-row {
+        flex-direction: column-reverse;
+        text-align: center;
+    }
+    .shows-image img {
+        width: 80%;
+        margin: 0 auto;
+    }
+}
+</style>
+{{ end }}
+
diff --git a/static/css/carousel.css b/static/css/carousel.css
new file mode 100644
index 0000000..cffadd5
--- /dev/null
+++ b/static/css/carousel.css
@@ -0,0 +1,43 @@
+.carousel {
+  position: relative;
+  /*max-width: 1000px; */
+  margin: auto;
+  overflow: hidden;
+}
+
+.carousel-inner {
+  display: flex;
+  transition: transform 0.5s ease;
+}
+
+.carousel-item {
+  min-width: 100%;
+  box-sizing: border-box;
+}
+
+.carousel-item img {
+  width: 100%;
+  display: block;
+  border-radius: 8px;
+}
+
+button.prev,
+button.next {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: rgba(0,0,0,0.5);
+  color: #fff;
+  border: none;
+  padding: 10px 15px;
+  cursor: pointer;
+  border-radius: 50%;
+  font-size: 2rem;
+}
+
+button.prev { left: 10px; }
+button.next { right: 10px; }
+
+button:hover {
+  background-color: rgba(0,0,0,0.8);
+}
diff --git a/static/css/footer.css b/static/css/footer.css
new file mode 100644
index 0000000..f25521d
--- /dev/null
+++ b/static/css/footer.css
@@ -0,0 +1,59 @@
+/* Footer Grundlayout */
+  #site_footer {
+      background-color: #111;
+      color: #eee;
+      padding: 30px 20px;
+      font-family: 'Montserrat', sans-serif;
+      border-top: 2px solid #eee;
+  }
+
+  #site_footer a {
+      color: #eee;
+      text-decoration: none;
+      margin-left: 15px;
+      font-weight: bold;
+      transition: color 0.3s;
+  }
+
+  #site_footer a:hover {
+      color: #fff;
+  }
+
+  .footer-container {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      max-width: 1000px;
+      margin: auto;
+      flex-wrap: wrap;
+  }
+
+  .footer-left p {
+      margin: 5px 0;
+      font-size: 0.95rem;
+  }
+
+  .footer-right {
+      margin-top: 10px;
+  }
+
+  .footer-right a:first-child {
+      margin-left: 0;
+  }
+
+  /* Mobile Responsive */
+  @media (max-width: 600px) {
+      .footer-container {
+          flex-direction: column;
+          align-items: center;
+          text-align: center;
+      }
+
+      .footer-right {
+          margin-top: 15px;
+      }
+
+      #site_footer a {
+          margin: 0 10px;
+      }
+  }
\ No newline at end of file
diff --git a/static/css/header.css b/static/css/header.css
new file mode 100644
index 0000000..369b8b1
--- /dev/null
+++ b/static/css/header.css
@@ -0,0 +1,25 @@
+#logo {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#main_navigation {
+    display: flex;            /* Container wird Flexbox */
+    align-items: center;
+    justify-content: center;
+    gap: 40px;                /* Abstand zwischen den Links */
+}
+
+#main_navigation a {
+    text-decoration: none !important;
+    color: #eee;
+    cursor: pointer;
+    transition: color 0.3s;
+    font-size: 2rem;
+}
+
+#main_navigation a:hover {
+    text-decoration: underline;  /* nur beim Überfahren */
+    color: #fff;
+}
\ No newline at end of file
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..11bea2e
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,29 @@
+#main_image {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Responsive Schriftgrößen */
+@media (max-width: 768px) {
+    section {
+        padding: 1rem;
+    }
+    h1 {
+        font-size: 1.5rem;
+    }
+}
+
+        @media (max-width: 480px) {
+            h1 {
+            font-size: 1.25rem;
+            }
+            p {
+            font-size: 0.95rem;
+            }
+        }
+        #spotify_link {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..b57f8e6
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,14 @@
+body {
+  font-family: 'Montserrat', sans-serif;
+  background: #111;
+  color: #eee;
+  margin: 20;
+}
+
+h1, h2, h3 {
+  font-family: 'Oswald', sans-serif;
+}
+
+.spacer {
+    height: 30px; /* amount of vertical space */
+}
\ No newline at end of file
diff --git a/static/img/AlbumReleaseParty_Stage.jpg b/static/img/AlbumReleaseParty_Stage.jpg
new file mode 100644
index 0000000..376d59e
Binary files /dev/null and b/static/img/AlbumReleaseParty_Stage.jpg differ
diff --git a/static/img/AlbumReleaseParty_Stage_compressed.jpg b/static/img/AlbumReleaseParty_Stage_compressed.jpg
new file mode 100644
index 0000000..3cdd180
Binary files /dev/null and b/static/img/AlbumReleaseParty_Stage_compressed.jpg differ
diff --git a/static/img/Logo.png b/static/img/Logo.png
new file mode 100644
index 0000000..1556996
Binary files /dev/null and b/static/img/Logo.png differ
diff --git a/static/img/Logo_compressed.png b/static/img/Logo_compressed.png
new file mode 100644
index 0000000..dc926fc
Binary files /dev/null and b/static/img/Logo_compressed.png differ
diff --git a/static/img/about/Ahrens.jpg b/static/img/about/Ahrens.jpg
new file mode 100644
index 0000000..ada116a
Binary files /dev/null and b/static/img/about/Ahrens.jpg differ
diff --git a/static/img/about/Ahrens_compressed.jpg b/static/img/about/Ahrens_compressed.jpg
new file mode 100644
index 0000000..1da7661
Binary files /dev/null and b/static/img/about/Ahrens_compressed.jpg differ
diff --git a/static/img/about/Felix.jpg b/static/img/about/Felix.jpg
new file mode 100644
index 0000000..1cce3ac
Binary files /dev/null and b/static/img/about/Felix.jpg differ
diff --git a/static/img/about/Felix_compressed.jpg b/static/img/about/Felix_compressed.jpg
new file mode 100644
index 0000000..a4b4f2b
Binary files /dev/null and b/static/img/about/Felix_compressed.jpg differ
diff --git a/static/img/about/Gruppenbild.jpg b/static/img/about/Gruppenbild.jpg
new file mode 100644
index 0000000..81d0d23
Binary files /dev/null and b/static/img/about/Gruppenbild.jpg differ
diff --git a/static/img/about/Gruppenbild_compressed.jpg b/static/img/about/Gruppenbild_compressed.jpg
new file mode 100644
index 0000000..7bcc002
Binary files /dev/null and b/static/img/about/Gruppenbild_compressed.jpg differ
diff --git a/static/img/about/Lucas.jpg b/static/img/about/Lucas.jpg
new file mode 100644
index 0000000..f3d0ef0
Binary files /dev/null and b/static/img/about/Lucas.jpg differ
diff --git a/static/img/about/Lucas_compressed.jpg b/static/img/about/Lucas_compressed.jpg
new file mode 100644
index 0000000..5f333e6
Binary files /dev/null and b/static/img/about/Lucas_compressed.jpg differ
diff --git a/static/img/about/Olly.jpg b/static/img/about/Olly.jpg
new file mode 100644
index 0000000..e60e26c
Binary files /dev/null and b/static/img/about/Olly.jpg differ
diff --git a/static/img/about/Olly_compressed.jpg b/static/img/about/Olly_compressed.jpg
new file mode 100644
index 0000000..44f4321
Binary files /dev/null and b/static/img/about/Olly_compressed.jpg differ
diff --git a/static/img/shows/2022_Jukufe_light.jpg b/static/img/shows/2022_Jukufe_light.jpg
new file mode 100644
index 0000000..fbead1b
Binary files /dev/null and b/static/img/shows/2022_Jukufe_light.jpg differ
diff --git a/static/img/shows/2022_Jukufe_light_compressed.jpg b/static/img/shows/2022_Jukufe_light_compressed.jpg
new file mode 100644
index 0000000..9ddb139
Binary files /dev/null and b/static/img/shows/2022_Jukufe_light_compressed.jpg differ
diff --git a/static/img/shows/2022_Konz_wird_laut.jpg b/static/img/shows/2022_Konz_wird_laut.jpg
new file mode 100644
index 0000000..66993de
Binary files /dev/null and b/static/img/shows/2022_Konz_wird_laut.jpg differ
diff --git a/static/img/shows/2022_Konz_wird_laut_compressed.jpg b/static/img/shows/2022_Konz_wird_laut_compressed.jpg
new file mode 100644
index 0000000..8ec0454
Binary files /dev/null and b/static/img/shows/2022_Konz_wird_laut_compressed.jpg differ
diff --git a/static/img/shows/2022_Rock_im_Gehege.jpg b/static/img/shows/2022_Rock_im_Gehege.jpg
new file mode 100644
index 0000000..f6dd0e4
Binary files /dev/null and b/static/img/shows/2022_Rock_im_Gehege.jpg differ
diff --git a/static/img/shows/2022_Rock_im_Gehege_compressed.jpg b/static/img/shows/2022_Rock_im_Gehege_compressed.jpg
new file mode 100644
index 0000000..a6fbe6d
Binary files /dev/null and b/static/img/shows/2022_Rock_im_Gehege_compressed.jpg differ
diff --git a/static/img/shows/2022_Tefftival.jpg b/static/img/shows/2022_Tefftival.jpg
new file mode 100644
index 0000000..29169b6
Binary files /dev/null and b/static/img/shows/2022_Tefftival.jpg differ
diff --git a/static/img/shows/2022_Tefftival_compressed.jpg b/static/img/shows/2022_Tefftival_compressed.jpg
new file mode 100644
index 0000000..2484c33
Binary files /dev/null and b/static/img/shows/2022_Tefftival_compressed.jpg differ
diff --git a/static/img/shows/2023_Moselrock.jpg b/static/img/shows/2023_Moselrock.jpg
new file mode 100644
index 0000000..f732585
Binary files /dev/null and b/static/img/shows/2023_Moselrock.jpg differ
diff --git a/static/img/shows/2023_Moselrock_compressed.jpg b/static/img/shows/2023_Moselrock_compressed.jpg
new file mode 100644
index 0000000..176aa82
Binary files /dev/null and b/static/img/shows/2023_Moselrock_compressed.jpg differ
diff --git a/static/img/shows/2023_Pink_Future.jpg b/static/img/shows/2023_Pink_Future.jpg
new file mode 100644
index 0000000..cf81cba
Binary files /dev/null and b/static/img/shows/2023_Pink_Future.jpg differ
diff --git a/static/img/shows/2023_Pink_Future_compressed.jpg b/static/img/shows/2023_Pink_Future_compressed.jpg
new file mode 100644
index 0000000..da1e413
Binary files /dev/null and b/static/img/shows/2023_Pink_Future_compressed.jpg differ
diff --git a/static/img/shows/2024_Rock_fuer_Ruanda.png b/static/img/shows/2024_Rock_fuer_Ruanda.png
new file mode 100644
index 0000000..cca18db
Binary files /dev/null and b/static/img/shows/2024_Rock_fuer_Ruanda.png differ
diff --git a/static/img/shows/2024_Rock_fuer_Ruanda_compressed.png b/static/img/shows/2024_Rock_fuer_Ruanda_compressed.png
new file mode 100644
index 0000000..354fa40
Binary files /dev/null and b/static/img/shows/2024_Rock_fuer_Ruanda_compressed.png differ
diff --git a/static/img/shows/2024_Rock_im_Gehege.jpg b/static/img/shows/2024_Rock_im_Gehege.jpg
new file mode 100644
index 0000000..256e804
Binary files /dev/null and b/static/img/shows/2024_Rock_im_Gehege.jpg differ
diff --git a/static/img/shows/2024_Rock_im_Gehege_compressed.jpg b/static/img/shows/2024_Rock_im_Gehege_compressed.jpg
new file mode 100644
index 0000000..84a22aa
Binary files /dev/null and b/static/img/shows/2024_Rock_im_Gehege_compressed.jpg differ
diff --git a/static/img/shows/2025_Riez_Kapellenkontest.jpg b/static/img/shows/2025_Riez_Kapellenkontest.jpg
new file mode 100644
index 0000000..870a6c4
Binary files /dev/null and b/static/img/shows/2025_Riez_Kapellenkontest.jpg differ
diff --git a/static/img/shows/2025_Riez_Kapellenkontest_compressed.jpg b/static/img/shows/2025_Riez_Kapellenkontest_compressed.jpg
new file mode 100644
index 0000000..87d9454
Binary files /dev/null and b/static/img/shows/2025_Riez_Kapellenkontest_compressed.jpg differ
diff --git a/static/js/carousel.js b/static/js/carousel.js
new file mode 100644
index 0000000..65998f7
--- /dev/null
+++ b/static/js/carousel.js
@@ -0,0 +1,17 @@
+const carousel = document.querySelector('.carousel-inner');
+const slides = document.querySelectorAll('.carousel-item');
+let index = 0;
+
+document.querySelector('.next').addEventListener('click', () => {
+  index = (index + 1) % slides.length;
+  updateCarousel();
+});
+
+document.querySelector('.prev').addEventListener('click', () => {
+  index = (index - 1 + slides.length) % slides.length;
+  updateCarousel();
+});
+
+function updateCarousel() {
+  carousel.style.transform = `translateX(-${index * 100}%)`;
+}
diff --git a/themes/adritian/.github/FUNDING.yml b/themes/adritian/.github/FUNDING.yml
new file mode 100644
index 0000000..331ec3a
--- /dev/null
+++ b/themes/adritian/.github/FUNDING.yml
@@ -0,0 +1,13 @@
+# These are supported funding model platforms
+
+github: [zetxek] # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry
+custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
diff --git a/themes/adritian/.github/ISSUE_TEMPLATE/bug_report.md b/themes/adritian/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..062810f
--- /dev/null
+++ b/themes/adritian/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,40 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[BUG]"
+labels: bug
+assignees: zetxek
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+What browsers did you test?
+Do you have a public URL to reproduce, or a repository showing the error?
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/themes/adritian/.github/ISSUE_TEMPLATE/customization-issue.md b/themes/adritian/.github/ISSUE_TEMPLATE/customization-issue.md
new file mode 100644
index 0000000..6cbe0df
--- /dev/null
+++ b/themes/adritian/.github/ISSUE_TEMPLATE/customization-issue.md
@@ -0,0 +1,24 @@
+---
+name: Setup issue
+about: Trouble getting your own version of the theme running
+title: "[setup]"
+labels: setup
+assignees: ''
+
+---
+
+## Link to your source code
+
+https://github.com/...
+
+_this helps understand even better the context, and in some occasions will make it possible to get a PR to get the issues fixed_
+
+_if your code is not publicly available it will be less prioritized to give support - as it will not be as beneficial for the community_
+
+## What do you want to achieve?
+
+_describe what you are trying to do_
+
+## What have you tried so far?
+
+_describe what steps you have taken: have you created your site, are you customizing the theme, which version are you using..._
diff --git a/themes/adritian/.github/ISSUE_TEMPLATE/feature_request.md b/themes/adritian/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..b18165f
--- /dev/null
+++ b/themes/adritian/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[IDEA]"
+labels: enhancement
+assignees: zetxek
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.
diff --git a/themes/adritian/.github/copilot-instructions.md b/themes/adritian/.github/copilot-instructions.md
new file mode 100644
index 0000000..18152e0
--- /dev/null
+++ b/themes/adritian/.github/copilot-instructions.md
@@ -0,0 +1,214 @@
+# Adritian Hugo Theme - AI Coding Instructions
+
+## Project Overview
+
+This is a **Hugo theme** for personal websites/portfolios, not a standalone site (although a example site is provided, to demonstrate the usage of the theme itself). The theme provides layouts, styling, and functionality that users import via Hugo modules or as a git submodule.
+
+**Technology Stack:**
+- **Static Site Generator:** Hugo (v0.136+ extended version required)
+- **CSS Framework:** Bootstrap 5 (v5.3.8)
+- **CSS Preprocessor:** SCSS/Sass
+- **JavaScript Libraries:** Fuse.js (search), DOMPurify (XSS protection)
+- **Testing:** Playwright (E2E tests)
+- **Package Manager:** npm
+- **Templating:** Hugo Templates (Go templates)
+- **Build Tools:** Hugo's built-in asset pipeline, PostCSS, Autoprefixer
+
+## Project Architecture
+
+This is a **Hugo theme** for personal websites/portfolios, not a standalone site. The theme provides layouts, styling, and functionality that users import via Hugo modules or as a git submodule.
+
+The theme provides a example site (`exampleSite/`) that demonstrates all features and serves as a starting point for users. It is also used for the integration tests.
+
+**Key Structure:**
+- `layouts/` - Hugo templates (partials, shortcodes, content types)
+- `assets/scss/` - Bootstrap 5-based styling with theme customizations
+- `exampleSite/` - Demo content that gets distributed to users via `adritian-theme-helper` and serves as a github template repository
+- `archetypes/` - Content templates for different content types
+- `i18n/` - Multilingual translations (en/es/fr)
+
+## Content Architecture & Custom Types
+
+The theme implements **5 custom content types** with specific frontmatter:
+
+1. **Experience** (`content/experience/`) - Job history with `jobTitle`, `company`, `location`, `duration`
+2. **Skills** (`content/skills/`) - Technical skills with progress bars and categories
+3. **Blog** (`content/blog/`) - Posts with sidebar/default layouts
+4. **Client-work** (`content/client-work/`) - Portfolio pieces
+5. **Testimonial** (`content/testimonial/`) - User testimonials
+
+**Critical:** Each content type has a corresponding archetype in `archetypes/` and layout in `layouts/`. Always maintain this trio when adding new types.
+
+## Development Workflows
+
+### Local Development
+```bash
+# Install dependencies
+npm install                 # Installs Bootstrap + theme-helper
+# Theme development (testing with exampleSite)
+npm run serve 
+```
+
+### Testing
+```bash
+npm test                   # Full test suite
+npm run test:e2e           # Playwright E2E tests
+npm run test:e2e:no-menus  # Tests without navigation (for menu-less configs)
+```
+
+**Test Coverage:** E2E tests validate theme switching, language switching, content rendering, search functionality, and HTML validation across all major features.
+
+### Performance Optimization
+```bash
+npm run build:performance  # Optimized build with critical CSS
+node scripts/optimize-performance.js  # Performance analysis
+```
+
+## Styling System
+
+**SCSS Architecture:** Modular approach extending Bootstrap 5
+- `assets/scss/adritian.scss` - Main entry point importing all partials
+- `assets/scss/_variables.scss` - Theme color/sizing variables
+- Individual component files: `_navbar.scss`, `_blog.scss`, `_experience.scss`, etc.
+
+**Theme Colors:** Uses CSS custom properties with `$base-color` as primary. Dark/light themes switch via CSS variables, not separate stylesheets.
+
+## Multilingual (i18n) Implementation
+
+**Translation Strategy:**
+- Static strings: `i18n/*.yaml` files (navigation, UI elements)
+- Content: Hugo's file-based translation (`content/en/`, `content/es/`, etc.)
+- **Post-v1.7.0:** Prefers shortcode-based content over i18n strings for flexibility
+
+## Shortcode System
+
+**Primary Content Method:** Pages built with shortcodes rather than traditional Hugo sections.
+
+Key shortcodes in `layouts/shortcodes/`:
+- `experience-section` - Displays limited experience list (controlled by `homepageExperienceCount`)
+- `experience-list` - Print-friendly experience list
+- `contact-section` - Formspree integration
+- `showcase-section` - Portfolio display
+- `about-section`, `text-section` - Content blocks
+
+**Pattern:** Most homepage sections use shortcodes for maximum customization flexibility.
+
+## Module Distribution Model
+
+**Critical Understanding:** This theme is distributed via:
+1. **Hugo Module** (recommended) - `hugo mod get github.com/zetxek/adritian-free-hugo-theme`
+2. **Theme Helper Package** - `@zetxek/adritian-theme-helper` downloads demo content
+3. **Git Submodule** (legacy) - Direct theme inclusion
+
+**Bootstrap Process:**
+```bash
+hugo mod get -u github.com/zetxek/adritian-free-hugo-theme
+hugo mod npm pack
+npm install  # Installs Bootstrap + theme-helper
+./node_modules/@zetxek/adritian-theme-helper/dist/scripts/download-content.js
+```
+
+## Configuration Patterns
+
+**Hugo Config (`hugo.toml`):**
+- Performance optimizations: `[minify]`, `[imaging]`, `[markup]` sections
+- Custom output formats for content types (footer content excluded from HTML generation)
+- Module imports section for theme loading
+
+**Package.json Scripts:**
+- `serve` - Development with exampleSite
+- `build` - Production build with minification
+- Separate test commands for different scenarios
+
+## Key Integration Points
+
+**Search:** Powered by Fuse.js with JSON index generation
+**Contact Forms:** Formspree integration via shortcode
+**Analytics:** Vercel Analytics support built-in
+**Performance:** Critical CSS generation, image optimization, minification
+
+## Common Development Pitfalls
+
+1. **Missing Dependencies:** Theme requires Bootstrap via npm - users often miss `npm install` step
+2. **Content Structure:** Custom content types require specific frontmatter fields - validate against archetypes
+3. **Translation Scope:** Post-v1.7.0 prefers shortcode content over i18n strings
+4. **Module vs Submodule:** Most issues stem from incorrect installation method
+
+## Testing Philosophy
+
+E2E tests validate real user workflows rather than individual components. Tests include theme switching, language switching, navigation, search, and content rendering across different configurations (with/without menus).
+
+When modifying layouts or adding features, ensure corresponding E2E tests exist in `tests/e2e/`.
+
+## Coding Standards and Conventions
+
+### HTML/Hugo Templates
+- Use semantic HTML5 elements for proper document structure
+- Follow Hugo's template naming conventions (lowercase with hyphens)
+- Partial templates should be in `layouts/partials/`
+- Shortcodes should be in `layouts/shortcodes/`
+- Use Hugo's built-in functions when available (e.g., `absURL`, `relURL`)
+
+### SCSS/CSS
+- Follow Bootstrap 5 conventions and utility classes where possible
+- Use BEM naming methodology for custom components when needed
+- Prefix custom variables with theme-specific identifiers
+- Keep files modular - one component per file
+- Use CSS custom properties for themeable values
+- File naming: lowercase with underscores (e.g., `_navbar.scss`, `_blog.scss`)
+
+### JavaScript
+- Use vanilla JavaScript (no jQuery)
+- Prefer modern ES6+ syntax
+- Keep JavaScript minimal - theme is primarily CSS-driven
+- Use DOMPurify for any user-generated content sanitization
+- Ensure all JavaScript is progressively enhanced (works without JS when possible)
+
+### Content and Configuration
+- YAML frontmatter for content files
+- TOML for Hugo configuration files
+- Follow existing frontmatter patterns for each content type
+- Use descriptive, human-readable keys
+
+### File Naming Conventions
+- Templates: lowercase with hyphens (e.g., `single.html`, `list.html`)
+- SCSS files: lowercase with underscores, prefixed with `_` for partials
+- Content files: lowercase with hyphens (e.g., `my-blog-post.md`)
+- Archetypes: match content type name (e.g., `blog.md`, `experience.md`)
+
+## Web Accessibility Requirements
+
+**This theme prioritizes accessibility (WCAG 2.1 AA compliance):**
+
+- All interactive elements must be keyboard accessible
+- Proper ARIA labels and roles for non-semantic elements
+- Color contrast ratios must meet WCAG AA standards (4.5:1 for normal text, 3:1 for large text)
+- Images must have descriptive `alt` attributes
+- Forms must have associated labels
+- Focus indicators must be visible and clear
+- Dark/light theme switching must maintain accessibility standards in both modes
+- Skip navigation links for keyboard users
+- Semantic HTML structure (proper heading hierarchy, landmarks, etc.)
+- Test changes with screen readers when modifying navigation or interactive elements
+
+## Security Best Practices
+
+- Never commit secrets, API keys, or sensitive data
+- Use DOMPurify for sanitizing any user-generated or external content
+- Validate and sanitize all user inputs in contact forms
+- Follow Hugo's security best practices for template rendering
+- Keep dependencies updated to patch security vulnerabilities
+- Use Hugo's built-in `safeHTML`, `safeCSS`, `safeJS` functions appropriately
+
+## Files and Directories to Ignore
+
+Copilot should **ignore** or be cautious with:
+- `node_modules/` - Third-party dependencies
+- `public/` - Hugo build output (generated files)
+- `resources/` - Hugo's asset cache
+- `.hugo_build.lock` - Hugo build lock file
+- `package-lock.json` - npm lock file (only update via npm commands)
+- `.git/` - Version control directory
+- `exampleSite/public/` - Example site build output
+- `exampleSite/resources/` - Example site cache
+- `.DS_Store` - macOS system files
\ No newline at end of file
diff --git a/themes/adritian/.github/dependabot.yml b/themes/adritian/.github/dependabot.yml
new file mode 100644
index 0000000..e327e7f
--- /dev/null
+++ b/themes/adritian/.github/dependabot.yml
@@ -0,0 +1,18 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: "npm" # See documentation for possible values
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "weekly"
+      day: "friday"
+      
+  - package-ecosystem: "github-actions"
+    directory: "/.github/"
+    schedule:
+      interval: "weekly"
+      day: "friday"
diff --git a/themes/adritian/.github/workflows/lighthouse.json b/themes/adritian/.github/workflows/lighthouse.json
new file mode 100644
index 0000000..57cb6de
--- /dev/null
+++ b/themes/adritian/.github/workflows/lighthouse.json
@@ -0,0 +1,7 @@
+{
+    "ci": {
+      "collect": {
+        "staticDistDir": "./built-site"
+      }
+    }
+  }
\ No newline at end of file
diff --git a/themes/adritian/.github/workflows/main.yaml b/themes/adritian/.github/workflows/main.yaml
new file mode 100644
index 0000000..0646c50
--- /dev/null
+++ b/themes/adritian/.github/workflows/main.yaml
@@ -0,0 +1,25 @@
+name: Update contributors
+
+permissions:
+  contents: write
+  id-token: write
+  pull-requests: read
+
+on:
+    workflow_dispatch:
+    push:
+        branches:
+            - main
+
+jobs:
+    contrib-readme-job:
+        runs-on: ubuntu-latest
+        name: Readme contributors
+        permissions:
+          contents: write
+          pull-requests: write
+        steps:
+            - name: Contribute List
+              uses: akhilmhdh/contributors-readme-action@v2.3.10
+              env:
+                  GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
\ No newline at end of file
diff --git a/themes/adritian/.github/workflows/release.yml b/themes/adritian/.github/workflows/release.yml
new file mode 100644
index 0000000..e4a00db
--- /dev/null
+++ b/themes/adritian/.github/workflows/release.yml
@@ -0,0 +1,46 @@
+name: Crease release
+permissions:
+  contents: write
+  id-token: write
+  pages: write
+  pull-requests: write
+  checks: write
+  statuses: write
+  deployments: write
+on:
+    push:
+        tags:
+            - "v*.*.*"
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v4
+              
+            - name: Set up Go
+              uses: actions/setup-go@v4
+              
+            - name: Set up Node.js
+              uses: actions/setup-node@v4
+              
+            - name: Install Go dependencies
+              run: go mod download
+              
+            - name: Install NPM dependencies
+              run: npm ci
+              
+            - name: Get version
+              id: get_version
+              run: echo "VERSION=${GITHUB_REF#refs/tags/v}" >> $GITHUB_OUTPUT
+              
+            - name: Create ZIP archive
+              run: zip -r "adritian-free-hugo-theme-${{ steps.get_version.outputs.VERSION }}.zip" . -x "*.git*"
+              
+            - name: Release
+              uses: softprops/action-gh-release@v2
+              with:
+                generate_release_notes: true
+                files: "adritian-free-hugo-theme-${{ steps.get_version.outputs.VERSION }}.zip"
+  
\ No newline at end of file
diff --git a/themes/adritian/.github/workflows/test-example-site.yml b/themes/adritian/.github/workflows/test-example-site.yml
new file mode 100644
index 0000000..c400d33
--- /dev/null
+++ b/themes/adritian/.github/workflows/test-example-site.yml
@@ -0,0 +1,231 @@
+# Workflow to verify that the exampleSite runs ok
+name: Test example site
+
+permissions:
+  contents: read
+  id-token: write
+  pages: write
+  pull-requests: write
+  checks: write
+  statuses: write
+on:
+    # Runs on pull requests targeting the default branch
+    pull_request:
+        branches: ["main"]
+    # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
+env:
+  CI: true
+
+jobs:
+  # Prepare dependencies job
+  prepare:
+    runs-on: ubuntu-latest
+    env:
+      HUGO_VERSION: ${{ vars.HUGO_VERSION || '0.147.2' }}
+    steps:
+      - name: Install Hugo CLI
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+      
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Cache Node Modules
+        id: cache-node-modules
+        uses: actions/cache@v4
+        with:
+          path: |
+            node_modules
+          key: modules-${{ hashFiles('package-lock.json') }}
+        
+      - name: Cache Playwright Browsers
+        id: cache-playwright
+        uses: actions/cache@v4
+        with:
+          path: |
+            ~/.cache/ms-playwright
+          key: playwright-${{ hashFiles('package-lock.json') }}
+          
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Install Playwright browsers
+        if: steps.cache-playwright.outputs.cache-hit != 'true'
+        run: npx playwright install --with-deps
+
+  # Test with no menus
+  test-no-menus:
+    needs: prepare
+    runs-on: ubuntu-latest
+    env:
+      HUGO_VERSION: ${{ vars.HUGO_VERSION || '0.147.2' }}
+    steps:
+      - name: Install Hugo CLI
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+      
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Restore Node Modules
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            node_modules
+          key: modules-${{ hashFiles('package-lock.json') }}
+          
+      - name: Restore Playwright Browsers
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            ~/.cache/ms-playwright
+          key: playwright-${{ hashFiles('package-lock.json') }}
+
+      - name: Build site (no menus)
+        run: |
+          cd exampleSite
+          hugo server --themesDir ../.. --buildDrafts --buildFuture --bind 0.0.0.0 --config hugo.toml,hugo.disablemenu.toml &
+          sleep 10
+
+      - name: Run Playwright tests (no menus)
+        run: npm run test:e2e:no-menus
+
+      - name: Get the failure count
+        id: tests
+        run: |
+          export count=$(cat ./playwright-report/result.txt | grep Failed | cut -d ':' -f 2 | tr -d ' ') 
+          echo "fail_count=$count" >> "$GITHUB_OUTPUT"
+          echo $count
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report-no-menus
+          path: playwright-report/
+          retention-days: 30
+    outputs:
+      fail_count: ${{ steps.tests.outputs.fail_count }}
+
+  # Test with menus
+  test-with-menus:
+    needs: prepare
+    runs-on: ubuntu-latest
+    env:
+      HUGO_VERSION: ${{ vars.HUGO_VERSION || '0.147.2' }}
+    steps:
+      - name: Install Hugo CLI
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+      
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          submodules: recursive
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Restore Node Modules
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            node_modules
+          key: modules-${{ hashFiles('package-lock.json') }}
+          
+      - name: Restore Playwright Browsers
+        uses: actions/cache/restore@v4
+        with:
+          path: |
+            ~/.cache/ms-playwright
+          key: playwright-${{ hashFiles('package-lock.json') }}
+
+      - name: Build and serve demo site (with menus)
+        run: |
+          cd exampleSite
+          hugo server --themesDir ../.. --buildDrafts --buildFuture --bind 0.0.0.0 &
+          sleep 10
+
+      - name: Run Playwright tests (with menus)
+        run: npm run test:e2e
+
+      - name: Get the failure count
+        id: tests
+        run: |
+          export count=$(cat ./playwright-report/result.txt | grep Failed | cut -d ':' -f 2 | tr -d ' ') 
+          echo "fail_count=$count" >> "$GITHUB_OUTPUT"
+          echo $count
+
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report-with-menus
+          path: playwright-report/
+          retention-days: 30
+    outputs:
+      fail_count: ${{ steps.tests.outputs.fail_count }}
+
+  # Combine reports and publish
+  publish-reports:
+    if: github.ref == 'refs/heads/main'
+    continue-on-error: true
+    needs: [test-no-menus, test-with-menus]
+    runs-on: ubuntu-latest
+    permissions: 
+        pages: write
+        id-token: write
+    environment:
+        name: github-pages
+        url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+        - name: Download no-menus report
+          uses: actions/download-artifact@v4
+          with:
+            name: playwright-report-no-menus
+            path: playwright-report-no-menus
+
+        - name: Download with-menus report
+          uses: actions/download-artifact@v4
+          with:
+            name: playwright-report-with-menus
+            path: playwright-report-with-menus
+            
+        - name: Combine reports
+          run: |
+            mkdir -p combined-report
+            cp -r playwright-report-no-menus/* combined-report/
+            mkdir -p combined-report/with-menus
+            cp -r playwright-report-with-menus/* combined-report/with-menus/
+            
+        - name: Upload combined artifact for pages
+          if: always()
+          uses: actions/upload-pages-artifact@v3
+          with:
+                path: "./combined-report"
+        
+        - name: Deploy to GitHub Pages
+          id: deployment
+          uses: actions/deploy-pages@v4
+            
+        - name: Check for test failures
+          if: ${{ needs.test-no-menus.outputs.fail_count != '0' || needs.test-with-menus.outputs.fail_count != '0' }}
+          run: exit 1
diff --git a/themes/adritian/.github/workflows/test-module-init.yml b/themes/adritian/.github/workflows/test-module-init.yml
new file mode 100644
index 0000000..c28855e
--- /dev/null
+++ b/themes/adritian/.github/workflows/test-module-init.yml
@@ -0,0 +1,443 @@
+name: Module Init, HTML and Lighthouse Check
+
+permissions:
+  contents: read
+  id-token: write
+  pull-requests: write
+  checks: write
+  statuses: write
+
+on:
+    push:
+        branches: [ main ]
+    pull_request:
+        branches: [ main ]
+
+jobs:
+    test-module-init:
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+
+            - name: Setup Hugo
+              uses: peaceiris/actions-hugo@v3
+              with:
+                hugo-version: ${{ vars.HUGO_VERSION || 'latest' }}
+                extended: true
+
+            - name: Create test site
+              run: |
+                  hugo new site test-site
+                  cd test-site
+                    
+            - name: Initialize Hugo module
+              working-directory: ./test-site
+              run: |
+                    hugo mod init github.com/zetxek/test-site
+                    hugo mod get -u github.com/zetxek/adritian-free-hugo-theme
+
+            - name: Configure module ref
+              if: github.ref != 'refs/heads/main'
+              working-directory: ./test-site
+              run: |
+                # Use the branch that initiated the PR
+                branch_name=${GITHUB_HEAD_REF}
+                echo "Using branch: ${branch_name}"
+                hugo mod get -u github.com/zetxek/adritian-free-hugo-theme@${branch_name}
+
+            - name: Configure Hugo module in hugo.toml
+              working-directory: ./test-site
+              run: |
+                echo '[module]
+                [[module.imports]]
+                path = "github.com/zetxek/adritian-free-hugo-theme"' > hugo.toml
+            
+            - name: Validate Hugo module configuration
+              working-directory: ./test-site
+              run: |
+                hugo mod verify
+                hugo mod graph
+                
+            - name: Upload test site
+              uses: actions/upload-artifact@v4
+              with:
+                name: test-site
+                path: test-site
+                retention-days: 1
+
+    build-site:
+        needs: test-module-init
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v4
+            
+            - name: Setup Hugo
+              uses: peaceiris/actions-hugo@v3
+              with:
+                hugo-version: 'latest'
+                extended: true
+                
+            - name: Download test site
+              uses: actions/download-artifact@v4
+              with:
+                name: test-site
+                path: test-site
+
+            - name: Pack dependencies
+              working-directory: ./test-site
+              run: |
+                    hugo mod npm pack
+
+            - name: (debug) Cat package.json
+              working-directory: ./test-site
+              run: |
+                    cat package.json
+
+            - name: Npm install (bootstrap)
+              working-directory: ./test-site
+              run: |
+                    npm install
+
+            - name: (debug) ls node_modules
+              working-directory: ./test-site
+              run: |
+                    ls node_modules
+
+            - name: Run helper script (copy config and content)
+              working-directory: ./test-site
+              run: |
+                    ./node_modules/@zetxek/adritian-theme-helper/dist/scripts/download-content.js
+
+            - name: Run build
+              working-directory: ./test-site
+              run: hugo
+
+            - name: Upload built site
+              uses: actions/upload-artifact@v4
+              with:
+                name: built-site
+                path: test-site/public
+                retention-days: 1
+
+    validate-html:
+        needs: build-site
+        runs-on: ubuntu-latest
+        steps:
+            - name: Download built site
+              uses: actions/download-artifact@v4
+              with:
+                name: built-site
+                path: ./public
+
+            - name: Print index.html
+              working-directory: ./public
+              run: |
+                    cat index.html
+
+            # Validate HTML syntax with https://github.com/marketplace/actions/html5-validator
+            - name: Validate HTML syntax
+              uses: Cyb3r-Jak3/html5validator-action@v7.2.0
+              with:
+                root: ./public
+                skip_git_check: true
+
+    lighthouse-check:
+        needs: build-site
+        runs-on: ubuntu-latest
+        permissions:
+          contents: write
+          pull-requests: write
+        steps:
+            - name: Checkout repository
+              uses: actions/checkout@v4
+              
+            - name: Download built site
+              uses: actions/download-artifact@v4
+              with:
+                name: built-site
+                path: ./public
+                
+            - name: Create output directory
+              run: mkdir -p ${{ github.workspace }}/tmp/artifacts
+                
+            - name: Start local server
+              run: |
+                npx http-server ./public -p 8080 &
+                SERVER_PID=$!
+                echo "Started http-server with PID: $SERVER_PID"
+                
+                # Wait for server to be ready (max 30 seconds)
+                for i in {1..30}; do
+                  if curl -s http://localhost:8080 > /dev/null 2>&1; then
+                    echo "✅ Server is ready and responding"
+                    break
+                  fi
+                  echo "Waiting for server to start... ($i/30)"
+                  sleep 1
+                done
+                
+                # Verify server is actually responding
+                if ! curl -s http://localhost:8080 > /dev/null 2>&1; then
+                  echo "❌ Server failed to start properly"
+                  exit 1
+                fi
+                
+                echo "Server is ready, proceeding with Lighthouse check"
+                
+            - name: Lighthouse Check
+              id: lighthouse
+              uses: foo-software/lighthouse-check-action@v12.0.1
+              with:
+                device: 'all'
+                gitHubAccessToken: ${{ secrets.GITHUB_TOKEN }}
+                prCommentEnabled: false
+                urls: 'http://localhost:8080'
+                outputDirectory: ${{ github.workspace }}/tmp/artifacts
+                
+            - name: Extract and save Lighthouse scores
+              id: extract-scores
+              run: |
+                # Extract scores from Lighthouse reports
+                mkdir -p .github
+                
+                results_file="${{ github.workspace }}/tmp/artifacts/results.json"
+                
+                if [ ! -f "$results_file" ]; then
+                  echo "❌ Error: results.json not found"
+                  echo '{"timestamp":"'$(date -u +%Y-%m-%dT%H:%M:%SZ)'","commit":"${{ github.sha }}","scores":{}}' > current-scores.json
+                  exit 0
+                fi
+                
+                echo "✅ Found results.json, extracting scores..."
+                
+                echo "{" > current-scores.json
+                echo '  "timestamp": "'$(date -u +%Y-%m-%dT%H:%M:%SZ)'",' >> current-scores.json
+                echo '  "commit": "${{ github.sha }}",' >> current-scores.json
+                echo '  "scores": {' >> current-scores.json
+                
+                # The results.json from lighthouse-check-action contains an array of results
+                # Scores are already 0-100, not 0-1
+                num_results=$(jq 'length' "$results_file")
+                
+                first_device=true
+                
+                # Loop through results and organize by emulatedFormFactor
+                for i in $(seq 0 $((num_results - 1))); do
+                  form_factor=$(jq -r ".[$i].emulatedFormFactor // \"unknown\"" "$results_file")
+                  
+                  perf=$(jq -r ".[$i].scores.performance // 0" "$results_file")
+                  a11y=$(jq -r ".[$i].scores.accessibility // 0" "$results_file")
+                  bp=$(jq -r ".[$i].scores.bestPractices // 0" "$results_file")
+                  seo=$(jq -r ".[$i].scores.seo // 0" "$results_file")
+                  
+                  echo "  📱 $form_factor: Performance=$perf, Accessibility=$a11y, Best Practices=$bp, SEO=$seo"
+                  
+                  if [ "$form_factor" = "mobile" ] || [ "$form_factor" = "desktop" ]; then
+                    if [ "$first_device" = false ]; then
+                      echo "," >> current-scores.json
+                    fi
+                    first_device=false
+                    
+                    echo "    \"$form_factor\": {" >> current-scores.json
+                    echo "      \"performance\": $perf," >> current-scores.json
+                    echo "      \"accessibility\": $a11y," >> current-scores.json
+                    echo "      \"best-practices\": $bp," >> current-scores.json
+                    echo "      \"seo\": $seo" >> current-scores.json
+                    echo -n "    }" >> current-scores.json
+                  fi
+                done
+                
+                echo "" >> current-scores.json
+                echo "  }" >> current-scores.json
+                echo "}" >> current-scores.json
+                
+                echo "✅ Scores extracted successfully"
+                
+            - name: Load baseline scores from lighthouse-data branch
+              id: load-baseline
+              if: github.event_name == 'pull_request'
+              run: |
+                # Try to fetch baseline scores from lighthouse-data branch
+                if git show origin/lighthouse-data:.github/lighthouse-scores.json > baseline-scores.json 2>/dev/null; then
+                  echo "baseline_exists=true" >> $GITHUB_OUTPUT
+                  baseline_commit=$(jq -r '.commit // ""' baseline-scores.json)
+                  echo "✅ Baseline scores loaded from lighthouse-data branch (commit: ${baseline_commit:0:7})"
+                else
+                  echo "baseline_exists=false" >> $GITHUB_OUTPUT
+                  echo "ℹ️ No baseline found - this will be the first baseline after merge"
+                  # Create empty baseline
+                  echo '{"commit":"","scores":{}}' > baseline-scores.json
+                fi
+                
+            - name: Format Lighthouse results with comparison
+              id: format-results
+              run: |
+                # Function to get score emoji
+                get_emoji() {
+                  score=$1
+                  # Handle empty or invalid scores
+                  if [ -z "$score" ] || [ "$score" = "0" ] || [ "$score" = "null" ]; then
+                    echo "⚪"
+                    return
+                  fi
+                  if (( $(echo "$score >= 90" | bc -l) )); then
+                    echo "🟢"
+                  elif (( $(echo "$score >= 50" | bc -l) )); then
+                    echo "🟠"
+                  else
+                    echo "🔴"
+                  fi
+                }
+                
+                # Function to get delta indicator
+                get_delta() {
+                  current=$1
+                  baseline=$2
+                  if [ "$baseline" = "null" ] || [ -z "$baseline" ] || [ "$baseline" = "0" ]; then
+                    echo ""
+                    return
+                  fi
+                  delta=$((current - baseline))
+                  if [ $delta -gt 0 ]; then
+                    echo "(↑ +$delta)"
+                  elif [ $delta -lt 0 ]; then
+                    echo "(↓ $delta)"
+                  else
+                    echo "(→)"
+                  fi
+                }
+                
+                # Build URLs
+                commit_sha="${{ github.sha }}"
+                commit_url="https://github.com/${{ github.repository }}/commit/$commit_sha"
+                artifacts_url="https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}"
+                
+                echo "## 🔦 Lighthouse Performance Report" > comment.md
+                echo "" >> comment.md
+                echo "**Test Results for commit:** [\`${commit_sha:0:7}\`]($commit_url)" >> comment.md
+                echo "" >> comment.md
+                
+                # Check if we have baseline scores
+                has_baseline=false
+                if [ -f "baseline-scores.json" ]; then
+                  baseline_commit=$(jq -r '.commit // ""' baseline-scores.json)
+                  if [ -n "$baseline_commit" ] && [ "$baseline_commit" != "null" ]; then
+                    has_baseline=true
+                    baseline_commit_url="https://github.com/${{ github.repository }}/commit/$baseline_commit"
+                    echo "_Comparing against baseline from lighthouse-data branch (commit: [\`${baseline_commit:0:7}\`]($baseline_commit_url))_" >> comment.md
+                    echo "" >> comment.md
+                  fi
+                fi
+                
+                # Check if current scores exist
+                if [ ! -f "current-scores.json" ]; then
+                  echo "❌ **Error:** No Lighthouse scores were generated." >> comment.md
+                  echo "" >> comment.md
+                  echo "Check the workflow logs for more details." >> comment.md
+                  exit 0
+                fi
+                
+                # Parse and format the results
+                found_scores=false
+                for device in "mobile" "desktop"; do
+                  current_perf=$(jq -r ".scores.$device.performance // 0" current-scores.json)
+                  current_a11y=$(jq -r ".scores.$device.accessibility // 0" current-scores.json)
+                  current_bp=$(jq -r ".scores.$device[\"best-practices\"] // 0" current-scores.json)
+                  current_seo=$(jq -r ".scores.$device.seo // 0" current-scores.json)
+                  
+                  # Check if we have any real scores (not just 0)
+                  if [ "$current_perf" != "0" ] || [ "$current_a11y" != "0" ] || [ "$current_bp" != "0" ] || [ "$current_seo" != "0" ]; then
+                    found_scores=true
+                    echo "### ${device^} Results" >> comment.md
+                    echo "" >> comment.md
+                    
+                    if [ "$has_baseline" = true ]; then
+                      echo "| Category | Score | Change |" >> comment.md
+                      echo "|----------|-------|--------|" >> comment.md
+                      
+                      baseline_perf=$(jq -r ".scores.$device.performance // 0" baseline-scores.json)
+                      baseline_a11y=$(jq -r ".scores.$device.accessibility // 0" baseline-scores.json)
+                      baseline_bp=$(jq -r ".scores.$device[\"best-practices\"] // 0" baseline-scores.json)
+                      baseline_seo=$(jq -r ".scores.$device.seo // 0" baseline-scores.json)
+                      
+                      echo "| Performance | $(get_emoji $current_perf) $current_perf | $(get_delta $current_perf $baseline_perf) |" >> comment.md
+                      echo "| Accessibility | $(get_emoji $current_a11y) $current_a11y | $(get_delta $current_a11y $baseline_a11y) |" >> comment.md
+                      echo "| Best Practices | $(get_emoji $current_bp) $current_bp | $(get_delta $current_bp $baseline_bp) |" >> comment.md
+                      echo "| SEO | $(get_emoji $current_seo) $current_seo | $(get_delta $current_seo $baseline_seo) |" >> comment.md
+                    else
+                      echo "| Category | Score |" >> comment.md
+                      echo "|----------|-------|" >> comment.md
+                      
+                      echo "| Performance | $(get_emoji $current_perf) $current_perf |" >> comment.md
+                      echo "| Accessibility | $(get_emoji $current_a11y) $current_a11y |" >> comment.md
+                      echo "| Best Practices | $(get_emoji $current_bp) $current_bp |" >> comment.md
+                      echo "| SEO | $(get_emoji $current_seo) $current_seo |" >> comment.md
+                    fi
+                    echo "" >> comment.md
+                  fi
+                done
+                
+                if [ "$found_scores" = false ]; then
+                  echo "⚠️ **Warning:** No Lighthouse scores were found in the reports." >> comment.md
+                  echo "" >> comment.md
+                  echo "This may be because:" >> comment.md
+                  echo "- The Lighthouse action did not generate reports" >> comment.md
+                  echo "- The report files have an unexpected format" >> comment.md
+                  echo "" >> comment.md
+                fi
+                
+                echo "📊 **[View full detailed reports in workflow artifacts]($artifacts_url)**" >> comment.md
+                echo "" >> comment.md
+                echo "_Report generated at $(date)_" >> comment.md
+                
+            - name: Update PR comment
+              uses: marocchino/sticky-pull-request-comment@v2
+              if: github.event_name == 'pull_request'
+              with:
+                header: lighthouse-report
+                path: comment.md
+                
+            - name: Upload Lighthouse report
+              uses: actions/upload-artifact@v4
+              with:
+                name: lighthouse-report              
+                path: ${{ github.workspace }}/tmp/artifacts
+                
+            - name: Save baseline scores to lighthouse-data branch
+              if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+              run: |
+                # Copy scores to temp location before branch switching
+                # (git clean will remove it from the working directory)
+                TEMP_SCORES="/tmp/lighthouse-scores-${{ github.sha }}.json"
+                cp "${{ github.workspace }}/current-scores.json" "$TEMP_SCORES"
+                
+                # Configure git
+                git config user.name "github-actions[bot]"
+                git config user.email "github-actions[bot]@users.noreply.github.com"
+                
+                # Try to fetch and checkout the lighthouse-data branch
+                if git fetch origin lighthouse-data 2>/dev/null && git checkout lighthouse-data 2>/dev/null; then
+                  echo "✅ Checked out existing lighthouse-data branch"
+                else
+                  echo "Creating new lighthouse-data orphan branch"
+                  git checkout --orphan lighthouse-data
+                  git rm -rf . 2>/dev/null || true
+                  git clean -fd 2>/dev/null || true
+                fi
+                
+                # Copy the lighthouse scores file from temp location
+                mkdir -p .github
+                cp "$TEMP_SCORES" .github/lighthouse-scores.json
+                
+                # Commit and push if there are changes
+                git add .github/lighthouse-scores.json
+                if git diff --staged --quiet 2>/dev/null; then
+                  echo "No changes to lighthouse scores"
+                else
+                  git commit -m "chore: update lighthouse baseline scores [skip ci]"
+                  git push origin lighthouse-data
+                  echo "✅ Lighthouse baseline scores updated in lighthouse-data branch"
+                fi
+                
+                # Clean up temp file
+                rm -f "$TEMP_SCORES"
diff --git a/themes/adritian/.github/workflows/update-demo-main.yml b/themes/adritian/.github/workflows/update-demo-main.yml
new file mode 100644
index 0000000..2aeb81b
--- /dev/null
+++ b/themes/adritian/.github/workflows/update-demo-main.yml
@@ -0,0 +1,43 @@
+## Updates demo site (https://github.com/zetxek/adritian-demo)
+## triggers the update-hugo-module workflow in adritian-demo
+## and the update-git-submodule workflow in the git-submodule-demo site
+name: Update demo repos
+permissions:
+  contents: read
+  id-token: write
+  pages: write
+  pull-requests: write
+  checks: write
+  statuses: write
+  actions: write
+  
+on:
+  push:
+    ## run on push to main or a new semantic tag (ie: v1.2.3)
+    branches: 
+      - main
+    tags:
+      - 'v[0-9]+.[0-9]+.[0-9]+'
+  workflow_dispatch:
+
+jobs:
+  update:
+    runs-on: ubuntu-latest
+
+    steps:
+          
+      - name: Trigger Update Hugo Module workflow
+        run: |
+          curl -X POST \
+            -H "Authorization: token ${{ secrets.PRIVATE_TOKEN_GITHUB }}" \
+            -H "Accept: application/vnd.github.v3+json" \
+            https://api.github.com/repos/zetxek/adritian-demo/actions/workflows/update-hugo-module.yml/dispatches \
+            -d '{"ref":"main"}'
+        
+      - name: Trigger Update Git Submodule workflow
+        run: |
+          curl -X POST \
+            -H "Authorization: token ${{ secrets.PRIVATE_TOKEN_GITHUB }}" \
+            -H "Accept: application/vnd.github.v3+json" \
+            https://github.com/zetxek/adritian-git-submodule-demo/actions/workflows/reset-submodule.yml/dispatches \
+            -d '{"ref":"main"}'
diff --git a/themes/adritian/.github/workflows/update-demo-pr-external.yml b/themes/adritian/.github/workflows/update-demo-pr-external.yml
new file mode 100644
index 0000000..b43a62a
--- /dev/null
+++ b/themes/adritian/.github/workflows/update-demo-pr-external.yml
@@ -0,0 +1,147 @@
+## Updates demo site (https://github.com/zetxek/adritian-demo)
+## taken from https://stackoverflow.com/a/68213855/570087
+
+name: PR demo site (on external PR)
+
+permissions:
+  contents: read
+  id-token: write
+  pages: write
+  pull-requests: write
+  checks: write
+  statuses: write
+  actions: write
+
+## This will open a PR which will open a vercel preview URL in the demo site
+on:
+  pull_request_target:
+    types: [labeled]
+  workflow_dispatch:
+
+jobs:
+  update-demo:
+    env:
+      SOURCE_BRANCH_NAME: ${{ github.head_ref || github.ref_name }} # PR branch name
+      PR_NUMBER: ${{ github.event.number }}
+    runs-on: ubuntu-latest
+    if: contains(github.event.pull_request.labels.*.name, 'safe to test')
+    steps:
+      - name: Checkout source repository (theme)
+        uses: actions/checkout@v4
+        with:
+          path: theme-source
+          ref: ${{ github.head_ref }}
+          token: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
+      
+      - name: Checkout demo repository
+        uses: actions/checkout@v4
+        with: 
+          repository: zetxek/adritian-demo
+          path: demo-repo
+          token: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
+      
+      - name: Dump github context
+        run:   echo "$GITHUB_CONTEXT"
+        shell: bash
+        env:
+          GITHUB_CONTEXT: ${{ toJson(github) }}
+
+      - name: Send pull-request
+        run: |
+          LATEST_TAG=$(cd theme-source && git describe --tags --always)  
+          LATEST_COMMIT=$(cd theme-source && git rev-parse HEAD)
+          SOURCE_REPOSITORY="zetxek/adritian-free-hugo-theme"
+          REPOSITORY="zetxek/adritian-demo"
+          REPO_NAME=${{ github.event.pull_request.head.repo.full_name }}
+          FOLDER="bin/$REPOSITORY"
+          PR_URL="https://github.com/$SOURCE_REPOSITORY/pull/$PR_NUMBER"
+          BRANCH_NAME="theme-update/update-theme-to-$LATEST_TAG"
+          BASE_BRANCH="main"
+          ASSIGNEE="zetxek"
+          
+          echo "Latest tag: $LATEST_TAG"
+          echo "Latest commit: $LATEST_COMMIT"
+          echo "PR URL: $PR_URL"
+
+          git config --global --add --bool push.autoSetupRemote true
+
+          # Clone the remote repository and change working directory to the
+          # folder it was cloned to.
+          git clone \
+            --depth=1 \
+            --branch=main \
+            https://some-user:${{ secrets.PRIVATE_TOKEN_GITHUB }}@github.com/$REPOSITORY \
+            $FOLDER
+
+          cd $FOLDER
+
+          # Setup the committers identity.
+          git config user.email "actions@github.com"
+          git config user.name "GitHub Actions - update theme module version"
+
+          # Create a new feature branch for the changes.
+          echo "Working branch: $BRANCH_NAME"
+          git checkout -b $BRANCH_NAME
+          
+          # Commit the changes and push the feature branch to origin
+          git config --global --add --bool push.autoSetupRemote true
+          echo "Committing all changes."
+          git add --all
+
+          COMMIT_MSG_THEME='chore: update theme module version to `'"$LATEST_TAG"'`'
+          echo 'Updating theme module: '"$COMMIT_MSG_THEME"
+          git commit -am "$COMMIT_MSG_THEME" && git push --force || echo "No changes to theme"
+
+          # Copy content from the checked-out theme source
+          cp ../../theme-source/exampleSite/hugo.toml hugo.toml
+          # Update URL
+          sed -i -e "s/\"https\:\/\/www\.adrianmoreno\.info\"/\"https\:\/\/adritian-demo\.vercel\.app\/\"/g" hugo.toml
+
+          COMMIT_MSG_CONFIG='chore: update config/content to `'"$LATEST_TAG"'` from https://github.com/zetxek/adritian-free-hugo-theme'
+          echo "Committing content/config: $COMMIT_MSG_CONFIG"
+          git commit -am "$COMMIT_MSG_CONFIG"  && git push --force || echo "No changes to config"
+
+          echo "Pushing branch: $BRANCH_NAME"
+          git push origin $BRANCH_NAME --force
+
+          # Store the PAT in a file that can be accessed by the
+          # GitHub CLI.
+          echo "${{ secrets.PRIVATE_TOKEN_GITHUB }}" > token.txt
+
+          # Authorize GitHub CLI for the current repository and
+          # create a pull-requests containing the updates.
+          echo "Logging in to GitHub CLI."
+          gh auth login --with-token < token.txt
+
+          # Check if the PR already exists - if there's no "number" returned, we default to empty string
+          PR_EXISTS=$(gh pr list --state open --base $BASE_BRANCH --head $BRANCH_NAME --json number | jq '.[0].number // empty')
+          echo "PR_EXISTS: $PR_EXISTS"
+          # Check if there's a PR number. If the PR exists, update it (empty = it doesn't exist)
+          if [ -n "$PR_EXISTS" ]; then
+            echo "PR Exists. Updating pull-request..."
+            gh pr view
+            
+            echo "✅ Pull-request created - done! "
+            
+          # Else, we create it
+          else
+            echo "✨PR Does not exist yet. Creating pull-request..."
+            PR_TITLE='preview: update theme to `'$SOURCE_BRANCH_NAME'`'
+            echo 'PR title: '$PR_TITLE
+            PR_BODY="⚠️ The source PR is not merged yet - this is a preview PR.
+            🤖 This automated PR updates the theme version to a PR in the source repo: $PR_URL.
+            🔗 Triggered by https://github.com/zetxek/adritian-free-hugo-theme/actions/workflows/update-demo-pr.yml"
+            echo "PR body: "$PR_BODY
+
+            gh pr create \
+              --title "$PR_TITLE" \
+              --body "$PR_BODY" \
+              --head $BRANCH_NAME \
+              --base $BASE_BRANCH \
+              --assignee $ASSIGNEE \
+              --label preview
+
+            echo "✅ Pull-request created - done! "
+          fi
+
+          
\ No newline at end of file
diff --git a/themes/adritian/.github/workflows/update-demo-pr.yml b/themes/adritian/.github/workflows/update-demo-pr.yml
new file mode 100644
index 0000000..511596c
--- /dev/null
+++ b/themes/adritian/.github/workflows/update-demo-pr.yml
@@ -0,0 +1,260 @@
+## Updates demo site (https://github.com/zetxek/adritian-demo)
+## taken from https://stackoverflow.com/a/68213855/570087
+
+name: Preview demo site
+
+permissions:
+  contents: read
+  id-token: write
+  pages: write
+  pull-requests: write
+  checks: write
+  statuses: write
+  actions: write
+## This will open a PR which will open a vercel preview URL in the demo site
+
+on:
+  pull_request:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  label-dependabot:
+    runs-on: ubuntu-latest
+    if: github.actor == 'dependabot[bot]'
+    steps:
+      - name: Add safe-to-test label to Dependabot PRs
+        uses: actions/github-script@v7
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          script: |
+            try {
+              // First check if the label exists
+              await github.rest.issues.getLabel({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                name: 'safe-to-test'
+              });
+              
+              // If it exists, add it to the PR
+              await github.rest.issues.addLabels({
+                issue_number: context.issue.number,
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                labels: ['safe-to-test']
+              });
+              console.log('Added safe-to-test label to PR');
+            } catch (error) {
+              // If getting the label failed, the PR workflow can't add it
+              // Let's just modify our workflow to handle this differently
+              console.log('Could not add safe-to-test label: ' + error.message);
+              console.log('Will handle Dependabot PRs directly in check-conditions job');
+            }
+
+  check-dependabot:
+    runs-on: ubuntu-latest
+    outputs:
+      should-run: ${{ steps.check-conditions.outputs.should-run }}
+    steps:
+      - id: check-conditions
+        run: |
+          # Check if PR has safe-to-test label
+          if [[ "${{ contains(github.event.pull_request.labels.*.name, 'safe-to-test') }}" == "true" ]]; then
+            echo "should-run=true" >> $GITHUB_OUTPUT
+            echo "PR has safe-to-test label, allowing workflow to run"
+            exit 0
+          fi
+          
+          # Always allow Dependabot PRs to run
+          if [[ "${{ github.actor }}" == "dependabot[bot]" ]]; then
+            echo "should-run=true" >> $GITHUB_OUTPUT
+            echo "PR is from Dependabot, automatically allowing workflow to run"
+            exit 0
+          fi
+          
+          # For other contributors
+          echo "should-run=true" >> $GITHUB_OUTPUT
+          echo "PR is from a trusted contributor, allowing workflow to run"
+
+  update-demo:
+    needs: check-dependabot
+    if: needs.check-dependabot.outputs.should-run == 'true'
+    env:
+      SOURCE_BRANCH_NAME: ${{ github.head_ref || github.ref_name }}
+      PR_NUMBER: ${{ github.event.number }}
+      HUGO_VERSION: ${{ vars.HUGO_VERSION || '0.147.2' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout source repository
+        uses: actions/checkout@v4
+        with: 
+          repository: zetxek/adritian-free-hugo-theme
+          ref: ${{ github.head_ref || github.ref_name }}
+          token: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
+          path: source-repo
+          
+      - name: Checkout demo repository  
+        uses: actions/checkout@v4
+        with: 
+          repository: zetxek/adritian-demo
+          token: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
+          path: demo-repo 
+     
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: ${{ env.HUGO_VERSION }}
+          extended: true
+     
+      - name: Send pull-request
+        shell: bash        
+        run: |
+          SOURCE_REPOSITORY="zetxek/adritian-free-hugo-theme"
+          LATEST_COMMIT=${{ github.event.pull_request.head.sha || github.sha }}
+          SHORT_COMMIT=${LATEST_COMMIT:0:8}
+          
+          # Handle both PR events and manual workflow dispatch
+          if [ -n "$PR_NUMBER" ]; then
+            PR_URL="https://github.com/$SOURCE_REPOSITORY/pull/$PR_NUMBER"
+            BRANCH_NAME="theme-update/pr-$PR_NUMBER-$SHORT_COMMIT"
+            PR_TITLE="preview: theme PR #$PR_NUMBER ($SHORT_COMMIT)"
+          else
+            # For manual workflow dispatch, use branch name instead
+            BRANCH_REF="${{ github.head_ref || github.ref_name }}"
+            PR_URL="https://github.com/$SOURCE_REPOSITORY/tree/$BRANCH_REF"
+            BRANCH_NAME="theme-update/branch-$BRANCH_REF-$SHORT_COMMIT"
+            PR_TITLE="preview: theme branch $BRANCH_REF ($SHORT_COMMIT)"
+          fi
+          
+          BASE_BRANCH="main"
+          ASSIGNEE="zetxek"
+
+          echo "Latest commit: $LATEST_COMMIT"
+          echo "Short commit: $SHORT_COMMIT"
+          echo "Branch name: $BRANCH_NAME"
+          echo "PR URL: $PR_URL"
+          if [ -n "$PR_NUMBER" ]; then
+            echo "PR Number: $PR_NUMBER"
+          else
+            echo "Manual workflow dispatch - no PR number"
+          fi
+
+          git config --global --add --bool push.autoSetupRemote true
+
+          # Verify source commit exists
+          cd source-repo
+          if ! git cat-file -e $LATEST_COMMIT; then
+            echo "Error: Commit $LATEST_COMMIT does not exist in source repository"
+            exit 1
+          fi
+          echo "✅ Verified commit $LATEST_COMMIT exists in source repository"
+          
+          # Switch to demo repository
+          cd ../demo-repo
+
+          # Setup git identity
+          git config user.email "actions@github.com"
+          git config user.name "GitHub Actions - update theme module"
+
+          # Create feature branch
+          git checkout -b $BRANCH_NAME
+
+          # Initialize Hugo module if needed
+          if [ ! -f "go.mod" ]; then
+            hugo mod init github.com/zetxek/adritian-demo
+          fi
+
+          # Clean up any existing invalid module references
+          if [ -f "go.mod" ]; then
+            echo "Cleaning up existing go.mod..."
+            # Remove any existing theme references that might have invalid revisions
+            grep -v 'github.com/zetxek/adritian-free-hugo-theme' go.mod > go.mod.tmp || touch go.mod.tmp
+            mv go.mod.tmp go.mod
+            # Clean up any existing go.sum entries
+            if [ -f "go.sum" ]; then
+              grep -v 'github.com/zetxek/adritian-free-hugo-theme' go.sum > go.sum.tmp || touch go.sum.tmp
+              mv go.sum.tmp go.sum
+            fi
+          fi
+
+          # Get the theme from the PR branch - use branch name instead of commit for better reliability
+          BRANCH_NAME_THEME="${{ github.head_ref || github.ref_name }}"
+          echo "Using theme branch: $BRANCH_NAME_THEME"
+          
+          # Try to get the specific commit first, fallback to branch if commit is not available
+          echo "Attempting to get theme with commit: $LATEST_COMMIT"
+          if hugo mod get github.com/zetxek/adritian-free-hugo-theme@$LATEST_COMMIT; then
+            echo "✅ Successfully got theme with commit hash"
+          else
+            echo "Failed to get specific commit, trying branch instead..."
+            echo "Attempting to get theme with branch: $BRANCH_NAME_THEME"
+            if hugo mod get github.com/zetxek/adritian-free-hugo-theme@$BRANCH_NAME_THEME; then
+              echo "✅ Successfully got theme with branch name"
+            else
+              echo "❌ Failed to get theme with both commit and branch, trying main branch as last resort..."
+              hugo mod get github.com/zetxek/adritian-free-hugo-theme@main
+            fi
+          fi
+          
+          hugo mod tidy
+
+          # Commit changes
+          git add go.mod go.sum
+          if [ -n "$PR_NUMBER" ]; then
+            COMMIT_MSG="preview: theme PR #$PR_NUMBER ($SHORT_COMMIT)"
+          else
+            BRANCH_REF="${{ github.head_ref || github.ref_name }}"
+            COMMIT_MSG="preview: theme branch $BRANCH_REF ($SHORT_COMMIT)"
+          fi
+          git commit -m "$COMMIT_MSG" && git push --force || echo "No changes to commit"
+
+          # Push branch
+          git push origin $BRANCH_NAME --force
+
+          # Setup GitHub CLI
+          echo "${{ secrets.PRIVATE_TOKEN_GITHUB }}" > token.txt
+          gh auth login --with-token < token.txt
+
+          # Check if PR exists
+          PR_EXISTS=$(gh pr list --state open --base $BASE_BRANCH --head $BRANCH_NAME --json number | jq '.[0].number // empty')
+          echo "PR_EXISTS: $PR_EXISTS"
+
+          if [ -n "$PR_EXISTS" ]; then
+            echo "PR Exists. Updating pull-request..."
+            gh pr view
+            echo "✅ Pull-request updated!"
+            # TODO: update the PR body with the latest commit
+            # Add a comment to the PR with the update
+            gh pr comment $PR_EXISTS --body "Updated PR to last commit in source repo: \`$LATEST_COMMIT\`"
+          else
+            echo "✨ Creating new pull-request..."
+            if [ -n "$PR_NUMBER" ]; then
+              PR_BODY="⚠️ The source PR is not merged yet - this is a preview PR created to test the theme update with a vercel preview URL.
+              - Last commit: \`$LATEST_COMMIT\`
+              - Source PR: $PR_URL
+              - 🔗 Triggered by https://github.com/zetxek/adritian-free-hugo-theme/actions/workflows/update-demo-pr.yml"
+            else
+              BRANCH_REF="${{ github.head_ref || github.ref_name }}"
+              PR_BODY="⚠️ This is a preview PR created to test the theme update from branch \`$BRANCH_REF\` with a vercel preview URL.
+              - Last commit: \`$LATEST_COMMIT\`
+              - Source branch: $PR_URL
+              - 🔗 Triggered by https://github.com/zetxek/adritian-free-hugo-theme/actions/workflows/update-demo-pr.yml"
+            fi
+
+            PR_RESULT=$(gh pr create \
+              --title "$PR_TITLE" \
+              --body "$PR_BODY" \
+              --head $BRANCH_NAME \
+              --base $BASE_BRANCH \
+              --assignee $ASSIGNEE \
+              --label preview)
+            
+            if [ $? -ne 0 ]; then
+              echo "Error creating PR: $PR_RESULT"
+              exit 0
+            fi
+
+            echo "✅ Pull-request created!"
+          fi
+
+          
diff --git a/themes/adritian/.github/workflows/update-example-site.yml b/themes/adritian/.github/workflows/update-example-site.yml
new file mode 100644
index 0000000..6d5b558
--- /dev/null
+++ b/themes/adritian/.github/workflows/update-example-site.yml
@@ -0,0 +1,70 @@
+name: Update Example Site
+permissions:
+  contents: read
+  id-token: write
+  pages: write
+  pull-requests: write
+  checks: write
+  statuses: write
+  actions: write
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 0 * * 0'  # Every Sunday at midnight
+
+jobs:
+  update-example-site:
+    runs-on: ubuntu-latest
+    env:
+      DATE: ${{ format('YYYY-MM-DD', github.event.repository.pushed_at) }}
+      
+    steps:
+      - name: Set date
+        run: echo "DATE=$(date +'%Y-%m-%d')" >> $GITHUB_ENV
+      
+      - name: Set branch name
+        run: echo "BRANCH_NAME=update/exampleSite-${DATE}" >> $GITHUB_ENV
+
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Install Node.js dependencies
+        run: npm i
+
+      - name: Update example site content
+        run: |
+          cd exampleSite
+          ../node_modules/@zetxek/adritian-theme-helper/dist/scripts/download-content.js
+
+      - name: Create new branch
+        run: |
+          git checkout -b ${{ env.BRANCH_NAME }}
+
+      - name: Commit changes
+        run: |
+          git config --global user.name 'GitHub Actions'
+          git config --global user.email 'actions@github.com'
+          git add .
+          git commit -m "Update example site content"
+
+      - name: Push changes
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          git push origin ${{ env.BRANCH_NAME }}
+
+      - name: Create Pull Request
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          PR_TITLE="ExampleSite content update (${DATE})"
+          PR_BODY="This automated PR updates the example site with the latest content from [adritian-demo](https://github.com/zetxek/adritian-demo).
+          
+          **Overview of changes:**
+
+          <code>
+          $(git diff --stat HEAD~1)
+          </code>"
+          gh pr create --title "$PR_TITLE" --body "$PR_BODY" --base main --head "${{ env.BRANCH_NAME }}"
diff --git a/themes/adritian/.gitignore b/themes/adritian/.gitignore
new file mode 100644
index 0000000..0344417
--- /dev/null
+++ b/themes/adritian/.gitignore
@@ -0,0 +1,25 @@
+Thumbs.db
+.DS_Store
+.dist
+.tmp
+.sass-cache
+npm-debug.log
+node_modules
+builds
+ 
+# Playwright
+/test-results/
+/tests/coverage-report
+playwright-report
+test-results
+exampleSite/public
+exampleSite/resources
+exampleSite/.hugo_build.lock
+exampleSite/hugo_stats.json
+
+# Local builds
+.hugo_build.lock
+public/
+
+# idea
+.idea/
diff --git a/themes/adritian/.prettierrc b/themes/adritian/.prettierrc
new file mode 100644
index 0000000..d9d07d9
--- /dev/null
+++ b/themes/adritian/.prettierrc
@@ -0,0 +1,19 @@
+{
+  "plugins": [
+    "prettier-plugin-go-template"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.html"
+      ],
+      "options": {
+        "parser": "go-template"
+      }
+    }
+  ],
+  "htmlWhitespaceSensitivity": "ignore",
+  "bracketSameLine": true,
+  "goTemplateBracketSpacing": true
+  
+}
\ No newline at end of file
diff --git a/themes/adritian/.vscode/extensions.json b/themes/adritian/.vscode/extensions.json
new file mode 100644
index 0000000..0f148de
--- /dev/null
+++ b/themes/adritian/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "esbenp.prettier-vscode"
+    ]
+}
\ No newline at end of file
diff --git a/themes/adritian/CODE_OF_CONDUCT.md b/themes/adritian/CODE_OF_CONDUCT.md
new file mode 100644
index 0000000..dc3cb3c
--- /dev/null
+++ b/themes/adritian/CODE_OF_CONDUCT.md
@@ -0,0 +1,128 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, religion, or sexual identity
+and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the
+  overall community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or
+  advances of any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
+  address, without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official e-mail address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+Adrián Moreno Peña, zetxek@gmail.com.
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series
+of actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or
+permanent ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior,  harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within
+the community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of conduct
+enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+For answers to common questions about this code of conduct, see the FAQ at
+https://www.contributor-covenant.org/faq. Translations are available at
+https://www.contributor-covenant.org/translations.
diff --git a/themes/adritian/CONTRIBUTING.md b/themes/adritian/CONTRIBUTING.md
new file mode 100644
index 0000000..5242d45
--- /dev/null
+++ b/themes/adritian/CONTRIBUTING.md
@@ -0,0 +1,54 @@
+# Contribution Guidelines
+
+Thank you for considering contributing to our project! Contributions are very welcome 🙏
+
+We appreciate your time and effort in helping us improve the project. To ensure a smooth collaboration, please follow these guidelines:
+
+## Getting Started
+
+1. **Fork the Repository**: Start by forking the repository to your GitHub account.
+2. **Clone the Repository**: Clone the forked repository to your local machine using:
+   ```bash
+   git clone https://github.com/zetxek/adritian-free-hugo-theme.git
+   ```
+3. **Create a Branch**: Create a new branch for your feature or bug fix:
+   ```bash
+   git checkout -b feature/your-feature-name
+   ```
+
+## Making Changes
+
+1. **Code Style**: Follow the project's coding style and conventions. Ensure your code is clean and well-documented.
+2. **Commit Messages**: Write clear and concise commit messages. Use the present tense and include a brief description of the changes.
+3. **Testing**: Ensure your changes work well with the test site (and others, maybe with yours), in mobile and desktop browsers. 
+
+## Submitting Changes
+
+1. **Push Changes**: Push your changes to your forked repository:
+   ```bash
+   git push origin feature/your-feature-name
+   ```
+2. **Create a Pull Request**: Open a pull request (PR) from your branch to this repository's `main` branch. Provide a detailed description of your changes and link any relevant issues.
+
+## Code Review
+
+1. **Review Process**: Your PR will be reviewed by project maintainers (mainly @zetxek). Be responsive to feedback and make necessary changes.
+2. **Approval**: Once your PR is approved, it will be merged into the main branch.
+
+🎗️ Remember that the maintainers are working in a voluntary basis - do not expect a quick turnaround, as they will get to the issue when life allows.
+
+
+## Community Guidelines
+
+You can read about our guidelines in our [code of conduct](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/CODE_OF_CONDUCT.md).
+
+## Reporting Issues
+
+1. **Bug Reports**: If you find a bug, please open an [issue](https://github.com/zetxek/adritian-free-hugo-theme/issues) with a clear description and steps to reproduce the problem.
+2. **Feature Requests**: If you have an idea for a new feature, open an [issue](https://github.com/zetxek/adritian-free-hugo-theme/issues) to discuss it with the community.
+
+Support is not offered in private, direct mails - as they won't directly benefit the community.
+
+## License
+
+By contributing to this project, you agree that your contributions will be licensed under the project's [LICENSE](LICENSE) file.
diff --git a/themes/adritian/FEATURES.md b/themes/adritian/FEATURES.md
new file mode 100644
index 0000000..4058a86
--- /dev/null
+++ b/themes/adritian/FEATURES.md
@@ -0,0 +1,130 @@
+# New Features Documentation
+
+This document describes the new features added to the Adritian Hugo theme to make it more competitive with other popular Hugo themes.
+
+## Features Overview
+
+### 1. Related Posts
+
+**What it does:** Automatically displays related blog posts at the end of each post based on shared tags and publication dates.
+
+**How to use:** No configuration needed - it works automatically for all blog posts.
+
+**Customization:** The related content algorithm can be adjusted in `hugo.toml` under the `[related]` section.
+
+### 2. Social Sharing Buttons
+
+**What it does:** Adds sharing buttons for Twitter/X, LinkedIn, Facebook, and Email to all blog posts.
+
+**How to use:** Enabled by default. To customize:
+
+```toml
+[params.sharing]
+  enabled = true        # Set to false to disable
+  twitter = true        # Show/hide individual platforms
+  linkedin = true
+  facebook = true
+  email = true
+```
+
+### 3. Table of Contents (TOC)
+
+**What it does:** Auto-generates a table of contents from post headings for easy navigation.
+
+**How to use:** Add to post frontmatter:
+
+```yaml
+---
+toc: true
+tocSticky: true  # Optional: makes TOC sticky on desktop
+---
+```
+
+**Requirements:** Only appears if post has more than 400 words.
+
+### 4. Comments Integration
+
+**What it does:** Supports three popular comment systems: Disqus, Giscus, and Utterances.
+
+**How to use:**
+
+#### Option 1: Disqus
+```toml
+disqusShortname = "your-shortname"
+
+[params.comments]
+  enabled = true
+  provider = "disqus"
+```
+
+#### Option 2: Giscus (GitHub Discussions)
+```toml
+[params.comments]
+  enabled = true
+  provider = "giscus"
+  
+  [params.comments.giscus]
+    repo = "username/repo"
+    repoId = "R_xxxxx"
+    category = "General"
+    categoryId = "DIC_xxxxx"
+```
+
+#### Option 3: Utterances (GitHub Issues)
+```toml
+[params.comments]
+  enabled = true
+  provider = "utterances"
+  
+  [params.comments.utterances]
+    repo = "username/repo"
+    issueTerm = "pathname"
+    theme = "preferred-color-scheme"
+```
+
+### 5. Enhanced Reading Metadata
+
+**What it does:** Displays additional metadata for blog posts:
+- Estimated reading time
+- Last modified date (if specified)
+- Word count
+
+**How to use:** Automatic for reading time and word count. For last modified:
+
+```yaml
+---
+title: "My Post"
+date: 2025-01-15
+lastmod: 2025-02-20  # Add this field
+---
+```
+
+## Styling
+
+All new features include:
+- Full dark mode support
+- Responsive design for mobile/tablet/desktop
+- Consistent styling with the theme
+- Accessibility features (ARIA labels, semantic HTML)
+
+## Translations
+
+All features support the theme's multilingual capabilities with translations for:
+- English (en)
+- Spanish (es)
+- French (fr)
+- German (de)
+- Dutch (nl)
+- Danish (da)
+- Italian (it)
+- Portuguese (pt)
+- Swedish (sv)
+- Norwegian (no)
+- Polish (pl)
+
+Additional languages can be added by creating translation files in `i18n/`.
+
+## Demo
+
+See all features in action at the demo blog post:
+`/blog/new-features-demo/` in the example site.
diff --git a/themes/adritian/LICENSE b/themes/adritian/LICENSE
new file mode 100644
index 0000000..ced9cf9
--- /dev/null
+++ b/themes/adritian/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright for portions of the theme are held by (c) 2020 Radity (https://radity.com). Other copyright is held by Adrián Moreno Peña, 2022.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/themes/adritian/README.md b/themes/adritian/README.md
new file mode 100644
index 0000000..c56fde2
--- /dev/null
+++ b/themes/adritian/README.md
@@ -0,0 +1,385 @@
+# Adritian Free Hugo Theme
+A modern, fast and extensible Hugo theme for personal websites and professional landing pages - with blog and portfolio support
+
+[![Vercel Deploy](https://deploy-badge.vercel.app/vercel/adritian-demo?name=demo)
+](https://adritian-demo.vercel.app/) [![Test example site](https://github.com/zetxek/adritian-free-hugo-theme/actions/workflows/test-example-site.yml/badge.svg)](https://github.com/zetxek/adritian-free-hugo-theme/actions/workflows/test-example-site.yml)
+
+## 🚀 Key Features
+
+- 🏎️ Fast, minimalistic code (no jQuery or other javascript frameworks)
+- 🖼️ Bootstrap v5 (`v5.3.7`) CSS framework with Scss customization
+- 📚 Multi-language (i18n) support
+- 🛠️ Custom content types (work experience, education, projects/work showcase, testimonials, blog)
+- 🧰 Multiple shortcodes to customize your landing page in any way you want
+- 🔎 Lightning fast search (powered by [fuse.js](https://www.fusejs.io/))
+- 💯 Perfect Lighthouse scores (Performance, Accessibility, SEO)
+- 🌚 Automatic dark/light theme switching, with manual override
+- 🖨️ Print-friendly CV template 
+- 🔧 Technical Skills showcase with visual skill bars and categories
+- ⚡ Vercel-ready with Analytics & Speed Insights support
+- 🖼️ Menus with icon support
+- 🔗 **Related posts** - Automatically display related content based on tags
+- 📤 **Social sharing buttons** - Built-in sharing for Twitter/X, LinkedIn, Facebook, and Email
+- 📑 **Table of Contents** - Auto-generated, sticky TOC for blog posts
+- 💬 **Comments integration** - Support for Disqus, Giscus, and Utterances
+- ⏱️ **Reading time display** - Estimated reading time for blog posts
+- 🏷️ **Enhanced taxonomy support** - Improved tags and categories display
+
+The theme focuses on accessibility, high performance, and usability (it's very easy to get started). It's extendable by adding your own styles or content types, and it has a solid foundation on which to build.
+
+Some of the best applications for the theme are for minimalistic websites, single-page applications, and personal portfolios. It has a contact form you can customize to your mail address without setting up a backend.
+
+> [!TIP]
+> Do you like the theme? 🌟 Star the repo on GitHub to help make it more visible
+
+## Live demo & Preview
+
+You can see it live at [www.adrianmoreno.info](https://www.adrianmoreno.info) (my personal website), as well as in these screenshots of the homepage, in the dark and light variations of the theme:
+
+<table>
+	<tbody>
+	<tr>
+		<td>
+			<img src="https://user-images.githubusercontent.com/240085/230632835-74349170-d610-4731-8fac-62c413e6b3f5.png" alt="Light version of the Hugo theme Adritian"/>
+</td>
+		<td>
+			<img src="https://raw.githubusercontent.com/zetxek/adritian-free-hugo-theme/main/images/screenshot-dark-fullscroll.jpeg" alt="Dark version of the Hugo theme Adritian"/>
+</td>
+	</tr>
+	</tbody>
+</table>
+
+The dark color variation is selected automatically based on browser settings, and a color switcher is available in the footer and the mobile menu for visitors to override.
+
+Other relevant repositories related to this theme are:
+
+1. [adritian-theme-helper](https://github.com/zetxek/adritian-theme-helper): npm package helper, used to bootstrap the theme. It helps initialize a site with the right content and configuration files.
+1. A full-featured site, [my personal website](https://www.adrianmoreno.info) [in github too](https://github.com/zetxek/adrianmoreno.info), so you can see how the theme can look real-life (including deployment scripts).
+1. A simpler [demo site for the theme, adritian-demo](https://adritian-demo.vercel.app/) ([and its code](https://github.com/zetxek/adritian-demo)), where the demo content comes from.
+1. The same demo site, in a [git submodules integration](https://github.com/zetxek/adritian-git-submodule-demo).
+
+💡 For more inspiration, check this document's [showcase section](#showcase).
+
+✨ This theme is entirely free and open source. We welcome your ideas, feedback, and contributions! If you find it useful, please give it a GitHub star to show your support.
+
+## Quickstart
+
+#### Install Hugo
+
+This is a theme for the website generator Hugo. To use it, you must install Hugo by following [the official guide](https://gohugo.io/getting-started/installing/).
+
+**We recommend installing the theme as a [Hugo module](https://gohugo.io/hugo-modules/) (recommended, and explained below).** This is the most powerful way to install the theme, will allow you to combine it with other modules, and is probably the easiest way to update across theme versions.
+
+Another alternative is to use [git submodules](https://gohugo.io/getting-started/quick-start/#create-a-site) or to [download the theme as a zip file](https://github.com/zetxek/adritian-free-hugo-theme/releases) and copy the files to your site`*`. But that will make your site "stuck in time" and more difficult to upgrade. **This is not recommended or supported directly**.
+
+> **On the release files:** `*` from the version `v1.5.4` the theme available as a zip file in the [releases page](https://github.com/zetxek/adritian-free-hugo-theme/releases) contains the `node_modules` folder, so you don't need to install it separately. This is a convenience for edge cases that might have problems installing the theme as a module or downloading many files.__
+
+### As a Hugo Module (recommended)
+
+> **Note:** Before proceeding, **Ensure you have Go and Hugo installed** and that you have created a new Hugo project.
+As a pre-requirement, you will need Hugo set up and running. You can follow [the official guide for it](https://gohugo.io/categories/installation/).
+
+The theme has been tested with Hugo version `0.136` (extended version). If you get errors regarding missing functionalities, check if you have the latest version of Hugo available.
+
+**Note:** as mentioned, the theme supports both Hugo modules and git submodules. You should use Hugo modules to install the theme in the most maintainable way. If you prefer git submodules you can follow these [older instructions](https://gohugobrasil.netlify.app/themes/installing-and-using-themes/) or the next ones as help:
+
+<details>
+<summary>Step-by-step instructions to setup the theme as a hugo module</summary>
+
+1. Create a new Hugo site (this will create a new folder): `hugo new site <your website's name>`
+1. Enter the newly created folder: `cd <your website's name>/`
+1. Initialize the Hugo Module system in your site if you haven't already: `hugo mod init github.com/username/your-site` (_you don't need to host your website on GitHub, you can add anything as a name_)
+1. Install the theme as a module: `hugo mod get -u github.com/zetxek/adritian-free-hugo-theme`
+1. Add the following to your `hugo.toml`, to set the theme as active: 
+
+```
+[module]
+[[module.imports]]
+path = "github.com/zetxek/adritian-free-hugo-theme"
+```
+
+6. Prepare the `package.json` file: `hugo mod npm pack`
+7. Install the dependencies: `npm install`. This will include Bootstrap (needed for styling) and the helper script [adritian-theme-helper](https://github.com/zetxek/adritian-theme-helper). 
+8. Run the initial content downloader: `./node_modules/@zetxek/adritian-theme-helper/dist/scripts/download-content.js`. This will download the demo content from the [adritian-demo](https://github.com/zetxek/adritian-demo) repository and copy it to your site, for a quick start (including translations, images, configuration and content)
+</details>
+
+
+### Running the site
+
+The initial configuration allows you to have a base to edit and adapt to your site, and see the available functionalities.
+**Make sure to edit `baseURL`, `title` and `description`**. You can edit the header links, as well as the languages to your needs.
+
+After you have installed the `npm` packages and setup the initial contents, you can
+
+1. Start Hugo with `hugo server`...
+1. 🎉 The theme is alive on http://localhost:1313/
+
+For next steps and guidance on where to customize your content, [check the demo site](https://adritian-demo.vercel.app/). 
+You can check the demo site help page for other installation methods (such as submodules or manual configuration). 
+
+### Additional features and configuration
+
+The theme is extensible and customizable in multiple areas, and it can be tricky to figure out exactly what to edit. This is a guide (that is complemented by the [demo site](https://adritian-demo.vercel.app/)).
+
+<img width="1395" alt="image" src="https://github.com/user-attachments/assets/270c4445-5354-441a-ab23-21d91762e33c" />
+
+#### Multi-language support
+
+https://github.com/user-attachments/assets/030e765a-275f-4141-88e0-b854ebe551da
+
+The theme implements the [internationalization (i18n) system by Hugo](https://gohugo.io/content-management/multilingual/), to enable multilingual sites.
+
+See the content in the  `i18n` folder to edit the translations, and the configuration `hugo.toml` to define your active languages. The theme includes translations for:
+
+- **English** (`en`)
+- **Spanish** (`es`)
+- **French** (`fr`)
+- **German** (`de`)
+- **Dutch** (`nl`)
+- **Danish** (`da`)
+- **Italian** (`it`)
+- **Portuguese** (`pt`)
+- **Swedish** (`sv`)
+- **Norwegian** (`no`)
+- **Polish** (`pl`)
+
+The example site has 3 enabled languages by default (`en`, `es`, and `fr`). You can enable additional languages by adding them to your `hugo.toml` configuration, or disable the provided ones (by setting `disabled` to `true` on the languages you don't need).
+
+Most of the content is expected to be translated via the content system of Hugo:
+
+- [by file name](https://gohugo.io/content-management/multilingual/#translation-by-file-name)
+- [by content directory](https://gohugo.io/content-management/multilingual/#translation-by-content-directory) 
+
+Note: The introduction of i18n support was done in the version `v1.3.0` and it has breaking changes due to the way in which the content was managed. You can read about the upgrade path in [UPGRADING.md](UPGRADING.md). In the version `v1.7.0` the usage of Hugo's content management was expanded, to use less `i18n` strings and more file name/content directory based translations.
+
+#### Editing the theme content
+
+You can check the repository [adritian-demo](https://github.com/zetxek/adritian-demo) for a reference implementation, as well as the [theme website](https://adritian-demo.vercel.app/) (https://adritian-demo.vercel.app/), to get a visual guide on how to edit the content. 
+
+Following the initial setup instructions you will get a "ready-to-use" version of the site, with sample content for you to edit and customize.
+
+#### Technical Skills Showcase
+
+The theme includes a dedicated Technical Skills showcase section that allows you to visually display your skills with progress bars and categorization:
+
+- Create a `/skills` section in your site with customizable skill categories
+- Each skill can include name, proficiency level, years of experience, and description
+- Visual skill bars automatically use your theme's primary color
+- Full dark mode support with appropriate contrast
+- Responsive design for all device sizes
+- Accessible through navigation menu with multilingual support
+
+To use this feature, create a `skills/_index.md` file with structured front matter for your skill categories and individual skills. The theme will automatically generate a visually appealing skills showcase page.
+
+#### Shortcodes
+
+The theme has multiple shortcodes available for use in the content, so you can customize your homepage (or any other page) as you want. You can read about them in the [shortcodes page](https://adritian-demo.vercel.app/blog/shortcodes). Since version `v1.7.0,` this is the preferred way to set up your theme content and translations, as that's the most flexible system.
+
+You can see the shortcodes in use in the demo site's pages, like
+
+- [home page](https://adritian-demo.vercel.app/) [`(source)`](https://raw.githubusercontent.com/zetxek/adritian-demo/refs/heads/main/content/home/home.md)
+- [CV page](https://adritian-demo.vercel.app/cv) [`(source)`](https://raw.githubusercontent.com/zetxek/adritian-demo/refs/heads/main/content/cv.md)
+
+#### Contact form
+_(optional, if you want to use the contact form)_ edit the key `contact` in your `homepage.yml` file, to customize your mail address. Sign up in [formspree](https://formspree.io) to redirect mails to your own.
+
+It can be rendered in any page via the `contact-section` shortcode.
+
+#### Blog
+
+Two layouts are available for the blog:
+- `default` (full-width for posts)
+- `sidebar` (sidebar with recent posts and categories)
+
+| Default Layout | Sidebar Layout |
+|---------------|----------------|
+| ![Default blog layout with full width content](https://github.com/zetxek/adritian-free-hugo-theme/raw/main/images/blog-default.jpeg) | ![Blog layout with sidebar showing recent posts](https://github.com/zetxek/adritian-free-hugo-theme/raw/main/images/blog-sidebar.jpeg) |
+| Full width posts | Posts with left sidebar |
+| Clean, focused reading experience | Shows recent posts and categories |
+| Maximizes content area | 25% width sidebar by default |
+| Best for image-heavy posts | Helps with site navigation |
+
+<img width="1271" alt="image" src="https://github.com/user-attachments/assets/1821a3b7-f572-4958-8c4f-bd1687cc8f71">
+
+
+To use the blog, you can use the content type "blog", and render it in the URL `/blog`.
+You can add a menu link to it in `hugo.toml`.
+
+The posts will be markdown files stored in the `content/blog` folder.
+
+The layout can be configured in the `hugo.toml` file, under the `[params.blog]` section:
+
+```toml
+[params.blog]
+layout = "sidebar-right"     # options: default (no sidebar), sidebar, sidebar-right
+sidebarWidth = "25"          # percentage width of the sidebar (when using sidebar layouts)
+narrowContent = true         # if true, limits content width to 720px for better readability (default: true)
+showCategories = true        # show categories in the sidebar
+showRecentPosts = true       # show recent posts in the sidebar
+recentPostCount = 5          # number of recent posts to display
+listStyle = "summary"        # options: simple, summary
+```
+
+**Configuration options:**
+- `layout`: Choose between `default` (no sidebar), `sidebar` (left sidebar), or `sidebar-right` (right sidebar)
+- `sidebarWidth`: Set the percentage width of the sidebar (e.g., "25" for 25%)
+- `narrowContent`: When set to `true` (default), limits the blog content width to 720px for optimal readability. Set to `false` for full-width content
+- `showCategories`: Display category links in the sidebar
+- `showRecentPosts`: Display recent posts in the sidebar
+- `recentPostCount`: Number of recent posts to show in the sidebar
+- `listStyle`: Choose between `simple` (title and date only) or `summary` (includes excerpt)
+
+##### Blog Post Features
+
+**Related Posts**
+
+The theme automatically shows related posts at the end of each blog post based on shared tags and publish dates. This is powered by Hugo's built-in related content feature.
+
+**Table of Contents**
+
+Enable a table of contents for any blog post by adding these parameters to your post's frontmatter:
+
+```yaml
+---
+toc: true
+tocSticky: true  # optional, makes TOC sticky on desktop
+---
+```
+
+The TOC automatically generates from your post headings and only appears when the post has more than 400 words.
+
+**Social Sharing**
+
+Social sharing buttons are enabled by default for all blog posts. You can customize which platforms appear in your `hugo.toml`:
+
+```toml
+[params.sharing]
+  enabled = true
+  twitter = true
+  linkedin = true
+  facebook = true
+  email = true
+```
+
+**Comments**
+
+The theme supports popular comment systems. Configure in your `hugo.toml`:
+
+```toml
+[params.comments]
+  enabled = true
+  provider = "giscus"  # options: "disqus", "giscus", "utterances"
+  
+  # For Giscus (GitHub Discussions)
+  [params.comments.giscus]
+    repo = "username/repo"
+    repoId = "your-repo-id"
+    category = "General"
+    categoryId = "your-category-id"
+  
+  # For Utterances (GitHub Issues)
+  [params.comments.utterances]
+    repo = "username/repo"
+    issueTerm = "pathname"
+    theme = "preferred-color-scheme"
+```
+
+For Disqus, set your `disqusShortname` in the site configuration.
+
+**Reading Time & Metadata**
+
+Blog posts automatically display:
+- Estimated reading time
+- Word count
+- Publication date
+- Last modified date (if `lastmod` is set in frontmatter)
+
+#### (Job) Experience
+
+This functionality and content is especially suited for personal professional sites, showcasing the work experience: 
+
+<img width="1444" alt="SCR-20240624-uaoi" src="https://github.com/zetxek/adritian-free-hugo-theme/assets/240085/9ea86d6a-62c6-4c4f-96ba-8450fa24dd68">
+
+It can be used to render job experience, projects and/or clients. Each experience/project has a duration, job title, company name, location and description/excerpt as well as a longer text. 
+
+The experience is managed through a specific content type (see `content/experience` for an example).
+You can use `hugo new experience/experience-name.md` (replacing `experience-name` by the name of the job experience).
+This will create the content in the `content/experience` folder, following the `experience` archetype.
+
+The following fields are used from the file's Front Matter: `title`, `jobTitle`, `company`, `location`, `duration`. 
+You can find a sample experience file content here:
+
+```
+---
+date: 2007-12-01T00:00:00+01:00
+draft: false
+title: "Job #1"
+jobTitle: "Junior Intern"
+company: "Internet Affairs Inc. "
+location: "Stavanger, Norway"
+duration: "2022-2024"
+
+---
+### Fixing the world, one byte at a time
+
+The beginning of a great career. 
+```
+
+The experience can be displayed in several locations and different styles:
+
+| Shortcode usage | Experience page | Single experience item | Print-friendly list |
+|---------------|----------------|----------------|----------------|
+| ![Experience list with shortcode](https://github.com/user-attachments/assets/7e974632-824c-494c-9dbc-67bb96992517) | ![Experience page](https://github.com/user-attachments/assets/ad53f815-2bd4-4723-a9a1-28be2c01461a) | ![Single experience page](https://github.com/user-attachments/assets/97a20b98-df5c-4e07-9b2e-d7aba75ec81b) | ![CV Experience](https://github.com/user-attachments/assets/7d2d7e4b-a23c-4be7-9617-da7232ea11a7) |
+| Experience list rendered via shortcode | Experience list in /experience | Experience item in in single page | Full-width print-friendly experience 
+| [🔗](https://adritian-demo.vercel.app/#experience-single) By using the shortcode `experience-section`: in a page (such as your homepage), with a limited number of experiences (controlled by the config parameter `homepageExperienceCount` in the file `hugo.toml`). The summary is displayed, as well as an introduction text and optional links | [🔗](https://adritian-demo.vercel.app/experience) Automatically, in the **Experience page**, in `/experience`, with a list of all experiences (no limit). The summary is displayed for each item, as well as a introduction text and optional links. | [🔗](https://adritian-demo.vercel.app/experience/job-1/) Individual experience page (such as `/experience/job-1`), where all details are displayed, and links to the other descriptions are available to navigate. | [🔗](https://adritian-demo.vercel.app/cv) Using the shortcode `experience-list` you can generate a list of experience that is not interactive - good for print-friendly layouts.
+
+## Troubleshooting
+
+This theme is a version of the one found on my website [adrianmoreno.info](https://www.adrianmoreno.info). If you run into trouble, [you can check the code on my website](https://github.com/zetxek/adrianmoreno.info) for reference.
+
+If you have improvements for the theme, you are very welcome to make a PR if you are able 💕. Otherwise - see below for how to get help (and maybe help others with the same problem).
+
+## Testing
+
+The theme includes comprehensive E2E tests using Playwright to ensure all features work correctly.
+
+### Running Tests
+
+```bash
+# Run all tests
+npm test
+
+# Run E2E tests only
+npm run test:e2e
+
+# Run new features tests specifically
+npm run test:e2e:new-features
+
+# Run tests in UI mode (interactive)
+npm run test:e2e:ui
+```
+
+### Test Coverage
+
+The test suite includes **27 comprehensive tests** for the new blog features:
+- Related Posts functionality
+- Social Sharing buttons (Twitter, LinkedIn, Facebook, Email)
+- Table of Contents generation and navigation
+- Enhanced reading metadata (reading time, word count, dates)
+- Dark mode compatibility
+- Responsive design
+- Accessibility features
+- Multilingual support
+- Performance validation
+
+See `tests/README.md` for detailed testing documentation.
+
+### Common issues 
+
+- The site fails to build. Look for the last line of the stacktrace - if you find mentions to missing files, such as in
+```
+Error: error building site: TOCSS: failed to transform "/scss/adritian.scss" (text/x-scss): ".../.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/zetxek/adritian-free-hugo-theme@v1.5.6/assets/scss/adritian.scss:1:1": File to import not found or unreadable: bootstrap/bootstrap.
+```
+Make sure that you have the dependencies installed. Check the troubleshooting steps in the [following issue](https://github.com/zetxek/adritian-free-hugo-theme/issues/194#issuecomment-2634193132).
+
+- The site renders in a weird-looking way, or you miss content. Check that the co
diff --git a/themes/adritian/UPGRADING.md b/themes/adritian/UPGRADING.md
new file mode 100644
index 0000000..fda1512
--- /dev/null
+++ b/themes/adritian/UPGRADING.md
@@ -0,0 +1,465 @@
+# Upgrading across versions
+
+This documentation is meant to help you upgrade across versions, when potentially breaking changes are introduced.
+
+## v1.7.19
+
+Adding a new page transition effect.
+The new effect is applied to all pages, and is triggered when navigating through the site. It can be disabled in the `config.toml` file, under the `params.pageTransition` section.
+
+By default, the effect is enabled.
+
+## v1.7.12
+
+__Introducing 🔎Search__
+To be able to use the search functionality, you need to:
+
+1.  add a new `module.mount` in your `hugo.toml` file (in the same place where you reference bootstrap files):
+
+```
+  ## Search & sanitization
+  [[module.mounts]]
+    source = "node_modules/fuse.js/dist/fuse.min.js"
+    target = "static/js/fuse.min.js"
+  [[module.mounts]]
+    source = "node_modules/dompurify/dist/purify.min.js"
+    target = "static/js/purify.min.js"
+```
+
+2. add the following to your `hugo.toml` file:
+
+```
+  home = ["HTML", "RSS", "JSON"]
+```
+Under the `outputs` area.
+
+3. add a new page to your site, `content/search.md`:
+
+```
+---
+title: "Search Results"
+sitemap:
+  priority : 0.1
+layout: "search"
+---
+```
+
+You can now test the search by visiting `/search` in your site. It should load a page [similar to what is displayed in GitHub](https://github.com/zetxek/adritian-free-hugo-theme/pull/272). If that's not the case, please [open a ticket in the theme issue tracker](https://github.com/zetxek/adritian-free-hugo-theme/issues).
+
+## v1.7.8
+
+This version introduces the `footer` content type to customize the content at the bottom of the page, allowing for sections (such as `contact-section` or `newsletter-section`) as well as content. 
+
+A new shortcode (`text-section`) is introduced, to enable nicely wrapped text in some places such as the homepage or the footer.
+
+## v1.7.4
+
+The "home" item in the navigation (footer and header) is managed now in the configuration file (`hugo.toml`), instead of a hardcoded item (which couldn't be hidden).
+
+See the PR [#249 for the content change](https://github.com/zetxek/adritian-free-hugo-theme/pull/249), in case you want to add the home item back (or edit its name/title or translations).
+
+## v1.7.3
+
+The theme has got rid of the `2x` strategy for responsive images. 
+They are now generated automatically from the large resolution picture.
+
+This means that the partials using `2x` accept only one image now. There's a new attribute, `scale`, that defines how much larger the high-res image is compared to the smaller one.
+See the [PR #244 for more context](https://github.com/zetxek/adritian-free-hugo-theme/pull/244), and the [#198 PR in the demo repo for the content changes only](https://github.com/zetxek/adritian-demo/pull/198). 
+
+## v1.7.0
+
+This version introduces a brand new way of managing pages, and leveraging the existing the styles in different contexts, so they can be used in other pages than the homepage.
+
+The main changes are:
+
+- deprecation of `homepage.yml`. Stopped using some of its values (such as `.Site.Data.homepage.newsletter.enable`, given that the shortcodes can be rendered in any page, not only the home)
+- introduction of numerous shortcodes, to replicate the same experience (in any page)
+
+Aside from that:
+- "education" comes now from its own content type
+- fixed bugs where some buttons couldn't be hidden by not passing content
+- deprecated dynamic content in `i18n` files - in favour of storing it in markdown files. For example, your page headings or descriptions won't be stored in these files anymore.
+
+As usual, I have "dog-fed" the theme into my own website first. You can [see the PR showing the change](https://github.com/zetxek/adrianmoreno.info/pull/291) it took to migrate. The most significant file (that you can "copy-paste") is [home.md](https://github.com/zetxek/adrianmoreno.info/pull/291/files#diff-34cdd7812bb042723b4068c4df80283586271078662d619aa33f88e8e62d6fd2
+).
+
+You can also find a detailed PR for the demo site with [all the shortcodes in action](https://github.com/zetxek/adritian-demo/pull/182).
+
+
+Note: I have tried to keep backwards compatibility up to a point. But **I recommend considering migrating your site to shortcodes**, if you want to keep updated with the upstream version. Support for `homepage.yml` will be less prioritary, and retired at some point, because of the complexity in mantaining multiple ways of passing content to the theme.
+
+🛑 Alternatively, fix your theme to the last version `v1.6.1`, to prevent upgrading (losing the new features and improvements).
+
+## v1.6.0
+
+This version introduces the usage of [@zetxek/adritian-theme-helper](https://www.npmjs.com/package/adritian-theme-helper) to help initialize a site with the theme. This is not of much use to existing setups - but good to know.
+
+Additionally, there are a number of [changes in HTML structure](https://github.com/zetxek/adritian-free-hugo-theme/pull/217/files) to ensure that the content is valid, including class renaming and change of element types.
+
+Some of the changes are listed here in a an attempt to help you edit your custom CSS in case you depended on it:
+
+- Prevent `p.lead` usage, preferring `div.lead` instead. This is done to prevent nested `<p>` elements or broken paragraphs, using a wrapping `div` instead.
+- Fixed nested `main` elements in the `/blog` page, using instead `<main><div#main-content>`. 
+- Prevented duplicated usage of the `#experience` id, by renaming it to `#experience-single` in `layouts/partials/experience.html` and `#experience-list` in `layouts/shortcodes/experience-list.html`.
+- Removed wrapping `<p>` element in `layouts/partials/testimonial.html`.
+
+I hope this doesn't cause too much trouble in your existing sites - and allows for a smooth transition to `v1.6.0` 🤞
+
+## v1.5.12
+
+The options to control how the language and theme selectors are displayed in the header and footer have been refactored, to enable control over each placement individually (footer and header).
+
+There are 3 placements that can be controlled. For the color selector, it's always available; for the languae selector, it's available if the site is multilingual.
+
+The configuration syntax is as follows:
+```
+[params.languages.selector.disable]
+footer = false
+header = false
+mobileHeader = false
+
+[params.colorTheme.selector.disable]
+footer = false
+header = false
+mobileHeader = false
+```
+
+The default value is assumed to be `false` for all placements, meaning that the selector is displayed in all placements by default.
+
+## v1.5.7
+
+In order to have the (optional) print improvements for the CV, you need to add the following to your `config.toml` file:
+
+In the mounts section:
+```
+[[module.mounts]]
+source = "node_modules/bootstrap-print-css/css/bootstrap-print.css"
+target = "assets/css/bootstrap-print.css"
+```
+
+In the `params` section, under the `plugins` section, add the following:
+
+```
+  [[params.plugins.css]]
+  URL = "css/bootstrap-print.css"
+```
+
+Note: this will add about 1.1Kb to the total size of the CSS loaded.
+
+## v1.5.3
+
+A new parameter, `showJobCard`, has been added to the `experience` section in the `config.toml` file.
+This allows you to hide the job card on the experience page.
+See the [related PR #271](https://github.com/zetxek/adritian-free-hugo-theme/pull/182) for more information.
+
+## v1.5.2
+
+Added a new (optional) parameter, "logo", to display an image in the header.
+See the [related PR #179](https://github.com/zetxek/adritian-free-hugo-theme/pull/179) for more information.
+
+## v1.5.1
+
+The theme uses bootstrap as a dependency, installed from npm.
+This requires some steps in the site:
+
+1. copy the theme `package.json` to your site, and run `npm install`
+2. add the following section to the `hugo.toml` configuration to your site:
+
+```
+  [[module.mounts]]
+    source = "node_modules/bootstrap/scss"
+    target = "assets/scss/bootstrap"
+
+  [[module.mounts]]
+    source = "node_modules/bootstrap/dist/js"
+    target = "assets/js/bootstrap"
+
+  [[module.mounts]]
+    source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
+    target = "assets/js/vendor/bootstrap.bundle.min.js"
+```
+
+
+## v1.5.0
+
+The theme has been updated to support Hugo modules.
+This is now the recommended way to install the theme, as it allows for easier updates and contributions.
+
+See https://github.com/zetxek/adrianmoreno.info/pull/270 for an example of how to update an existing site to switch from git submodule to Hugo module.
+
+Some key steps:
+- initialize the module in your site: `hugo mod init github.com/username/your-site`
+- add the module to your `hugo.toml` file: `[[module.imports]] path = "github.com/zetxek/adritian-free-hugo-theme"`
+- get the module: `hugo mod get -u`
+
+To use a specific version of the theme, you can add the version to the module import: `[[module.imports]] path = "github.com/zetxek/adritian-free-hugo-theme@v2.0.0"`
+To use an unpublished version of the theme, you can add the git reference to the `go.mod` file: `require github.com/zetxek/adritian-free-hugo-theme <any-git-reference>`, and then execute `hugo mod get -u`.
+
+
+**Note**: if you use vercel to host your site, you will need to make sure that `go` is installed in the vercel build environment.
+You can do this by adding the following to your `vercel.json` file: `"installCommand": "dnf -y install golang",`.
+
+## v1.4.13
+
+### Analytics section re-organized
+
+In the [PR #121](https://github.com/zetxek/adritian-free-hugo-theme/pull/121), we moved the analytics config to a new section in the configuration for better extensibility and clarity.
+
+Before:
+```
+  vercelPageInsights = false
+  vercelAnalytics = false
+
+  [params.google_analytics]
+      code = "UA-XXXXX-Y"
+      enabled = false
+  [params.google_tag_manager]
+      code = "GTM-XXXXX"
+      enabled = false
+```
+
+After:
+```
+  [params.analytics]
+  ## Analytics parameters.
+  ### Supported so far: Vercel (Page Insights, Analytics)
+  ### And Google (Tag Manager, Analytics)
+
+  # controls vercel page insights - disabled by default
+  # to enable, just set to true
+  vercelPageInsights = false
+  vercelAnalytics = false
+  
+  # google analytics and tag manager. to enable, set "enabled" to true
+  # and add the tracking code (UA-something for analytics, GTM-something for tag manager)
+  [params.analytics.googleAnalytics]
+      code = "UA-XXXXX-Y"
+      enabled = true
+  [params.analytics.googleTagManager]
+      code = "GTM-XXXXX"
+      enabled = false
+```
+
+See the theme's [`exampleSite` hugo.toml](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/exampleSite/hugo.toml) file for an example configuration.
+
+### "Experience buttons" can be hidden
+
+A new configuration option has been added to the experience buttons. 
+
+Before:
+```
+experience:
+  button:
+    enable: true
+    icon: "icon-linkedin"
+    ## the url and text are localized, fill them in the i18n file
+    ## keys: experience_button, experience_button_url
+```
+
+After:
+```
+experience:
+  enable: true
+  button:
+    enable: true
+    icon: "icon-linkedin"
+    ## the url and text are localized, fill them in the i18n file
+    ## keys: experience_button, experience_button_url
+```
+
+## v1.4.9
+
+### Change 1: new translations keys
+
+Added for the color switcher in the footer
+- theme color switcher (`toggle_theme`) and themes (`theme_light`, `theme_dark`, `theme_auto`).
+
+### Change 2: css files refactor
+
+This version continues to align with Bootstrap extension capabilities.
+You will need to change the import of CSS files in your `config.toml` file, in the `Plugins` section.
+
+**Before:**
+```
+  # CSS Plugins
+  [[params.plugins.css]]
+  URL = "css/main.css"
+  [[params.plugins.css]]
+  URL = "css/custom.css"
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+
+  # JS Plugins
+  [[params.plugins.js]]
+  URL = "js/rad-animations.js"
+  [[params.plugins.js]]
+  URL = "js/sticky-header.js"
+  [[params.plugins.js]]
+  URL = "js/library/fontfaceobserver.js"
+
+  # SCSS Plugins
+  [[params.plugins.scss]]
+  URL = "scss/adritian.scss"
+```
+
+**After:**
+
+See that the `main.css` file is gone from CSS:
+```
+  # CSS Plugins
+  [[params.plugins.css]]
+  URL = "css/custom.css"
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+
+  # JS Plugins
+  [[params.plugins.js]]
+  URL = "js/rad-animations.js"
+  [[params.plugins.js]]
+  URL = "js/sticky-header.js"
+  [[params.plugins.js]]
+  URL = "js/library/fontfaceobserver.js"
+
+  # SCSS Plugins
+  [[params.plugins.scss]]
+  URL = "scss/adritian.scss"
+```
+
+Also, added new parameters in `config.toml`:
+
+```
+# theme/color style 
+[params.colorTheme]
+
+## the following configuration would disable automatic theme selection
+#  [params.colorTheme.auto]
+#    disable = true
+#  [params.colorTheme.forced]
+#    theme = "dark"
+
+## the following parameter will disable theme override in the footer
+#  [params.colorTheme.selector.disable]
+#  footer = true
+
+
+## by default we allow override AND automatic selection
+```
+
+## v1.4.5
+
+This version has aligned more the custom CSS with Bootstrap's extension capabilities.
+You will need to change the import of CSS files in your `config.toml` file, in the `Plugins` section.
+
+**Before:**
+
+```
+  # CSS Plugins
+  [[params.plugins.css]]
+  URL = "css/main.css"
+  [[params.plugins.css]]
+  URL = "css/adritian.css"
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+  [[params.plugins.css]]
+  URL = "css/custom.css"
+
+  (...)
+  
+  # SCSS Plugins
+  [[params.plugins.scss]]
+  URL = "scss/menu.scss"
+  [[params.plugins.scss]]
+  URL = "scss/bootstrap/bootstrap.scss"
+```
+
+**After:**
+(note that `adritian.css` gets moved to the `scss` section, and it's not needed to import `bootstrap.scss` or `menu.scss` manually - as they are not included in `adritian.scss`)
+```
+  # CSS Plugins
+  [[params.plugins.css]]
+  URL = "css/main.css"
+  [[params.plugins.css]]
+  URL = "css/custom.css"
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+
+  # JS Plugins
+  [[params.plugins.js]]
+  URL = "js/rad-animations.js"
+  [[params.plugins.js]]
+  URL = "js/sticky-header.js"
+  [[params.plugins.js]]
+  URL = "js/library/fontfaceobserver.js"
+
+  # SCSS Plugins
+  [[params.plugins.scss]]
+  URL = "scss/adritian.scss"
+```
+
+## v1.4.0
+
+This version switches from the legacy, "embedded" Boostrap based on v4.3.1 (from the [original codebase](https://github.com/radity/raditian-free-hugo-theme/blob/daa341d4156986787611a01d075ca94233ff4d3b/static/css/main.css)) to the Scss-based version, [v5.3.3](https://getbootstrap.com/docs/5.3) (ast per december'24).
+
+This requires some small adjustments in the `config.toml` file.
+
+### Add build stats
+Add the following:
+```
+[build]
+  [build.buildStats]
+    disableClasses = false
+    disableIDs = false
+    disableTags = false
+    enable = true
+```
+
+### Add new `adritian.css` file
+
+Add the following, under the `params.plugins.css` section:
+
+```
+  [[params.plugins.css]]
+  URL = "css/adritian.css"
+```
+
+### ⚠️ Setup boostrap as Scss
+
+Add the following, under the `params.plugins.scss` section:
+
+```
+  [[params.plugins.scss]]
+  URL = "scss/bootstrap/bootstrap.scss"
+```
+
+See the contents of the [PR #94 in the demo site](https://github.com/zetxek/adritian-demo/pull/94/files) as an example.
+
+## v1.3.4
+
+In `config.toml`, replace
+```
+  [[params.plugins.css]]
+  URL = "css/rad-icons.css"
+```
+by 
+```
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+```
+
+In your config/content files, replace:
+- `icon-linkedin-fill` by `icon-linkedin`
+- `icon-smile-fill` by `icon-user`
+- `icon-arrow-right` by `icon-circle-arrow-right`
+- `icon-mail-fill` by `icon-email`
+
+
+## v1.2.x to v1.3.x
+
+In `v1.3.x`, the [support for internationalization was added](https://github.com/zetxek/adritian-free-hugo-theme/pull/78).
+This means that some of the content previously managed in the `homepage.yaml` file is now managed in `i18n/{language}.yaml`.
+
+For example:
+- the main page title was managed in `homepage.yml`:`showcase.title`, now it's managed in `i18n/{language}.yaml`:`logo_text1`
+- the page logo was managed in `hugo.toml`:`params.logo` (`text1` and `text2`), now it's managed in `i18n/{language}.yaml`:`logo_text1` and `logo_text2`.
+
+The reason for the change is to allow overriding almost any string in the theme in different content translations. 
diff --git a/themes/adritian/archetypes/blog.md b/themes/adritian/archetypes/blog.md
new file mode 100644
index 0000000..2f58f46
--- /dev/null
+++ b/themes/adritian/archetypes/blog.md
@@ -0,0 +1,14 @@
++++
+title = "{{ replace .Name "-" " " | title }}"
+date = {{ .Date }}
+draft = true
+featured = false
+weight = 100  # Lower weight appears first in featured sections
+description = ""
+[images]
+    featured_image = ""  # Path to the featured image
+tags = []
+topics = []
++++
+
+Add your content here.
\ No newline at end of file
diff --git a/themes/adritian/archetypes/client-work.md b/themes/adritian/archetypes/client-work.md
new file mode 100644
index 0000000..ec3db98
--- /dev/null
+++ b/themes/adritian/archetypes/client-work.md
@@ -0,0 +1,15 @@
+---
+date: '{{ .Date }}' # date in which the content is created - defaults to "today"
+title: '{{ replace .File.ContentBaseName `-` ` ` | title }}'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    logo:
+        src: "" # example: "images/clients/asgardia.png"
+        scale: 0.5
+
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/archetypes/default.md b/themes/adritian/archetypes/default.md
new file mode 100644
index 0000000..ac36e06
--- /dev/null
+++ b/themes/adritian/archetypes/default.md
@@ -0,0 +1,2 @@
++++
++++
diff --git a/themes/adritian/archetypes/experience.md b/themes/adritian/archetypes/experience.md
new file mode 100644
index 0000000..238d674
--- /dev/null
+++ b/themes/adritian/archetypes/experience.md
@@ -0,0 +1,15 @@
+---
+date: '{{ .Date }}' # date in which the content is created - defaults to "today"
+title: '{{ replace .File.ContentBaseName `-` ` ` | title }}'
+draft: false # set to "true" if you want to hide the content 
+jobTitle: "" # job description/title. Fill-in
+company: "" # name of the company you worked for. Fill-in
+location: "" # place/city/country for the experience. Fill-in.
+duration: "" # from-to, for example "2022-2024". Fill-in.
+
+## For the content, you can use a title and a job description.
+## For example:
+# ### Fixing the world, one byte at a time
+# The beginning of a great career. 
+# 
+---
diff --git a/themes/adritian/archetypes/projects.md b/themes/adritian/archetypes/projects.md
new file mode 100644
index 0000000..ac5de97
--- /dev/null
+++ b/themes/adritian/archetypes/projects.md
@@ -0,0 +1,16 @@
+---
+date: '{{ .Date }}' # date in which the content is created - defaults to "today"
+title: '{{ replace .File.ContentBaseName `-` ` ` | title }}'
+draft: false # set to "true" if you want to hide the content 
+logo_x: "" # example: "images/clients/asgardia.png"
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    button:
+        icon: ""
+        btnText: ""
+        URL: ""
+    image:  
+        src: ""
+## The content is used for the description of the project
+---
diff --git a/themes/adritian/archetypes/testimonial.md b/themes/adritian/archetypes/testimonial.md
new file mode 100644
index 0000000..c6f4772
--- /dev/null
+++ b/themes/adritian/archetypes/testimonial.md
@@ -0,0 +1,15 @@
+---
+date: '{{ .Date }}' # date in which the content is created - defaults to "today"
+title: '{{ replace .File.ContentBaseName `-` ` ` | title }}'
+draft: false # set to "true" if you want to hide the content 
+
+name: "" # place/city/country for the experience. Fill-in.
+position: "" # from-to, for example "2022-2024". Fill-in.
+
+params:
+    logo:
+        src: "" # example: "images/clients/asgardia.png"
+
+## For the content, you can use markdown
+##
+---
diff --git a/themes/adritian/assets/css/adritian-icons-codes.css b/themes/adritian/assets/css/adritian-icons-codes.css
new file mode 100644
index 0000000..ff67818
--- /dev/null
+++ b/themes/adritian/assets/css/adritian-icons-codes.css
@@ -0,0 +1,34 @@
+
+.icon-threads:before { content: '\e800'; } /* '' */
+.icon-bluesky:before { content: '\e801'; } /* '' */
+.icon-x-twitter:before { content: '\e802'; } /* '' */
+.icon-email:before { content: '\e803'; } /* '' */
+.icon-tiktok:before { content: '\e804'; } /* '' */
+.icon-search:before { content: '\e805'; } /* '' */
+.icon-user:before { content: '\f007'; } /* '' */
+.icon-table-list:before { content: '\f00b'; } /* '' */
+.icon-download:before { content: '\f019'; } /* '' */
+.icon-circle-info:before { content: '\f05a'; } /* '' */
+.icon-square-twitter:before { content: '\f081'; } /* '' */
+.icon-square-facebook:before { content: '\f082'; } /* '' */
+.icon-linkedin:before { content: '\f08c'; } /* '' */
+.icon-square-github:before { content: '\f092'; } /* '' */
+.icon-circle-arrow-left:before { content: '\f0a8'; } /* '' */
+.icon-circle-arrow-right:before { content: '\f0a9'; } /* '' */
+.icon-circle-arrow-up:before { content: '\f0aa'; } /* '' */
+.icon-circle-arrow-down:before { content: '\f0ab'; } /* '' */
+.icon-quote-left:before { content: '\f10d'; } /* '' */
+.icon-face-smile:before { content: '\f118'; } /* '' */
+.icon-square-arrow-up-right:before { content: '\f14c'; } /* '' */
+.icon-youtube:before { content: '\f167'; } /* '' */
+.icon-square-xing:before { content: '\f169'; } /* '' */
+.icon-stack-overflow:before { content: '\f16c'; } /* '' */
+.icon-instagram:before { content: '\f16d'; } /* '' */
+.icon-dribbble:before { content: '\f17d'; } /* '' */
+.icon-behance:before { content: '\f1b4'; } /* '' */
+.icon-file-pdf:before { content: '\f1c1'; } /* '' */
+.icon-codepen:before { content: '\f1cb'; } /* '' */
+.icon-yelp:before { content: '\f1e9'; } /* '' */
+.icon-medium:before { content: '\f23a'; } /* '' */
+.icon-meetup:before { content: '\f2e0'; } /* '' */
+.icon-cloud-arrow-down:before { content: '\f381'; } /* '' */
diff --git a/themes/adritian/assets/css/adritian-icons-embedded.css b/themes/adritian/assets/css/adritian-icons-embedded.css
new file mode 100644
index 0000000..6b72475
--- /dev/null
+++ b/themes/adritian/assets/css/adritian-icons-embedded.css
@@ -0,0 +1,92 @@
+@font-face {
+  font-family: 'adritian-icons';
+  src: url('../fonts/adritian-icons.eot?16785017');
+  src: url('../fonts/adritian-icons.eot?16785017#iefix') format('embedded-opentype'),
+       url('../fonts/adritian-icons.svg?16785017#adritian-icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'adritian-icons';
+  src: url('data:application/octet-stream;base64,d09GRgABAAAAACe0AA8AAAAAPvQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAARAAAAGA+I1WmY21hcAAAAdgAAAFiAAAD4KlucmhjdnQgAAADPAAAAAsAAAAOAAAAAGZwZ20AAANIAAAG7QAADgxiLvl6Z2FzcAAACjgAAAAIAAAACAAAABBnbHlmAAAKQAAAGTwAACRmSc7U42hlYWQAACN8AAAAMwAAADYsT0JBaGhlYQAAI7AAAAAgAAAAJAgrBE5obXR4AAAj0AAAAEEAAACIfqj/5mxvY2EAACQUAAAARgAAAEaS5YncbWF4cAAAJFwAAAAgAAAAIAF7DzRuYW1lAAAkfAAAAZEAAAMVSwPRhXBvc3QAACYQAAABJwAAAdgEmRWJcHJlcAAAJzgAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgYd7FOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGA68YPjcyBz0P4shinkNwzSgMCOKIiYAm3ENUnic3ZI7TgMxFEXPkPAN4f9J+KenoI4QBUrJCthAFAmWkCKpqVKzgEBaNkDNJiiH7r2wgHCdN0II0aTF1pkZW34j2/cA80BJnIsyzLXI9EV2pdlsOl9iZTpfzrY0vuBM6zbyeVu0itXt1vr2YAMbedVrfuNt7/i9d/3FX/3NP8bN8ftnbzKBnO+K3rRi+KPi7q+KmVqmnTW/++W0X//orV89VczpbGXdwAKLLLGsc1ZYpcoa62ywyRbb7LDLHvvUqHPAIUccc8KpbqGhXyzMuMv/2FbTI3ssRo2UdJD8yQt01+QFybe8IDmXFyQX8wJlIl8C0rsSKCesHigx7DZIjlovIK3tB2l39hAoWWwQKGNsGCht7ClQ7thzIAOwUSAX8GogK/BaID/wm0Cm4O1AzuCdQPbgdwGp7j6QUXg3kFv4SyDL8NdAvuFvgczDPwI5yLgZyEbG74G85LMX0PgC34umYwAAeJxjYEAGAAAOAAEAeJytV2tbG8cVntUNjAEDQtjNuu4oY1GXHckkcRxiKw7ZZVEcJanAuN11brtIuE2TXpLe6DW9X5Q/c1a0T51v+Wl5z8xKAQfcp89TPui8M/POnOucWUhoSeJ+FMZSdh+J+Z0uVe49iOiGS9fi5KEc3o+o0Eg/mxbTot9X+269TiImEaitkXBEkPhNcjTJ5GGTClrVVb1JRS0HR8XlmvADqgYySfyssBz4WaMYUCHYO5Q0qwCCdECl3uGoUCjgGKofXK7z7Gi+5viXJaDyR1WnijVFohcdxKMVp2AUljQVPaoFEeujlSDICa4cSPq8R6XVB6NrzlwQ9kOqhFGdio14960IZHcYSer1MLUJNm0w2ohjmVk2LLqGqXwkaZ3X15n5eS+SiMYwlTTTixLMSF6bYXST0c3ETeI4dhEtmg36JHYjEl0m1zF2u3SF0ZVu+mhB9JnxqCz243iQxuR4cZx7EMsB/FF+3KSylrCg1Ejh01TQi2hK+TStfGQAW5ImVUy4EQk5yKb2fcmL7K5rzedfEknYp/JaHYuBHMohdGXr5QYitBMlPTfdjSMV12NJm/cirLkcl9yUJk1pOhd4I1GwaZ7GUPkK5aL8lAr7D8npwxCaWmvSOS3Z2nm4VRL7kk+gzSRmSrJlrJ3Ro3PzIgj9tfqkcM7rk4U0a09xPJgQwPVEhkOVclJNsIXLCSHpwsixlUitSresirkzttNV7BLul64d3zSvjUNHc7OiGEKLq+rxGor4gs4KhZAG6VaTFjSoUtKF4DU+AAAZogUe7WK0YPK1iIMWTFAkYtCHZloMEjlMJC0ibE1a0t29KCsNtuKrNHegDptU1d2dqHvPTrp1zFfN/LLOxFJwP8qWlgJyUp8WPb5yKC0/u8A/C/ghZwW5KDZ6Ucbhg7/+EBmG2oW1usK2MXbtOm/BTeaZGJ50YH8HsyeTdUYKMyGqCvFCQd0ZOY5jslXTIhOFcC+iJeXLkOZRfnOIcOLL5D+XLjliUVSF7/scgWWsOWm2PO3Rp577NMK1Ah9rXpMu6sxheQnxZvk1nRVZPqWzEktXZ2WWl3VWYfl1nU2xvKKzaZbf0Nk5lp5W4/hTJUGklWyR8w7flibpY4srk8WP7GLz2OLqZPFjuyi1oAvemX7CqX9bV9nP4/7V4Z+EXU/DP5YK/rG8Cv9YNuAfy1X4x/Kb8I/lNfjH8lvwj+Ua/GPZ0rJtCva6htpLiUTTc5LApBSXsMU1u67pukfXcR+fwVXoyDOyqdINxY39iQyXvX92nOJsvhJyxdEza1nZqYURmiJ7+dyx8JzFuaHl88by53Ga5YRf1Ylre6otPC9W/iX4b+uO2shuODX29SbiAQdOtx+XJd1o0gu6dbHdpI3/RkVh90F/ESkSKw3Zkh1uCQjt3eGwozroIREePnRdvEgbjlNbRoRvoXet0EXQSminDUPLZoVP5wPvYNhSUraHOPP2SZps2fOoovwxW1LCPWVzJzoqybJ0j0qr5adinzvtDJq2MjvUdkKV4PHrmnC3s69SKUgGisp4VLFcClIXOOFO9/ieFKah/6tt5FhBwza/WDOB0YLzTlGibE+toIkgGWUUXPkrp+JENqLBRhTxm3fSL3WhENrjWEjMllfzWKg2wvTSZIlmzPq26rBSzuKdSQjZGRtpEntRS7bxoLP1+aRku/JUUKWB0d3j3y42iadVe54txSX/8jFLgnG6Ev7AedzlcYo30T9aHMVtuhhEPRdvqmzHrWzdWca9feXE6q7bO7Hqn7r3STsCTbe8Jync0nTbG8I2rjE4dSYVCW3ROnaExmWuz1Ub+RQfaL51nQtU4fq0cPPs+ds6m8FbM97yP5Z05/9VxewT97G2Qqs6Vi/1OLezgwZ8yxtH5VWMbnt1lccl92YSgrsIQc1ee3yN4IZXW3QTt/y1M+a7OM5ZrtILwK9rehHiDY5iiHDLbTy842i9qbmg6Q3Ab+uRENsAPQCHwY4eOWZmF8DM3GNOB2CPOQzuM4fBd5jD4Lv6CL0wAIqAHINifeTYuQdAdu4t5jmM3maeQe8wz6B3mWfQe6wzBEhYJ4OUdTLYZ50M+sx5FWDAHAYHzGHwkDkMvmfs2gL6vrGL0fvGLkY/MHYx+sDYxehDYxejHxq7GP3I2MXox4hxe5LAn5gRbQJ+ZOErgB9z0M3Ix+ineGtzzs8sZM7PDcfJOb/A5pcmp/7SjMyOQwt5x68sZPqvcU5O+I2FTPithUz4Hbh3Juf93owM/RMLmf4HC5n+R+zMCX+ykAl/tpAJfwH35cl5fzUjQ/+bhUz/u4VM/wd25oR/WsiEoYVM+FSPzpsvW6q4o1KhGOKfJrTB2Pdo+oCKV3uH48e6+QUl2gFBAAAAAAEAAf//AA94nKV6D3Qcx3nfzOzs7v2/vbvd2/t/t7e4OxwXwBF3uFuCIA5HAARA4ASCFAwRNAWAFP8jlAjRJsPqUSRFUhTFOKz6KsW1KVVlUz1GT/FjUkeSZaVy4tipkriKnxu3lprKshs3ad5T+/pkP5VPWPabvYNEWZLbl+xhd3Zmdma/75vvz++bBSII3f4rboI7gybQHE5P3XTN7GyoESyIw5ujHC/0Yyc/t62vizpctBmfuun+rG4ndH/mwPn51sQmcjkdTteDCCMiYnIYiUjgReEw4pHTxTsPIweinIMeRhxC3DziOLQHbtD29ot7PznOhZ2OXzXwH/zK+fmGNHv3jplwX1+4mC/U+t1C2sDlsAo/QRQMnC9Aq1kzK6xJZDVoFlmlbNZxuypAmYenVCgMnBXEgj1A5+G5Ojbzelb0YZU8RgQ6p0ek0X2/T763vETI0vL3yBv3m9EZ2Zi7cWO2SUhz9sYTzZJHChmeXGX3mLlJIPftHDId4eQgifYroxtXyKt+bH2fpLXpLc5Cj89Xr1D8fUqK07WvjB8il0794AenLhFyaXghNFk9TMjhvS/+wd4jeGb9gZwRne5tUKobWyd2ObBoRHUlU5ojwvce7QgEibnTRWhvAiGmK/+K7ueuI4qayPEHWQ9BpGxgvRAuMz7ZD9hR5BRmUjJrZROqoqCGmZyqarjVWmUPZqtZGMWqZp1U+6DJFheXJEHB8d+Ku3bu2929LhyXXF4hMze7R3BReeExSg6e+KdGMeyW9dzo+KklsrmxQFwOwSHsnZ1LC16XFA/t2r1v5zxeoOT8zNFjk3Uq+H31WPjs+chiXncRQj3Dw1tOrpR379pBCjPTTUk6cGB0rFD0EDhcen4xcv5sONrweh31yWNHbZ5BHV7iGsiLQmhDo+p1iZRSHjd9mOIp0KpJDiPEU8QfRBRjeg+iFC8SuMPbAnIQDkFIGLiiV5xYc2MdrnFWwzp5//HHH7f+I95j/f2P3r+CR6wXcPw7vz89PW0Fd3AN63csA8etv8EP4D+0Vq0i+Q2QOhzUS14F3ZVQFGVQshGTQ0EfR7CIEW4iIOciwvhEl0mEiFENmE6cD9UqWlnFflzCTqyaWNC1rBOHlYAscvhu62u0W3RxTzid1gvd8/Pd1u/iz124gD/ncH7wgIM8gndwXJ00QtZ/tb7pI+c4zvrrjq1bO6yjeHx52foGB9Rlna7VbzndQBq+/f7tG9wy9wwqIKPRGSCgHrgZxGgrwgRfZLIk8wha9zC5bi/ktYzECSrYRSEgw+LbCmQya1HyTBlk1baSQqBi36nc8sXlY/cuvTra8LhKvXM77+sxjFQ8nuoydm/AL1BldnCM0Kb1bw48m8uubzb3LO3a2W14bvokb6Gwu5jzSZnJXvI7Svi+/oK9rEyf3yHvk7eQhnpRqdEVEAjiQIwgy0ehl3Lkk35BMZK5LC/EDezDejZf8INAs/lq3xDpwdU+sPwyo1WRRSGXwpVyHff14CwzijC5UTxQ6723s/KIEkl1+889nMkWcmefbAzl87Js/YtoQ+ve1lOa/vy2Ugyj4rps5vQj/lIqFnqkkl8oTzWGpgq5oc2TG8p9HZFYz7Z7p+HZ7myjzccRkPvdyIOyqNooMwYuCuDw0EUqEsKTi4jn+IvAxAmfFyMtk06qsjfry4oC8mCPQwjDGvTgPiA+hWVwSFAkscw0JT/ImgdwuGziF0ePj4wcf4xdlsd/fdwsrG4vmOOnxjNj/2wLXmj3wKUObdBjFrazzgx4XHT759zfckvIjxQUB2kXUDeqoEON/WHMZbHYg93cFKi2j3CwAAd5TBx+IgpEPOjEgkcibpfgPujFLoxd90DhwosIKts6OxMJSaqUe9d3dnd2dxmFfK4joSWAvXgsGpEUSQlXywEhagTA1WrglALgjbQeXAgpVaVSLXKKxn/KHRmrknerYwTK1SCUp0+TFcuD32PnavCzKuSnfeP2kKutoWTl9C8ftisBWbwIsngG7LeETDTZGI8KhOJaX5njRdIyYY55j4uCg1BCwWxEWD+R58V5JIr8IuJFfls81t21rlPPxErxUjisBJ1CzMB9+aygBgp5WFY5DSs2BLNCzY954FsB/jWQQxX410UhW8IQgwSIWzVS6ah14KtyWQ4EbsH1VjAI19+0JtuMtGXxnV2FfbmdxGFQasDJLcX1bMLKPREItMbcCvWFAoEnniLjfUOtEUN9E3hnLrfzfmqso3Sd8XH+Q2gd6MDuxnwmTjha7CACBDkZHMUUW1wR4tBabD6IOFAJgSMHkYCQcA8SBLTHiaGyvcvAaH3JqHRVgFEtlYxG1LDbiUI45Aal5oHfmlRYi82CpKZwCHxvVc+34rBSYTJgtVA5LAvZfB3j9y7/ZHx4eHxl5fLllRV295OBEhyM7QWD+ll5DS6n4h0gNpKZJOe/eBILJ7840iCkMfLFk9atk188j+dO21IyXmgVBv6KXmMD1vzOz8FemT1sQvONuU0bN9T6Sl26gxcyKUJ5UANeoAJPzwL/AuUeRhxj/2Fw8gBeEIAXiC+2K2WWQPA2jCq9+RxovRqWnQLyYx+z6RAse6C97AFYdk5m4ThfqJTNLIgkbPbgQRxm0KRaM+E5ACphtWYKIjtPr6lxq2wUjesnHphL7x4xMponkTQGYlpckojUe2nGNTm0Qe/O+YsFPZ7jlkABPjICUAHrlZ07Zu8nxDSjaiflXVvWEz8JpOKanhoYE0Z3ElJwKd1RKhUSTPvXZJNH042pIOZpCHMgEcBuHIZAd9aBMb4Aq48oj8A98xzHzyOe5xYFeI4DUWRSyUQ8FpYln8cN2E9AeZxz3SGOSkCvVqp5FbCcwgCYkMQVUQ9U2lJqM/7awYP4F9GGLBc2JaK/nbz0Qav5I/Zw8ssjH1AHvUKi8QHzy9ZP1/hlcbrNQwjFUA4Nof2NvSaGcNvM2/rtohx1cWeRyBFOJGdRCz8c9mDqxJxIuYMOwc2xJb7Hvllb5URclTdtrFX7KqWeYqeWjucSuWhEjqmxWtYL8R4XSVaAuK6GIeIDzgr05bFeAc4CXDbfVzOBYR9mLdVayyJUBToVYJxhWJHrXg2Sd1eDCT0YSJB344Ggvvqtc+fOnR9JG10prUhIkQhQJx5nb6/kJedPE/dQ72ImDb4gF1sNRsF/yFHybiy3GsTXrQX8prF5HTa0jGHl/7yga5Sk08Yb+Hp/tIjN/jmEnHfYwRz6PNqLDqFj6AR6GF1gseGRdXqUEm5EYqGgiTgHcXDkLMWEdxD+YeTi3bzLfdaD3QLvPgYydHDIwWC9IPLCYScgIizOQyEy6Yl42727d++9d+/8zrnP5ZVEKJmE2OBlkB6WXLvDUHLVFqy3rwyVgjvtsUGsKigMhYDcmPXkdSFcCadxCpuKrMo6czIwHGZhriZb6CvLrKhDHTKAsCIwaANSZjXIIO6oVcICt/yxyAGl9TSR+7sNSjIQBDxqnRZmO7lG2EMozRDD6PcJ/n7VF/STsEQlp0ue44i6d9MAITevPPYyJQMb9qk3fR4ZfCogW02AaxpkKUBAUUBniSDBHQU4DNiRg/KXgpf//m4vjUR39cYdakSjHRBzSZbTIqoj3rtLjVF3RtQVQSBBZ1AuYm6SEr++Y/bo5Zvw/stHZ3foD0HwYi8Q4HTA1Q8xjgqEU6FBoGGGrOAvAI205Q9bMUFBRaQ3Milm6E3WAdGPg+gHlm/jWjkWUygLdTZUzIhrGVc4w2AjBon6scaWSGOyLeG8yf3th055zUG3nPXqv9O0ROJxfJ25Z2vh8URC096Kx/Hzl1ceHBseHntw5fJjD66MjYyMrTyIL7DeK8yVP57V4vG3NG3Nj39EN2BxhDmAuSBRhnWBbIQ+pDjwEZnmR8RjWP8hrDFd05hGQNQW76CR3En7sE2vtWBwnIGvf0Tvh1Q+9iHl1kPxuJZ9nNF7hY36BL0hQGDZRjqdSsSiPAjWhrwXCTjVExi14if3GfET24INMOQQEG3ya+qnxEx8EUj4uMg+PVIyvuLxK8AXrAO+foUNA75+Bb0s0wFS26nOnfTiD6lUP6Qc22INsNAWMG0FEQpAb5vMy2uEf1xkNr3cM3dQ+RHtoDhZIHhNcYDgbJvgVq64TH4KGNdk+YQAXpuDuHVWxBx3gQLNGM1DgfAeHm7x9mpHpQpn2SGkbJBaYSikoDM2lApwoYBj0sFB4V/RRy7skwCLxKWeTJK0gxcrAJJ+Vs/7+y5wDPORVLrkbzdCgZ2f3s7Y4j9cCx/qANQyhmbQeGN0GjwjaA9wDqnTYReYOnhcKgB0g4CGKX8YTILD88A4t4dZ8faJ8ebU+MzEjB5d1xmLhGU3cI5Z+s82QuQUhoQpx2ykllHbzlYUMmwdc6xq9zDTFgWxnS2Chy2HQRTZfK4F4aCBe3x5aemHS0vLy9/64beWPzjxGSaFdymFnGnmCkpWS0Y1s396ur+WjSazWaJXAdolY1n8hYTe0QcSyeLnj73UX6v1v/Tjlx544OUHPsVL+KNyiJCQHE3G07qeShKSTOl6Ov4KAOUNWdwxzxBgPN7xMfyno+HGkBYkhMuk4qArEOjaOAdkxlQGEs97mMpwizzmELdNkjCSdElX2kBPYHp/R27D1EhlXrGCIWaZWGFSC+QLH6Y0bRf/KlPfl6z3mfpiB2ej1E9it7eYQVj/h1kwdvypbaIbDLqm63SCY7lcF/N9XUZnXgt6P74PsXg324cAb82SDrYVZP/sMBpmVsowl72mJtsUwlHC07I6UfqT2X87+yc9W1WXwEKU4FK39thNpYm1ptXLWCUvTERcTkKcrshE98bB0lLPwGD3hAKhirhcykT34EDPUmlwo3UF160/xvVn7NxjTe4pyL5OvJSPhTgWalrbiwVEIE0mDwKQpDxHH2ZqTz6+r4PYtk680dl6kjv7/3p0viFJUrfRkZVSUrJYLYuQjX4CcYAPBU2ulNPMf+km6LcO6VltiNQg7xY/iQ1W7woKS4MOeZffNUQXXNLfnBOCu/2uc8LJYs7l+3xQ+OVw/k0SfP5wkASXheeCm/8uQAJ/73xjqgENiCVUt39OWG7OIzcKIBUlYUVnG9vBzQJejWCUAqWcYjsaoYDk93kZpAaISsDjTtoaycIcJggfRCzg3wNJCV1EgC62sXRcz2oZhsZtLc3xOZE37atoXznRFEMmVySKphZJVQ9oAZ1ssB7BD1uPSPjMcesHuNv6QS82XNbT+D7r6TTeUx8aGvq7+mvWKXyJnc3Vt4m2+vY0+cNpPDQzM9Oc+cWtW7cGbwWee+65rb9NPJC4WX9asl6env4f1r/HG1p+rKUDXsjAc2grWkFfbbhTgNorCcIhAroQsLeaqQM56IMwwEF5x0GWcLDNicMuxqtI8GEkCoJ4D6TkwiJATgG0otwag87+/w+abyT9PowOLN191+aN64u6poR8UX8UkhYv9rrXQlornoGFcKA6LZDpwyHmAvvMWoVtOEGer7MNZhHSGRUSGpXZPvgACHuQCNQGcV+BE8DDsr025jhZ5tfXsryaWmntaoPeKeBa8YtLQ+AmzywtngFnObQ4tIOQHUN1dn1HKPVSyRtRJN9TE80jhYkvTeSOTE+wdZ9o/loOqoUjzQlCFqIDhQvmUG2kURyI+ij1RQeKjZHaUO3RPNQJs2BCrpDNdfsdZxaX6putq2RHfe1V+KFeSnsVyeuVmst3wYQTdx2Glx39NTY5O+BthTF4mzWxMeaFubyxjcXzZt1cm5+9sTA8Ai3DI8jef/ou95+5q2D3MfC43RCdN6Mp1NUobt1SHwAJltYVtJSqBP2/jC2cIvhYv40tfERMEbVOzB4CsuphiTTLEHxs+6pQC/P2orAmrhqumSrLtNV2QgCWwJ5R7fzrvUtvniPk7H959NKbj2AoX9lFfTeWpdBKv7mOO3S0usuz79vWFdeu6pM/DIYGNz0l/+JZbeXVysFr2o0zRpHuP3YUXyL54r6JrV7vAneVnHvrUnsmNuNfH32Syp6CUSn3DnoWjIVLPrWXui8u5CSyd7Jpfd1Dgsa4dm3nyvXRJ7qP30gZHl8t/OyKz+cW5q4i2x+AX9/P+Wz76EDr0DAax/0Ntw87wFHmsICnWhayjX1JAX0+C6HfIRxDLg91ux5kocGByEHkQF7e4T0CTpf3cfxBCfuQx+XzHERu7HTP+zFF2EnBabjdzr3I6XbuiE/dlGHamTumhb+H//HzNrZ/ypQeFz37D59zfr6RGxlJxkbGR8bHRjc3hgY39m+ore9ZV+wsZFKxjmRHrqB1BFimUquCqmgBlpCbfbmKXqkxXyoYOMQScaixNACcnxbqa8Ns2f6ExIAeJJVaLcegK/7OAjmz23oFz+wdm6DW7NWrV41kulz86r+G47kjkFpnyJesn+EYO4/Wh04eHx8lo1tOfr12ypPWtFPgeoj1pPvQARG/UTy0fytZnewtHXn0f5KgVOrqtN58jR4qh0P4h1usfSvTTUomJ79wcmyCPJ/1B+lpz+QhjjvUsqMXuddtPB5BBiqjUdREe9DZxukeLDlwU2afRCBkTIIKgQVRTC+2d/55ctHnIrzfSxwSD1m6hAKCFDgcwk4keJzCYRl7OM4zD4WH2xN0i1Dhto9t6epaWti9C1L2u7dPT23d0hxrbq6b1a5yVzmSzXUouqZnFcjh7f1dRQ6blYAdWG3IzMTLgbzbGTnkq2Cx1ZrK8i9dMaGH+TzF7mt3VO0ee2eQDWgXbBxDx/3ZxC3rCETUBRZV34U4c61er5cGCYPLaZIEwPd5hpDSb0FzIRElJJoo1Flrij3yKkkuMEw4NGRf2fOcBjPdindgWLWJPuu/2wH+1up2MlgqpZPEfvBW6qsMgy08TWLxwml7Wmh7nyRPJ8k332QzJ0mdXezJQZXR7a8BTn8O1iiK0rYFr0c1NICURnDArPaWjGKuA3Q0Inupo2w4ubyI7U0jDGCR7RlBZObFElaqilgQ1YIqsrhtqmZBLZgqV1Wq7Xvur6wa/jOrpqqWKcv4dVXFfxayTDxj3cQzT70y943f0pfhwMdZ3br5W98wvsyOo688ZbeTA3i99Zd4vSRZf+lRrTfCXusNwLa93jDuVV//8Y9/vO+h1+F4aN/2CTisN9555537Hprav3//gQPWJdZx3wzrsHOT27duf538L+5Z8O9pwHVD6C7kb3imtmys9ORiIb+TLxsh4ASCG2R/LGuo45D9KXKIbST4GVDOQX/KBqOFfAnnhRz7linYXZDhmjXsw2oI/Hqgj7XPfvvb306A0X0/nOFcCTF3aGxWDviIA9ZIfQICEDaOHz/u6fQP5xwOUf5eWsfr9YYkhzynpKCU/n7I4Vq9HPC4/lzZxPnA8+PXFxcXpWTcUxEiobkZ2W91lCTi8YV+lPa4ws9KofBfvPzyy5LDZzblgCwMO7p/Nt3voyT4eyk14hgQQkF8w5WTrH+ZkHT8lOzzEtda/sy+x8ng2NahwcbGTj2TiEdUIJV9xYQJGFSHpIOCExR4YmNXVq6hVzUcDQYDkigkDYBmGq7qbqwrIMcApNFKpQqSrIYqISCpVe3BkGmY3PIHT5L/dP0LF56vMShev1l3k68EL2Ba+lkPJINE5OQP/jm55rLexppr2OG2PvC7J12uSbf/Hev38DbrPZ7SHqerGzsonnQAYPPcfu/216gT1heiMSDUNCBU9u1kCI2jo+i76D+guxszRzAl3/jdGwvgdO6HpHsnRjxtHsBkcoZ9fwRMsOaP7C0aHmArzGzvHLMPezza/t3vvPTiM9fOnD72wF1NBldNe3fOrPEMSoFWcDW28mqYs69st6lV59slbj9ntvsLa+PYvwsATCjIevsTp/2RM98GXyydZdArr7d7QN1YupQVFZ3tYDH9hMFMKVvpk62TAOvqnJ0Ky3ajrcswXaWmrKVZrQyrTcQfkQCkBcEgTsqeQDjkll4LEUGRifAjLSpn4MTvaUFVzwTD1tdUXyge9oXI/45Sh6oSsY+GgkSQA89G/eFkTAoXc/F6ZUA900/opvNGnGzWdEJLhbQ2U1xauOfQ9DQd9LlfcqWDHjchbl8w7iFCp6I5iOijvlA6TIWgW/Amoom4LxBRfIJbiRSSIZpIRjiH7KdBr0LJRpmGuiPU7fER2S153FTw+uKR3c50OJpLh+InZGAmJJBnJFX2wcn9EyEcIo5Q2Pr1UFqPyskcPgTcSGo+vRiKRnxKTLXedkQjBM7lIKFygAjXw0nGUNx6e/hL3TkyWugmtKAOGL3eUu/AxtLEllHpPi07mNw4uBzZOPBalAg0ENH13EhayYYBDDndVBJoBNJTjogel8enahNbu5ViLE6I7hjdvlHwUU/Q2Rer+DSH5irs6nb5adTRFUtF4550Iio56RPxDg0Yyq59E6I/gbwkhfpQT8NYX+o21mmZsF90sa/oa1/QyUWutUsXlDwuyM2SlO3TtTefq3Da2yQs6Mni2gYKZr6PqRWoUoBhjADTWBw9OTNNyYFZ7ubFnWPjRtfAzBHimdtgQsY4cWT1L65du6ZpT7PtgSYLQE1NS7jp9MzJhd/I+C/epKRojGfIkRldC44O7z4yMUbwGAxJJK6xHccmFuztsVvNREJD/xchYFtseJxjYGRgYABijfmPjsfz23xl4Gd+ARRheKL1Xw1G///yP4vlEfMyIJeDgQkkCgCHvA5nAHicY2BkYGAO+p/FwMDy6P+X//dZHjEARVCAEgCyRQeAeJxjfsHAwJzNwMCSCqSBbBZeEP//D6YfEHGQGBxno+EXWOSRzQPSTO8Q4jA7QJjp3f9fEPH/X1geMTAAAPfMHPIAAAAAAAAAARYBkAHWAiYCfgLiAzIDuAQ4BLoFSAWqBj4HQgeeB/YITgimCRQJugocCnYLAAt4DHINCA4WDugPYg/uEFIRxBIzAAAAAQAAACIAzwAMAAAAAAACACoAVwCNAAAAlQ4MAAAAAHicfZDNSgMxFIXP9EexhYIKrlxk5Q/itA5040ooWHBnF8VtnM5PyjSpmVToyrVP4d5XEF/FZ/F0GsQKdobMfPfcc5PcC+AAXwiwfvpcaw7QYbTmGnYx8Fynfue5QX7w3EQbqecd6k+eW7jAi+c2DvHOHYLGHqMpPj0HOA5OPdfQCQae69TvPTfIM89NHAWvnneov3luYRx8eG7jpLY/MPOlVVnuxNngXES9qC8el8JQUloWQi5cbmwpbkRqtEuKwoSxmcmJVU5Jfalio8tRki0KaTfFzWic2FIZLa7C3mZimOjESpdMVqeWz1nkXCpSa2bi1p8n5tZMk9iFuXPz62739z04coM5lrBQyJDDQeCM6jn/EXpcfdIjHYLOtUtBQ6KgIrFgRV5lSsY3XCkjTTWhoyCHiPmd0Tup6h2XpOOS/7jylhjRnXGvghm71bktN+Yuq3uoKha44tm9rRVDVuiqSlY3nvz0WuKZN4qoOna06spWXQjc/ulPcH6r3JRKTD2spuioXqPL9595fAPuipdEAAAAeJxtT9lygkAQpI0CYjwTc5/mmY9algG2WHZxj6h/H4xYFavSL1PTU909HQyCE5Lgf2wwwBWGGCFEhBhjJJjgGlPMMMcCS6xwg1uscYd7POART3jGC17xhnd84BMbfAWRqwyx3EaZ9GTrw3ifup1wjsyIGiZk6ETtdB1aYoZXQ2/JJI5lklIprItzvVNSs3zCheEdKVShZ3brmaGzz7xfC8Yp07qOpVA15UJN+0MpXOWzZe/AjNG7VFLhVheMEWXl5heUby9Fx2eSrdeOfvXJMTG1jZC07qPOupNbdNDe+Ywm/XUvVDmzjvE61d9kCql3Y6E6ojSsiXMjsqwrHmVUMcUpLjrjtM2LiOucWlLDA8k2bLpqvukGOd8uuNQ+//NeEPwAFfqK1wB4nGPw3sFwIihiIyNjX+QGxp0cDBwMyQUbGdidNjIwaEFoLhR6JwMDAzcSaycDMwODy0YVxo7AiA0OHREgforLRg0QfwcHA0SAwSVSeqM6SGgXRwMDI4tDR3IITAIENjLwae1g/N+6gaV3IxODy2bWFDYGFxcAlBwqBwAA') format('woff'),
+       url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+I1WmAAABUAAAAGBjbWFwqW5yaAAAAbAAAAPgY3Z0IAAAAAAAADA8AAAADmZwZ21iLvl6AAAwTAAADgxnYXNwAAAAEAAAMDQAAAAIZ2x5ZknO1OMAAAWQAAAkZmhlYWQsT0JBAAAp+AAAADZoaGVhCCsETgAAKjAAAAAkaG10eH6o/+YAACpUAAAAiGxvY2GS5YncAAAq3AAAAEZtYXhwAXsPNAAAKyQAAAAgbmFtZUsD0YUAACtEAAADFXBvc3QEmRWJAAAuXAAAAdhwcmVwfrY7tgAAPlgAAACcAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQDugGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOgA84EDUv9qAFoDrACWAAAAAQAAAAAAAAAAAAAAAAACAAAABQAAAAMAAAAsAAAABAAAAkQAAQAAAAABPgADAAEAAAAsAAMACgAAAkQABAESAAAAMAAgAAQAEOgF8AfwC/AZ8FrwgvCM8JLwq/EN8RjxTPFn8WnxbfF98bTxwfHL8enyOvLg84H//wAA6ADwB/AL8BnwWvCB8IzwkvCo8Q3xGPFM8WfxafFs8X3xtPHB8cvx6fI68uDzgf//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABADAAOgA6ADoAOgA6ADwAPAA8AEIAQgBCAEIAQgBCAEQARABEAEQARABEAEQARAAAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAGcAAAAAAAAACEAAOgAAADoAAAAAAEAAOgBAADoAQAAAAIAAOgCAADoAgAAAAMAAOgDAADoAwAAAAQAAOgEAADoBAAAAAUAAOgFAADoBQAAAAYAAPAHAADwBwAAAAcAAPALAADwCwAAAAgAAPAZAADwGQAAAAkAAPBaAADwWgAAAAoAAPCBAADwgQAAAAsAAPCCAADwggAAAAwAAPCMAADwjAAAAA0AAPCSAADwkgAAAA4AAPCoAADwqAAAAA8AAPCpAADwqQAAABAAAPCqAADwqgAAABEAAPCrAADwqwAAABIAAPENAADxDQAAABMAAPEYAADxGAAAABQAAPFMAADxTAAAABUAAPFnAADxZwAAABYAAPFpAADxaQAAABcAAPFsAADxbAAAABgAAPFtAADxbQAAABkAAPF9AADxfQAAABoAAPG0AADxtAAAABsAAPHBAADxwQAAABwAAPHLAADxywAAAB0AAPHpAADx6QAAAB4AAPI6AADyOgAAAB8AAPLgAADy4AAAACAAAPOBAADzgQAAACEAAgAA/9UDSAN/AEgAVgEfS7AKUFhAFxgBBgdCQRkDBQY5AQkFVk80LAQICgRMG0uwC1BYQBcYAQYHQkEZAwUGOQEJBVZPNCwECAkETBtAFxgBBgdCQRkDBQY5AQkFVk80LAQICgRMWVlLsApQWEA3AAoJCAkKcgABAAIHAQJpAAcABgUHBmkABQAJCgUJaQAIAAQDCARpAAMAAANZAAMDAGEAAAMAURtLsAtQWEAxAAEAAgcBAmkABwAGBQcGaQAFCgEJCAUJaQAIAAQDCARpAAMAAANZAAMDAGEAAAMAURtANwAKCQgJCnIAAQACBwECaQAHAAYFBwZpAAUACQoFCWkACAAEAwgEaQADAAADWQADAwBhAAADAFFZWUAQVFNSUBY0NBYpJic2OQsGHysBMhYXFhcWBgcGKwEmJyYnNjc2NzMWFxYXByYnJicGBwYHFhcWFzI3PgEnJicGBwYHBicmJyY2NzYXJicmKwEiBgcnNjczFhcjBRYXFj4BNyYjIgcOARcCiAIGBFYjGBBEZLICzWtgAgJga80Cz243GVAUK1aoqFRMAgJMVKiRTC8MEBMrDCUzXEY3PAYCY1g/NwgWHT0CGTkVRDpxArwPAf7RAh8hTkUJJy4ODj4zBAHRBAIpTjaaR2gCh3nT03mHAgKHQl4TSjVpAgJpYra1YmoBUDBmJSsZTjFABAQjK0lIWggBBysZIxUgL1YCBs2GJBESAjdYCgIEMRwAAAIAAP+hBGUDogAEAEwACLUiDAIAAjIrASMnFjInJicmJyYnJgcOARUUHgEXFhcWNzYyNwcOAQcGFxY2NzY3NRcWFxYXFjc2NSYnJiciNSInFjIXFjc2Nz4CNTQmJyYGBwYHBgMdAhIGCOQpWlhkXC0qFhsQCg0GIFZUYQYKBBReiAQCZ3aQKykWCxQjJURHeWACQUBeAgoIBggGYlRWHwYNChAbE1pcZFhZAV4EAoNQbXBKPgQGDw4+GhaAgxhfJiMKAgIEDEJCRXdxMlxaUgInUE5MEBBmZkRGJykMAgICAgojJl8Yg4AWGUANDQg+SnBtAAACAAAAAAO3A0AADQATADhANQ0KBwQEBAUBTA4BBAFLAAEASgMBAAAFBAAFZwAEAQEEVwAEBAFfAgEBBAFPERQSEhISBgYcKwEzIzMJASELASMJASEbATMjMwEjAviKior+1AFh/uvZ+IsBQ/6sARvFsk5OTv4SUgNA/qn+KwEb/uUBbwG9/v3+KQKMAAQAAAAABA0CvAAFABAAGQAgAB1AGhQTEg4DAgEHAQABTAAAAQCFAAEBdiw3AgYYKzURNwkBJhM2MyEyFwEPAS8BCQEXNwEGIyEiCQEWFREUBwMBU/6uBC0HCgORCQn+rC1ZWS3+rQFVhIQBVQgJ/G8IAoIBUgMDPgJAE/7e/rsOAoEDA/7dJElJJP5tAUdra/65AwFvASIJCv3ACQsAAAAB//j/qANrA54AJwArQCgRAgIAAgFMEgEASQABAgGFAAIAAAJZAAICAGEAAAIAUScmISAQAwYXKwEiJxEUBgcGJicmJyY3Njc2FxUmBwYHBhQXFhcWPgEnETMUFxYXFhcDa4VrcF1gvERADAovMVZYYy4rKx4bGx4sK1w4AawEFVQ9RgIETP6lZqAlIjBMTGFgWlgtKwywDhANJydcKSUOECBKMQKpFRZjOScCAAAAAAIAAP/hAvgC2wAhADEAL0AsEQYCAAMBTAABAAGGAAIABAMCBGkAAwAAA1kAAwMAYQAAAwBRFSsdJSIFBhsrAQ4BIyImJw8BBiMiJjU0PwIuATU0Nz4BMhcWFxYVFAcGJR4BMzI+ATQuASIOARUUFgKoKWY2MV0oM4IVGB4tD4F+ICInJYCVQD8mJhQU/pkZQCEtTy4vTltPLxoBACkqIiB9gg8vHhoTgjMmXjJLQD9LJyU/QUo4MjQkGBouT11OLi9OLSJAAAAAAgAA/2oDawNTAAwAIgA1QDIAAQABhQYBAAIAhQQHAgIFAoUABQMFhQADA3YODQEAISAfHRcUDSIOIgcGAAwBDAgGFisBIi4BND4BMh4BFA4BFzIeAR0BFAYjISImPQE0PgE7ARYyNwG2RHNDQ3OIc0NDc2tHeEc3J/1RJzdHeUcgRpJFAV5Dc4hzQ0NziHNDPkd5R1EnNzcnUUd5RyAgAAcAAP/1A+gDYAAPABUAGwAhACcALQAzAGhAZRYBAyIBBy4BCwNLAAAEDgIDAgADZwUBAggPAgcGAgdnCQEGDBACCwoGC2cNAQoBAQpXDQEKCgFfAAEKAU8oKBwcEBAzMjEwKC0oLSwrJyYlJBwhHCEgHxsaGRgQFRAVFjUyEQYZKxE+ATchHgEXEQ4BByEuAScTFTUVMzUpAxUhBRU1FTM1KQMVIQUVNRUzNSkDFSECRjUC7jVGAgJGNf0SNUYCfX0Ccf4MAfT+DAH0/RJ9AnH+DAH0/gwB9P0SfQJx/gwB9P4MAfQC4zRHAgJGNf2PNUYCAkY1AnF9fX19fX19fX19fX19fX19fQAAAAADAAD/tgPoA54AGQAvADcASkBHGQYCBAE2NDIDBQcCTAAAAQCFAwEBBAGFBggCBAIEhQACBwKFAAcFBQdZAAcHBV8ABQcFTxsaLSwqKCMgGi8bLxYWFRIJBhorATQmIgYXEScmIgcGFB8BFjI/ATY0JyYiDwEFDgEHFR4BFyE+ATc1LgEnIwcGIi8BBRYXBgcmJzYCMyQ2JAGPFDIUERH6FDIU+hISFDIUjv5KNUYCAkY1Au41RgICRjXFWidkJVgCCCsEBCsrBAQDYBsjIhz+JZERERQyFPoSEvoTNBMREZGWAkc0PzVGAgJGNT80SAFYJSVYbgQrKgQEKisAAAAAAwAA/7YD6AOeABMAKgAzAFxAWSAbAgMEKSQCBgICTBQBAgFLAAEKAQcIAQdpAAgABAMIBGcAAwUBAgYDAmcABgAABlcABgYAYQkBAAYAUSwrAQAwLyszLDMnJiIhHh0ZGBcWCwkAEwETCwYWKwU+ATc2ECcmJyYnBgcGBwYQFx4BEzMjMzUjJic2NzMWFxUzFhcGByMmJzYTMhYUBiImPgEB9IniR0JCR3FxiYlxcUdCQkfiOy8vLy8rBAQrXisEDysEBCucKwQEeRskJDYkAiBKAoN1dwEGd3VDQAICQEN1d/76d3WDAVZ9BCsrBAQrrAQrKwQEKysBmiM2JCQ2JAAAAAACAAD/9QNrA2AADwA8AFlAVjw6ODY0LywjCAUGIB4CBAUCTAAFBgQGBQSAAAQDBgQDfgADAgYDAn4HAQAABgUABmkAAgEBAlkAAgIBXwABAgFPAQAzMSYlGxoZFxYUCQYADwEOCAYWKxMOAQcRHgEXIT4BNxEuAScDFAcOAQcmJzMyNyInJicWNy4BPQEWFyYnJjU2Nx4BFyY2NxYXNjcGBzY3Bgd9NUYCAkY1AnE1RgICRjVAKSuidm9WH1xDKyAhDBwdKzsaIRsQEAIQMYdQCko/OCMtJQ8pJyMbJQNgAkc0/Y81RgICRjUCcTRIAf66WFJUbgICNzcZFygEBQpFMAIPAhEeGyEjHjtGBkRYAgInChUtGQQQJxwAAAEAAP/1A2sDYAAmAE5ASxIBBQQTAQMFAkwHAQIDAQMCAYAIAQEBhAkBAAAEBQAEaQAFAwMFWQAFBQNfBgEDBQNPAQAgHh0cGxoWFBAODAsKCQgGACYBJQoGFisTDgEHER4BFzMRIzUzNSYXMhYXFSYjIgcGHQEzByMRMz4BNxEuASd9NUYCAkY1v2dnAfYZQBQUJzwcGaQdh/w1RgICRjUDYAJHNP2PNUYCAR2YQ/wECASLAhkbOzeY/uMCRjUCcTRIAQAEAAD/9QNrA2AAEwAaACUAPwBlQGI3AQcDAUwmAQIBSwAKBAMECgOAAAcDAgMHAoAAAAAFBAAFaQwBBAkBAwcEA2cIBgsDAgEBAlcIBgsDAgIBXwABAgFPHBsXFDw6NjU0My8uKSghHxslHCUZGBQaFxo2Ig0GGCsBKQIiBhURFBcWMyEyNzY1ETQmASMzIxEzEQMiJjQ2NzIWFw4BASMzIzU2JyYnBgcGFxUjETMVMz4BMxYXFgcDLf0SAu79EhwjEhEcAu4bERIj/cCBgYGDQx8rLB4hKQICKQIGgYGBAgwJMTEQDQKDfQILPzFfIB8EA2AlGv0SGRQRERQZAu4aJf0SAaL+XgHaK0EqASshICv+JssnIyEEAh8fK88BojkZKQE3OVYAAAkAAP/1A2sDYAAPAFYAWwBiAGgAcAB2AH4AhABoQGWCKiMZBAIDQxACBwYCTAADCAIIAwKABAECBQgCBX4ACgULBQoLgAwBCwYFC3AAAAAIAwAIaQAFAAYHBQZpCQEHAQEHWQkBBwcBXwABBwFPXVxcYl1iWVhWVSYVHBMdHRY1Mg0GHysBLgEnIQ4BBxEeARchPgE3JTUmJzY3NjcmJzY3NicmBgcmIgcuAQcGFxYXBhUWFxYXBgcGIicmJyYjBhYzFh8BHgE3FRQXFCMmJyYnPgE3HgEXBgcGByInNDIUBgciJz4BFwYnJjYWFQYnJjc2FxYHBicmNhcWBicmNzYXFgcGJyY2MxYGA2sCRjX9jzVGAgJGNQJxNUYC/p0CFDktKwQCIAIEAgwXPgQnVCgDQBYMAgQEIAIrKzkOBg85Fw4SDwIWEAQQCQoUVgMCF2I8OwICsIuIuAQCOzhkF7AODBQGAgIMAgIhBgIMAh8EAgMGBAIEFQQIBAIGEAQCBAQCAgQOAwIDBAIC4zRHAgJGNf2PNUYCAkY1D24tDQQYGVoxGwgXGCEEJAEKCgIiAyEYFwgbMVoXGgQLIAcjFQYGAhIJEhQpAQNKBAIPI1JUbYmwAgKwiW1UUiN7BggCAgQEAgYEBAIIAgYEDwYCBAQGAgMXBgQEBgQWBAMCBAMCBBECBAQEAAACAAD/tgPoA54AFQApACNAIB4BAwIBTAAAAgCFAAIDAoUAAwEDhQABAXYUGhoVBAYaKwEmJyYnJiAHBgcGBxYXFhcWIDc2NzYBNhcWDwEhFhcGByEXFgcGLwEmNwPoAkBDdXf++nd1Q0ACAkBDdXcBBnd1Q0D9viEhHByKAaIrBAQr/l6KHBwhIdsbGwGqiXFyRkJCRnJxiYhycUZDQ0ZxcgGEHBwhIYsEKysEiiIhGxvbISEAAAAAAgAA/7YD6AOeABUAKQAdQBoAAQMBhQADAgOFAAIAAoUAAAB2FBoaFQQGGisRFhcWFxYgNzY3NjcmJyYnJiAHBgcGAQYnJj8BISYnNjchJyY3Nh8BFgcCQEN1dwEGd3VDQAICQEN1d/76d3VDQAJCISEcHIr+XisDAysBooocHCEh2xsbAaqIcnFGQ0NGcXKIiXFyRkJCRnJx/nsbGyEiigQrKwSLISEcHNshIQAAAAACAAD/tgPoA54AEwAnACJAHx8eHBoZBQABAUwAAQABhQIBAAB2AQALCQATARMDBhYrBT4BNzYQJyYnJicGBwYHBhAXHgEBFgcGLwERBgcmJxEHBicmPwE2FwH0ieJHQkJHcXGJiXFxR0JCR+IBhRsbISGLBCsrBIoiIRsb2yEhSgKDdXcBBnd1Q0ACAkBDdXf++nd1gwJCISEbG4v+XisEBCsBoosbGyEh2xsbAAAAAAIAAP+2A+gDngATACcAIkAfHx4cGhkFAQABTAIBAAEAhQABAXYBAAsJABMBEwMGFisBBgcGBwYQFx4BFz4BNzYQJyYnJgEmNzYfARE2NxYXETc2FxYPAQYnAfSJcXFHQkJH4omJ4kdCQkdxcf57GxshIooEKysEiyEhGxvbISEDngJAQ3V3/vp3dYMCAoN1dwEGd3VDQP2+ISIbG4sBoisEBCv+XosbGyIh2xsbAAAAAgAAAAADawLjABsANwAvQCwGAQIBAwECA4AHAQMDhAQBAAEBAFkEAQAAAWEFAQEAAVE1JDM1NSQzMggGHisRPgE3MzIWFAYnIwYHBgcVMx4BFxUOAQcjLgEnAT4BNzMyFhQGJyMGBwYHFTMeARcVDgEHIy4BJwKEZBAbJCQbEC4gHQJ9NUYCAkY1fTVGAgH0AoRkEBskJBsQLiAdAn01RgICRjV9NUYCAfhkhAMkNiQBAh4fLw8CRjV9NUYCAkY1AQlkhAMkNiQBAh4fLw8CRjV9NUYCAkY1AAAAAAUAAP+2A+gDngAOACQAPABGAFAAR0BETgEHBgFMAAIAAAYCAGkKCAIGCQEHBAYHaQAEAAUBBAVpAAEDAwFZAAEBA2EAAwEDUUhHTEtHUEhQIxkqKBoYFhQLBh4rATQmJyYiBw4BFB4BMj4BJTY3Njc2IBcWFxYXBgcGBwYgJyYnJiUWFxYXNjc2NzYXFgcGBwYHJicmJyY3Nic+ATIWDgEHIiYlMhYUBiImJz4BA4prYGDWYGBra8DWwGv8dgJAQ3V3AQZ3dUNAAgJAQ3V3/vp3dUNAAVoVJyU3NyUnFSIhHRkhNzlOTjk2IhkdIiICIzUkAiAdGiIBdBwjJDQkAQIiAapwtzk2Njm34Ldvb7hviXFyRkJCRnJxiYhycUZDQ0Zxcg8ZFBMCAhMUGR0bHyMjHh0CAh0eIyMfG7obIyI4IgEkWSM2JCQbGyQAAgAA//UDawNgAA8AIwBCQD8hEgICAyAeGwMBAgJMAAIDAQMCAYAAAQGEBAEAAwMAVwQBAAADXwUBAwADTxAQAQAQIxAjFRQJBgAPAQ4GBhYrAR4BFxEOAQchLgEnET4BNxcGBxYXMwEGFxY3ARUWFzY3ESYnAu41RgICRjX9jzVGAgJGNbwrBAQrt/74GxsiIQEIAysrBAQrA2ACRzT9jzVGAgJGNQJxNEgB2wQrKwT++SIhGxsBCMcrBAQrATgrBAAAAAIAAAAABEgDIQAnACwAHUAaLCsoJiESDQcBAAFMAAABAIUAAQF2X1MCBhgrASYnLgEnIw4BBwYHBgcGBxUWFxYXFhceARczPgE3Njc2NzY3NSYnJgEZAgUEMhdIL8RUs1TELkkXCgYEAgIEBgoXSS7EVLNUxC9IFwoGBAICBAb9iQEXAqxIGAoJAgIJChhILTo9L2AuOz0tSBUKCgICCgoVSC09Oy5gLz06/osBPv7CAT6eAAMAAP/1A2sDYAAPAB4ALwB2tyYaEwMDAgFMS7ALUFhAJwACBQMFAnIGAQMEBQMEfgAAAAUCAAVnAAQBAQRXAAQEAV8AAQQBTxtAKAACBQMFAgOABgEDBAUDBH4AAAAFAgAFZwAEAQEEVwAEBAFfAAEEAU9ZQBAQEC0rJCIQHhAdKTUyBwYZKwEuASchDgEHER4BFyE+ATclJj8BJyY3MzIfAQYHBiM3FxYHIyIvATY/AjY7ARYHA2sCRjX9jzVGAgJGNQJxNUYC/U0SBmA9CBRaDwo/BF4KEOWBBhJcDwqBBncpJQoOWxIGAuM0RwICRjX9jzVGAgJGNbsCEqppEgISawamEkHpEQIR6wnPS0ASAhIAAAYAAP/1AugDYAAFAAsAEQAXAB0AJwBUQFEFAQADAUwYAQAeAQICSxcWFRQTERAPDg0LCgkIBwQDAgETA0oFAQMAA4UAAAABAgABZwACBAQCVwACAgRfAAQCBE8nJiUkIyIhIB0cGxoGBhYrASUFJQcFNyUFJQcFByUFJQcFAwc3BxM3AykCFSEXKQI1IxEhESMCOP6CAX7+ghABf3P+0wEt/tMxASsK/p0BY/6dHwFhPj8/P+k+v/55AYf+eQGHTP3fAiH9304CvU4BP1BQUExQ9vr6+j36EaampkmkAgwvLy/+xy/+uE5O6v7IATgAAAUAAP/1A2sDYAANABkAJQBJAHEAm0ALHgEABDMcAgMAAkxLsBFQWEAxAAQIAAgEcgAFAAgEBQhnCQEAAAMCAANpCgECAAEHAgFpAAcGBgdXAAcHBl8ABgcGTxtAMgAECAAIBACAAAUACAQFCGcJAQAAAwIAA2kKAQIAAQcCAWkABwYGB1cABwcGXwAGBwZPWUAdDw4BAGZgU01BOjApIyEVEw4ZDxkIBgANAQ0LBhYrAQYHBgceARc+ATcmJyYDLgEnPgE3HgEXDgETBgcmJzQ3NjMyFxYXNCcmIyYrASIHIgcGFwYdARcGFxY3FhczNjcWNzY1Nj0BNCcDBgcOASsBIicmJyYnLgE9ATQ2NzY3Njc2FzMyFhcWFxYXFgcVFgcGAbZgP0ACAn9gX38CAkA/Xz9SAgJSPz5SAgJS4QYvMQQQDRgVEA6WSExqJ0iNSCVqTkgCBAQCSExsJUiNSCdqTEgCAl4ZOyeENz82Q0ApOxkOBAQOGTspQEM2PzaGJjsZDgIEAgIEAgKLAkE+YF9/AgJ/X2A+Qf6PAlI+P1ICAlI/PlIBezEEBDEVEA0NEExrTUgCAkhNaSdIjW1sTEgCAgICAgJITGwnRo1IJ/5IOhoNBAICDRo6KYM3PjeGJjsZDgIEAgQOGTsnQkM3PjdCQwAABwAA/8YD2AOPAA8AGgAjAC0ANwBBAEsALEApSUU+OzYzMi8qJyEeFxUSDwEAAUwCAQABAIUAAQF2AQAJBwAPAQ8DBhYrAQ4CBx4CFz4CNy4CFxYXLgEHJic2NzYnDgEHLgEnNhYFHgEXDgEnNjc2AzUWNjcXDgEHJhc+ATceARcGJyYlLgEnNhcWFw4BAfSH2oECAoDchofaggECgNy6WgQOqGsQE3E5NyoDaG01Wgxkw/6LClo1ldYSEz08lhT2oCFxvDNnnCGofyspBGVwbQGHAiYpZEhJDQ1eA48CgduHh9qCAQKA3IaH2oLdbZUEFAwnKzMyMT0MXitehw4XMQQLhV4lEAJiSkz+tAwCEitHIZxYcaJEkS1zqB4rDA42FqBxDg4LBlaPAAAABgAAAAAEZQMOAA0AGQAkACoAQgBHATlACw4BCAIBTCUBBgFLS7ARUFhATwAHAAYABwaAAAYCCAZwAAoMBAsKcgAAAAIIAAJnAAgADQUIDWoAAwAFDgMFZxABDgAMCg4MZwALAQkLWQ8BBAABCQQBZwALCwliAAkLCVIbS7AUUFhAUAAHAAYABwaAAAYCAAYCfgAKDAQLCnIAAAACCAACZwAIAA0FCA1qAAMABQ4DBWcQAQ4ADAoODGcACwEJC1kPAQQAAQkEAWcACwsJYgAJCwlSG0BRAAcABgAHBoAABgIABgJ+AAoMBAwKBIAAAAACCAACZwAIAA0FCA1qAAMABQ4DBWcQAQ4ADAoODGcACwEJC1kPAQQAAQkEAWcACwsJYgAJCwlSWVlAJUNDHRpDR0NHRkRBQD89Ojk4NjAuKikoJyAeGiQdJCUnISQRBhorATY1LgEHIREhMjc2NzQlMyMzNhcWFRQGKwETIzMjNTM2FwYHBgEpAjUhEzQnJicGBwYHFBcWFzI3IwYHBiMmJyE2JTY3FhcBxV4Cf1z+ugFQYkZIBP5Uj4+PKx0fMimbo6Ojo6ZqBAIfIAKN/uYBGv7mARptPj93c0dEAkRFd7Q2eQwfISF5AgFpAv6VC2hmBwHPKWhlSQL9SjEvaobvAhIQLywo/tq/BGgyFhMB1kX+ZHFOTAQCSkp0d0ZIAqoiDxIEfQxKaAMDaAAABwAA/7YDyQOeABMAGAArADIARABMAGEAgEB9LgEQCAFMFAEEAUsYAQBKAAAEAIUABAEEhQABAgGFAAIFAoUOCgIFDw0CCBAFCGkAEAARBhARaRMBCQAGDAkGaRQBDAMDDFkUAQwMA2ESCwcDAwwDUUZFLCxgXlxaWFZVU1FOS0lFTEZMQT43NSwyLDIYIiUkFSMhIyIVBh8rET4BNyEVFBY3MxEhDgEHESMuAScBIzMjNQMzIzMeARcGBwYHIxUGByYnNTYXNjcmJyMVNzMjMxYXFhcVBgcGByMmJzU2FzY3NSYnIxU3NjczFhcGByMVMxYXBgcjFQYHJicCRjUBOSIc+v5qNUYCXjVGAgLu+vr6nD4+Pi89AgIeHy8fAh0dAgJbKwQEKx/bPj4+JxwZAgIZHCc+HQICWx4CAh4fvAIdXh0CAh0/Px0CAh0/Ah0dAgMhNUYC+hskAf7mAUg0/ucCRjUCcfr9UQI9Ly8fHQI/HQICHfoemwQrKwRenQIaGyd9JxwZAgId+h74Ah19HQK72h4CAh4dAj4CHh0CXh0CAh0ACAAA/64D6AOmABMAGQAfACQAKgAwADYAOwAVQBI7NzUxLyspJSQgHhoYFA0ECDIrCQMmBwEGFREUFwEWNwE2NRE0JQUlBQcvARU1FQcnBxcnFwcBJQUlNxc3JxcnNxcDNRU1Nxc3JxcnNwPV/jYByv42Fxf+NxQUAckXFwHKE/43AVD+sAFQlrpWuZcja2trawFz/rABUP6wl7krmJiYmJhtupYja2trawJmATD+0AEwEBD+0AwX/s8WDf7PEBABMQ0WATEXyeDg4GR7ycnJyXtkUUhISEj+z+Hh4WN7S2VlZWZm/ofJycl7Y1BISEhIAAAAAAX/+v+0AvADoAAPAB8ALwA/AE0AD0AMS0U6My4lGhMPCQUyKxMXJxcWBwYPAQYmJyY3PgETFhcWNzY/ASYnJg8BBhcWJRcnFx4BNzY3NicmLwEmBiUmJyYHBg8BBhcWPwE2NzYBDgEXExY2NxE0JyYHBlTDw8McBAIf0RYgAwocByVoRlQUEQ4CCAIaGxeRDgIEAStzc3MMKA9CJQgIBxTNHyMBMCNAEBQTDHkQEhAf0RMICv2JEQwKyxU8Aw4QE3EByV9fXxAdGwwzBhgTVlAUD/4kLxACDA4T2R8MChagEBMWzLi4uBAIDjdMFBEUBkIILeZOOQ4EAhKxHhcYCDsGExIBqAolEP6fHBAjAZYUDg0CCgAAAAACAAD/qANrAxQAAwAqAD1AOigjIBwbGBcUEQ4NCgcEDgQCAUwAAAMBAgQAAmcGBQIEAQEEVwYFAgQEAV8AAQQBTxcWGRISERAHBh0rESERIQE1IwsBIxUXFgcRFg8BFTM1JyY3NRMzExEUBg8BFTM1Jy4BNxEmNwNr/JUC16J0hKo2CgICCj6wPgsCmhKEAQQv5i4DAwECBwMU/JQCnAr+3wEhCkIIC/78DwtKCgpKCw/h/rEBT/70BQQELgkKLQEIBAFKCAUAAAz/9P+uBAkDoAAHAA8AFwAfACcALwA3AD8ARwBtAMYAzgBTQFBqAQQCua2oXgQBBG4BAwFYAQAFBExmAQJKUAEASQACBAKFAAQBBIUAAQMBhQADBQOFAAUAAAVZAAUFAGEAAAUAUcbFt7aenH99cG9NTAYGFis3FgcGJyY3NgUGFxY3NicmAzYnJgcGFxYDJgcGFxY3NgE2JyYHBhcWBTYnJgcGFxYBBhcWNzYnJjcmBwYXFjc2JwYXFjc2JyYDFgYHBicOAScUIwcGJicmJyYnJjc2NyY3Njc2NzYXNhcWBxYXFgcmIyYnJicmNzY/ATYnLgEnIgcVIwYvASYnJg8BDgEnJi8BJgcGBwYHBg8BBhcWNxY3PgM3NhcWBxQGBwYHBhY3Nj8BNjc2MzYVDgEHBgcGBwYXFhceARcGFxY3NicmwQIREgYCEhIBHRQMERYTCxC/EwIGFRQCBtkhGRQgIRkUAfQhEhcjIBIW/q4XDhMbFg4TAvIZBAgXFwIHNAQTEgIGFBGgGQ8WHRoQFiklGz4zOxd/OQIEPIMrGwJBISMCBC8nHyFQKWBeV2hOTgQ9Dgu3Ch8SDAsCAgsOEhsMAgYoFSEIAgcOBA4THxYEBhILBg0cGRwbDhEYFQ4GCxUYJx0TBBwdGAMIFA8EEg0VBAI6FAQTLRgECwwOAhQLEAwLBAYNDhsYXAkfFhklHxMbdhQGAhITBgKeEBcUDhAXFAN6BhYTAggTFv54Ex8jGRQdJQFoFyMgEBcmH18TGRgOFRoX/t8IGRgCCBkYaxICBBQRAgaiFh0ZDxYdG/7fQo0tJQJEJy0CBCcXOysxDS8xOzovSEVEEGMhIj0dOj1rGDo7vxkCBgQRGCMjJUMfFSIWAQgCCQsEEAYEGAQGCgMCBwwKDA4XIUhJLRUpGhsCAiMIRFE6Bg4EDBIJNBozDiEIIQonWi0KDwQZCCwaHhkbDB8cGRAJBJEbJCEWGSUiAAAAAgAA//UE4gNgAB4ANAAuQCswLy0rKiEgFg8HCgACAUwAAQIBhQACAAKFAwEAAHYBABIQDAoAHgEdBAYWKwUmJyYnPgE3NT4BNxYXFhc2Mx4BFxQHFhcWFwYHBgcBFycXFj8BNicmDwERJicGBxEnJgcGARl3UE4EAmZUA7CFWEZHKyw7UGoCDFY4NwICRkhq/cycnJwhIZ0bGyIhTAQrKwRMISEcCwROUHdejCAPhbAEAikrRyACalAjIRJEQlxqSEYCAUacnJwcHJwhIRwcTAEGKwQEK/76TBwcIQAAAAABAAAAAQAAKJ/ix18PPPUADwPoAAAAAOQq/yYAAAAA5Cr/Jv/0/2oE4gOmAAAACAACAAAAAAAAAAEAAANS/2oAAATi//T/3wTiAAEAAAAAAAAAAAAAAAAAAAAiA+gAAANrAAAEZQAAA+gAAAQNAAADa//4AvgAAANrAAAD6AAAA+gAAAPoAAADawAAA2sAAANrAAADawAAA+gAAAPoAAAD6AAAA+gAAANrAAAD6AAAA2sAAARlAAADawAAAu4AAANrAAAD6AAABGUAAAPoAAAD6AAAAu7/+gNrAAAD6P/0BOIAAAAAAAABFgGQAdYCJgJ+AuIDMgO4BDgEugVIBaoGPgdCB54H9ghOCKYJFAm6ChwKdgsAC3gMcg0IDhYO6A9iD+4QUhHEEjMAAAABAAAAIgDPAAwAAAAAAAIAKgBXAI0AAACVDgwAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEADgA1AAEAAAAAAAIABwBDAAEAAAAAAAMADgBKAAEAAAAAAAQADgBYAAEAAAAAAAUACwBmAAEAAAAAAAYADgBxAAEAAAAAAAoAKwB/AAEAAAAAAAsAEwCqAAMAAQQJAAAAagC9AAMAAQQJAAEAHAEnAAMAAQQJAAIADgFDAAMAAQQJAAMAHAFRAAMAAQQJAAQAHAFtAAMAAQQJAAUAFgGJAAMAAQQJAAYAHAGfAAMAAQQJAAoAVgG7AAMAAQQJAAsAJgIRQ29weXJpZ2h0IChDKSAyMDI1IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21hZHJpdGlhbi1pY29uc1JlZ3VsYXJhZHJpdGlhbi1pY29uc2Fkcml0aWFuLWljb25zVmVyc2lvbiAxLjBhZHJpdGlhbi1pY29uc0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMgA1ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBhAGQAcgBpAHQAaQBhAG4ALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgBhAGQAcgBpAHQAaQBhAG4ALQBpAGMAbwBuAHMAYQBkAHIAaQB0AGkAYQBuAC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABhAGQAcgBpAHQAaQBhAG4ALQBpAGMAbwBuAHMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIgECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjAAd0aHJlYWRzB2JsdWVza3kJeC10d2l0dGVyBWVtYWlsBnRpa3RvawZzZWFyY2gEdXNlcgp0YWJsZS1saXN0CGRvd25sb2FkC2NpcmNsZS1pbmZvDnNxdWFyZS10d2l0dGVyD3NxdWFyZS1mYWNlYm9vawhsaW5rZWRpbg1zcXVhcmUtZ2l0aHViEWNpcmNsZS1hcnJvdy1sZWZ0EmNpcmNsZS1hcnJvdy1yaWdodA9jaXJjbGUtYXJyb3ctdXARY2lyY2xlLWFycm93LWRvd24KcXVvdGUtbGVmdApmYWNlLXNtaWxlFXNxdWFyZS1hcnJvdy11cC1yaWdodAd5b3V0dWJlC3NxdWFyZS14aW5nDnN0YWNrLW92ZXJmbG93CWluc3RhZ3JhbQhkcmliYmJsZQdiZWhhbmNlCGZpbGUtcGRmB2NvZGVwZW4EeWVscAZtZWRpdW0GbWVldHVwEGNsb3VkLWFycm93LWRvd24AAAABAAH//wAPAAAAAAAAAAAAAAAAAAAAALAALCCwAFVYRVkgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbkIAAgAY2MjYhshIbAAWbAAQyNEsgABAENgQi2wASywIGBmLbACLCMhIyEtsAMsIGSzAxQVAEJDsBNDIGBgQrECFENCsSUDQ7ACQ1R4ILAMI7ACQ0NhZLAEUHiyAgICQ2BCsCFlHCGwAkNDsg4VAUIcILACQyNCshMBE0NgQiOwAFBYZVmyFgECQ2BCLbAELLADK7AVQ1gjISMhsBZDQyOwAFBYZVkbIGQgsMBQsAQmWrIoAQ1DRWNFsAZFWCGwAyVZUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQENQ0VjRWFksChQWCGxAQ1DRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAiWwDENjsABSWLAAS7AKUFghsAxDG0uwHlBYIbAeS2G4EABjsAxDY7gFAGJZWWRhWbABK1lZI7AAUFhlWVkgZLAWQyNCWS2wBSwgRSCwBCVhZCCwB0NQWLAHI0KwCCNCGyEhWbABYC2wBiwjISMhsAMrIGSxB2JCILAII0KwBkVYG7EBDUNFY7EBDUOwAGBFY7AFKiEgsAhDIIogirABK7EwBSWwBCZRWGBQG2FSWVgjWSFZILBAU1iwASsbIbBAWSOwAFBYZVktsAcssAlDK7IAAgBDYEItsAgssAkjQiMgsAAjQmGwAmJmsAFjsAFgsAcqLbAJLCAgRSCwDkNjuAQAYiCwAFBYsEBgWWawAWNgRLABYC2wCiyyCQ4AQ0VCKiGyAAEAQ2BCLbALLLAAQyNEsgABAENgQi2wDCwgIEUgsAErI7AAQ7AEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERLABYC2wDSwgIEUgsAErI7AAQ7AEJWAgRYojYSBksCRQWLAAG7BAWSOwAFBYZVmwAyUjYUREsAFgLbAOLCCwACNCsw0MAANFUFghGyMhWSohLbAPLLECAkWwZGFELbAQLLABYCAgsA9DSrAAUFggsA8jQlmwEENKsABSWCCwECNCWS2wESwgsBBiZrABYyC4BABjiiNhsBFDYCCKYCCwESNCIy2wEixLVFixBGREWSSwDWUjeC2wEyxLUVhLU1ixBGREWRshWSSwE2UjeC2wFCyxABJDVVixEhJDsAFhQrARK1mwAEOwAiVCsQ8CJUKxEAIlQrABFiMgsAMlUFixAQBDYLAEJUKKiiCKI2GwECohI7ABYSCKI2GwECohG7EBAENgsAIlQrACJWGwECohWbAPQ0ewEENHYLACYiCwAFBYsEBgWWawAWMgsA5DY7gEAGIgsABQWLBAYFlmsAFjYLEAABMjRLABQ7AAPrIBAQFDYEItsBUsALEAAkVUWLASI0IgRbAOI0KwDSOwAGBCIGC3GBgBABEAEwBCQkKKYCCwFCNCsAFhsRQIK7CLKxsiWS2wFiyxABUrLbAXLLEBFSstsBgssQIVKy2wGSyxAxUrLbAaLLEEFSstsBsssQUVKy2wHCyxBhUrLbAdLLEHFSstsB4ssQgVKy2wHyyxCRUrLbArLCMgsBBiZrABY7AGYEtUWCMgLrABXRshIVktsCwsIyCwEGJmsAFjsBZgS1RYIyAusAFxGyEhWS2wLSwjILAQYmawAWOwJmBLVFgjIC6wAXIbISFZLbAgLACwDyuxAAJFVFiwEiNCIEWwDiNCsA0jsABgQiBgsAFhtRgYAQARAEJCimCxFAgrsIsrGyJZLbAhLLEAICstsCIssQEgKy2wIyyxAiArLbAkLLEDICstsCUssQQgKy2wJiyxBSArLbAnLLEGICstsCgssQcgKy2wKSyxCCArLbAqLLEJICstsC4sIDywAWAtsC8sIGCwGGAgQyOwAWBDsAIlYbABYLAuKiEtsDAssC8rsC8qLbAxLCAgRyAgsA5DY7gEAGIgsABQWLBAYFlmsAFjYCNhOCMgilVYIEcgILAOQ2O4BABiILAAUFiwQGBZZrABY2AjYTgbIVktsDIsALEAAkVUWLEOBkVCsAEWsDEqsQUBFUVYMFkbIlktsDMsALAPK7EAAkVUWLEOBkVCsAEWsDEqsQUBFUVYMFkbIlktsDQsIDWwAWAtsDUsALEOBkVCsAFFY7gEAGIgsABQWLBAYFlmsAFjsAErsA5DY7gEAGIgsABQWLBAYFlmsAFjsAErsAAWtAAAAAAARD4jOLE0ARUqIS2wNiwgPCBHILAOQ2O4BABiILAAUFiwQGBZZrABY2CwAENhOC2wNywuFzwtsDgsIDwgRyCwDkNjuAQAYiCwAFBYsEBgWWawAWNgsABDYbABQ2M4LbA5LLECABYlIC4gR7AAI0KwAiVJiopHI0cjYSBYYhshWbABI0KyOAEBFRQqLbA6LLAAFrAXI0KwBCWwBCVHI0cjYbEMAEKwC0MrZYouIyAgPIo4LbA7LLAAFrAXI0KwBCWwBCUgLkcjRyNhILAGI0KxDABCsAtDKyCwYFBYILBAUVizBCAFIBuzBCYFGllCQiMgsApDIIojRyNHI2EjRmCwBkOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILAEQ2BkI7AFQ2FkUFiwBENhG7AFQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCkNGsAIlsApDRyNHI2FgILAGQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsAZDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wPCywABawFyNCICAgsAUmIC5HI0cjYSM8OC2wPSywABawFyNCILAKI0IgICBGI0ewASsjYTgtsD4ssAAWsBcjQrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPyywABawFyNCILAKQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbBALCMgLkawAiVGsBdDWFAbUllYIDxZLrEwARQrLbBBLCMgLkawAiVGsBdDWFIbUFlYIDxZLrEwARQrLbBCLCMgLkawAiVGsBdDWFAbUllYIDxZIyAuRrACJUawF0NYUhtQWVggPFkusTABFCstsEMssDorIyAuRrACJUawF0NYUBtSWVggPFkusTABFCstsEQssDsriiAgPLAGI0KKOCMgLkawAiVGsBdDWFAbUllYIDxZLrEwARQrsAZDLrAwKy2wRSywABawBCWwBCYgICBGI0dhsAwjQi5HI0cjYbALQysjIDwgLiM4sTABFCstsEYssQoEJUKwABawBCWwBCUgLkcjRyNhILAGI0KxDABCsAtDKyCwYFBYILBAUVizBCAFIBuzBCYFGllCQiMgR7AGQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsARDYGQjsAVDYWRQWLAEQ2EbsAVDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsTABFCstsEcssQA6Ky6xMAEUKy2wSCyxADsrISMgIDywBiNCIzixMAEUK7AGQy6wMCstsEkssAAVIEewACNCsgABARUUEy6wNiotsEossAAVIEewACNCsgABARUUEy6wNiotsEsssQABFBOwNyotsEwssDkqLbBNLLAAFkUjIC4gRoojYTixMAEUKy2wTiywCiNCsE0rLbBPLLIAAEYrLbBQLLIAAUYrLbBRLLIBAEYrLbBSLLIBAUYrLbBTLLIAAEcrLbBULLIAAUcrLbBVLLIBAEcrLbBWLLIBAUcrLbBXLLMAAABDKy2wWCyzAAEAQystsFksswEAAEMrLbBaLLMBAQBDKy2wWyyzAAABQystsFwsswABAUMrLbBdLLMBAAFDKy2wXiyzAQEBQystsF8ssgAARSstsGAssgABRSstsGEssgEARSstsGIssgEBRSstsGMssgAASCstsGQssgABSCstsGUssgEASCstsGYssgEBSCstsGcsswAAAEQrLbBoLLMAAQBEKy2waSyzAQAARCstsGosswEBAEQrLbBrLLMAAAFEKy2wbCyzAAEBRCstsG0sswEAAUQrLbBuLLMBAQFEKy2wbyyxADwrLrEwARQrLbBwLLEAPCuwQCstsHEssQA8K7BBKy2wciywABaxADwrsEIrLbBzLLEBPCuwQCstsHQssQE8K7BBKy2wdSywABaxATwrsEIrLbB2LLEAPSsusTABFCstsHcssQA9K7BAKy2weCyxAD0rsEErLbB5LLEAPSuwQistsHossQE9K7BAKy2weyyxAT0rsEErLbB8LLEBPSuwQistsH0ssQA+Ky6xMAEUKy2wfiyxAD4rsEArLbB/LLEAPiuwQSstsIAssQA+K7BCKy2wgSyxAT4rsEArLbCCLLEBPiuwQSstsIMssQE+K7BCKy2whCyxAD8rLrEwARQrLbCFLLEAPyuwQCstsIYssQA/K7BBKy2whyyxAD8rsEIrLbCILLEBPyuwQCstsIkssQE/K7BBKy2wiiyxAT8rsEIrLbCLLLILAANFUFiwBhuyBAIDRVgjIRshWVlCK7AIZbADJFB4sQUBFUVYMFktAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAHQrEAACqxAAdCsQAKKrEAB0KxAAoqsQAHQrkAAAALKrEAB0K5AAAACyq5AAMAAESxJAGIUViwQIhYuQADAGREsSgBiFFYuAgAiFi5AAMAAERZG7EnAYhRWLoIgAABBECIY1RYuQADAABEWVlZWVmxAA4quAH/hbAEjbECAESzBWQGAERE') format('truetype');
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'adritian-icons';
+    src: url('../fonts/adritian-icons.svg?16785017#adritian-icons') format('svg');
+  }
+}
+*/
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "adritian-icons";
+  font-style: normal;
+  font-weight: normal;
+  speak: never;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+  
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.icon-threads:before { content: '\e800'; } /* '' */
+.icon-bluesky:before { content: '\e801'; } /* '' */
+.icon-x-twitter:before { content: '\e802'; } /* '' */
+.icon-email:before { content: '\e803'; } /* '' */
+.icon-tiktok:before { content: '\e804'; } /* '' */
+.icon-search:before { content: '\e805'; } /* '' */
+.icon-user:before { content: '\f007'; } /* '' */
+.icon-table-list:before { content: '\f00b'; } /* '' */
+.icon-download:before { content: '\f019'; } /* '' */
+.icon-circle-info:before { content: '\f05a'; } /* '' */
+.icon-square-twitter:before { content: '\f081'; } /* '' */
+.icon-square-facebook:before { content: '\f082'; } /* '' */
+.icon-linkedin:before { content: '\f08c'; } /* '' */
+.icon-square-github:before { content: '\f092'; } /* '' */
+.icon-circle-arrow-left:before { content: '\f0a8'; } /* '' */
+.icon-circle-arrow-right:before { content: '\f0a9'; } /* '' */
+.icon-circle-arrow-up:before { content: '\f0aa'; } /* '' */
+.icon-circle-arrow-down:before { content: '\f0ab'; } /* '' */
+.icon-quote-left:before { content: '\f10d'; } /* '' */
+.icon-face-smile:before { content: '\f118'; } /* '' */
+.icon-square-arrow-up-right:before { content: '\f14c'; } /* '' */
+.icon-youtube:before { content: '\f167'; } /* '' */
+.icon-square-xing:before { content: '\f169'; } /* '' */
+.icon-stack-overflow:before { content: '\f16c'; } /* '' */
+.icon-instagram:before { content: '\f16d'; } /* '' */
+.icon-dribbble:before { content: '\f17d'; } /* '' */
+.icon-behance:before { content: '\f1b4'; } /* '' */
+.icon-file-pdf:before { content: '\f1c1'; } /* '' */
+.icon-codepen:before { content: '\f1cb'; } /* '' */
+.icon-yelp:before { content: '\f1e9'; } /* '' */
+.icon-medium:before { content: '\f23a'; } /* '' */
+.icon-meetup:before { content: '\f2e0'; } /* '' */
+.icon-cloud-arrow-down:before { content: '\f381'; } /* '' */
diff --git a/themes/adritian/assets/css/adritian-icons.css b/themes/adritian/assets/css/adritian-icons.css
new file mode 100644
index 0000000..d1a7331
--- /dev/null
+++ b/themes/adritian/assets/css/adritian-icons.css
@@ -0,0 +1,89 @@
+@font-face {
+  font-family: 'adritian-icons';
+  src: url('../fonts/adritian-icons.eot?62019798');
+  src: url('../fonts/adritian-icons.eot?62019798#iefix') format('embedded-opentype'),
+       url('../fonts/adritian-icons.woff2?62019798') format('woff2'),
+       url('../fonts/adritian-icons.woff?62019798') format('woff'),
+       url('../fonts/adritian-icons.ttf?62019798') format('truetype'),
+       url('../fonts/adritian-icons.svg?62019798#adritian-icons') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'adritian-icons';
+    src: url('../fonts/adritian-icons.svg?62019798#adritian-icons') format('svg');
+  }
+}
+*/
+[class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "adritian-icons";
+  font-style: normal;
+  font-weight: normal;
+  speak: never;
+
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.icon-threads:before { content: '\e800'; } /* '' */
+.icon-bluesky:before { content: '\e801'; } /* '' */
+.icon-x-twitter:before { content: '\e802'; } /* '' */
+.icon-email:before { content: '\e803'; } /* '' */
+.icon-tiktok:before { content: '\e804'; } /* '' */
+.icon-search:before { content: '\e805'; } /* '' */
+.icon-user:before { content: '\f007'; } /* '' */
+.icon-table-list:before { content: '\f00b'; } /* '' */
+.icon-download:before { content: '\f019'; } /* '' */
+.icon-circle-info:before { content: '\f05a'; } /* '' */
+.icon-square-twitter:before { content: '\f081'; } /* '' */
+.icon-square-facebook:before { content: '\f082'; } /* '' */
+.icon-linkedin:before { content: '\f08c'; } /* '' */
+.icon-square-github:before { content: '\f092'; } /* '' */
+.icon-circle-arrow-left:before { content: '\f0a8'; } /* '' */
+.icon-circle-arrow-right:before { content: '\f0a9'; } /* '' */
+.icon-circle-arrow-up:before { content: '\f0aa'; } /* '' */
+.icon-circle-arrow-down:before { content: '\f0ab'; } /* '' */
+.icon-quote-left:before { content: '\f10d'; } /* '' */
+.icon-face-smile:before { content: '\f118'; } /* '' */
+.icon-square-arrow-up-right:before { content: '\f14c'; } /* '' */
+.icon-youtube:before { content: '\f167'; } /* '' */
+.icon-square-xing:before { content: '\f169'; } /* '' */
+.icon-stack-overflow:before { content: '\f16c'; } /* '' */
+.icon-instagram:before { content: '\f16d'; } /* '' */
+.icon-dribbble:before { content: '\f17d'; } /* '' */
+.icon-behance:before { content: '\f1b4'; } /* '' */
+.icon-file-pdf:before { content: '\f1c1'; } /* '' */
+.icon-codepen:before { content: '\f1cb'; } /* '' */
+.icon-yelp:before { content: '\f1e9'; } /* '' */
+.icon-medium:before { content: '\f23a'; } /* '' */
+.icon-meetup:before { content: '\f2e0'; } /* '' */
+.icon-cloud-arrow-down:before { content: '\f381'; } /* '' */
diff --git a/themes/adritian/assets/css/animation.css b/themes/adritian/assets/css/animation.css
new file mode 100644
index 0000000..ac5a956
--- /dev/null
+++ b/themes/adritian/assets/css/animation.css
@@ -0,0 +1,85 @@
+/*
+   Animation example, for spinners
+*/
+.animate-spin {
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  display: inline-block;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
diff --git a/themes/adritian/assets/css/bundle.css b/themes/adritian/assets/css/bundle.css
new file mode 100644
index 0000000..0834804
--- /dev/null
+++ b/themes/adritian/assets/css/bundle.css
@@ -0,0 +1 @@
+/* placeholder */
\ No newline at end of file
diff --git a/themes/adritian/assets/css/critical.css b/themes/adritian/assets/css/critical.css
new file mode 100644
index 0000000..8dd7710
--- /dev/null
+++ b/themes/adritian/assets/css/critical.css
@@ -0,0 +1 @@
+/* placeholder file: to be populated by npm scripts */
\ No newline at end of file
diff --git a/themes/adritian/assets/css/custom.css b/themes/adritian/assets/css/custom.css
new file mode 100644
index 0000000..1d96225
--- /dev/null
+++ b/themes/adritian/assets/css/custom.css
@@ -0,0 +1 @@
+/* You can customize theme styles here */
diff --git a/themes/adritian/assets/images/general/mail-fill.svg b/themes/adritian/assets/images/general/mail-fill.svg
new file mode 100644
index 0000000..188de88
--- /dev/null
+++ b/themes/adritian/assets/images/general/mail-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
+    <g fill="none" fill-rule="evenodd">
+        <path d="M-1-2h18v18H-1z"/>
+        <path fill="#FFF" fill-rule="nonzero" d="M1.25.25h13.5a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-.75.75H1.25A.75.75 0 0 1 .5 13V1a.75.75 0 0 1 .75-.75zm6.795 6.512L3.236 2.68l-.971 1.143 5.79 4.916 5.686-4.92-.982-1.135-4.713 4.08h-.001z"/>
+    </g>
+</svg>
diff --git a/themes/adritian/assets/images/general/user-smile-fill.svg b/themes/adritian/assets/images/general/user-smile-fill.svg
new file mode 100644
index 0000000..2893f6e
--- /dev/null
+++ b/themes/adritian/assets/images/general/user-smile-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+        <path d="M-1-1h18v18H-1z"/>
+        <path fill="#FFF" fill-rule="nonzero" d="M8 15.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15zM4.25 8a3.75 3.75 0 0 0 7.5 0h-1.5a2.25 2.25 0 1 1-4.5 0h-1.5z"/>
+    </g>
+</svg>
diff --git a/themes/adritian/assets/images/showcase/showcase@2x.png b/themes/adritian/assets/images/showcase/showcase@2x.png
new file mode 100644
index 0000000..32a907b
Binary files /dev/null and b/themes/adritian/assets/images/showcase/showcase@2x.png differ
diff --git a/themes/adritian/assets/js/color-modes.js b/themes/adritian/assets/js/color-modes.js
new file mode 100644
index 0000000..68f57a4
--- /dev/null
+++ b/themes/adritian/assets/js/color-modes.js
@@ -0,0 +1,98 @@
+/*!
+ * Color mode toggler for Bootstrap's docs (https://getbootstrap.com/)
+ * Copyright 2011-2024 The Bootstrap Authors
+ * Licensed under the Creative Commons Attribution 3.0 Unported License.
+ */
+
+(() => {
+    'use strict'
+
+    console.log('Dark mode toggle script loaded')
+  
+    const getStoredTheme = () => localStorage.getItem('theme')
+    const setStoredTheme = theme => localStorage.setItem('theme', theme)
+  
+    const getPreferredTheme = () => {
+      const storedTheme = getStoredTheme()
+      if (storedTheme) {
+        return storedTheme
+      }
+  
+      return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'
+    }
+  
+    function setTheme(theme) {
+      // Apply a transition class before changing theme
+      document.documentElement.classList.add('theme-transition');
+      
+      // Set the new theme
+      if (theme === 'auto') {
+        const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        document.documentElement.setAttribute('data-bs-theme', isDark ? 'dark' : 'light');
+        // Store the actual value for smoother transitions
+        document.documentElement.setAttribute('data-theme-auto', 'true');
+      } else {
+        document.documentElement.setAttribute('data-bs-theme', theme);
+        document.documentElement.removeAttribute('data-theme-auto');
+      }
+      
+      // Remove the transition class after a short delay
+      setTimeout(() => {
+        document.documentElement.classList.remove('theme-transition');
+      }, 300);
+    }
+  
+    // Apply theme immediately to prevent flash
+    setTheme(getPreferredTheme())
+  
+    const showActiveTheme = (theme, focus = false) => {
+      const themeSwitcher = document.querySelectorAll('.bd-theme-selector')
+  
+      if (!themeSwitcher) {
+        return
+      }
+  
+      const themeSwitcherText = document.querySelectorAll('.bd-theme-text')
+      const activeTheme = document.querySelectorAll('.current-theme')
+      const btnToActive = document.querySelectorAll(`[data-bs-theme-value="${theme}"]`)
+      //const iconOfActiveBtn = btnToActive.querySelector('span.theme-icon')
+
+  
+      document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
+        element.classList.remove('active')
+        element.setAttribute('aria-pressed', 'false')
+      })
+      for (const element of btnToActive){
+        element.setAttribute('aria-pressed', 'true')
+      }
+      for (const element of activeTheme) {
+        element.textContent = btnToActive[0].textContent
+      }
+      const themeSwitcherLabel = `${themeSwitcherText[0].textContent} (${btnToActive[0].dataset.bsThemeValue})`
+      for (const element of themeSwitcher) {
+        element.setAttribute('aria-label', themeSwitcherLabel)
+      }
+    }
+  
+    // Listen for system preference changes
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+      const storedTheme = getStoredTheme()
+      if (storedTheme === 'auto' || (!storedTheme && document.documentElement.getAttribute('data-theme-auto') === 'true')) {
+        setTheme('auto')
+      }
+    })
+  
+    window.addEventListener('DOMContentLoaded', () => {
+      showActiveTheme(getPreferredTheme())
+  
+      document.querySelectorAll('[data-bs-theme-value]')
+        .forEach(toggle => {
+          toggle.addEventListener('click', () => {
+            const theme = toggle.getAttribute('data-bs-theme-value')
+            setStoredTheme(theme)
+            setTheme(theme)
+            showActiveTheme(theme, true)
+          })
+        })
+    })
+  })()
\ No newline at end of file
diff --git a/themes/adritian/assets/js/gtag.js b/themes/adritian/assets/js/gtag.js
new file mode 100644
index 0000000..dd6d872
--- /dev/null
+++ b/themes/adritian/assets/js/gtag.js
@@ -0,0 +1,4 @@
+window.dataLayer = window.dataLayer || [];
+function gtag(){dataLayer.push(arguments);}
+gtag('js', new Date());
+gtag('config', 'UA-000000-0');
\ No newline at end of file
diff --git a/themes/adritian/assets/js/page-transition.js b/themes/adritian/assets/js/page-transition.js
new file mode 100644
index 0000000..45e053f
--- /dev/null
+++ b/themes/adritian/assets/js/page-transition.js
@@ -0,0 +1,56 @@
+// Wait for the DOM content to be fully loaded
+document.addEventListener('DOMContentLoaded', () => {
+  // Create the overlay element if it doesn't exist
+  if (!document.querySelector('.transition-overlay')) {
+    const overlay = document.createElement('div');
+    overlay.className = 'transition-overlay';
+    document.body.appendChild(overlay);
+  }
+  
+  // Find all internal links
+  for (const link of document.querySelectorAll('a')) {
+    const href = link.getAttribute('href');
+    
+    // Skip if no href
+    if (!href) continue;
+    
+    // Skip anchor links (both relative #section and absolute with fragments)
+    if (href.startsWith('#') || 
+        (link.hostname === window.location.hostname && 
+         link.pathname === window.location.pathname && 
+         link.hash)) {
+      continue;
+    }
+    
+    // Only handle links to the same site that aren't anchor links
+    if (link.hostname === window.location.hostname && 
+        !link.hasAttribute('target')) {
+        
+      link.addEventListener('click', (e) => {
+        // Don't handle special clicks (modifier keys)
+        if (e.ctrlKey || e.shiftKey || e.metaKey || e.altKey) {
+          return;
+        }
+        
+        e.preventDefault();
+        const destination = link.href;
+        
+        // Add active class to trigger the overlay
+        document.body.classList.add('transition-active');
+        
+        // Navigate after a slight delay
+        setTimeout(() => {
+          window.location.href = destination;
+        }, 300);
+      });
+    }
+  }
+});
+
+// If someone navigates back/forward, we need to hide the overlay
+window.addEventListener('pageshow', (event) => {
+  // This works for both fresh loads and back-forward cache
+  if (document.body.classList.contains('transition-active')) {
+    document.body.classList.remove('transition-active');
+  }
+});
\ No newline at end of file
diff --git a/themes/adritian/assets/raw/contact-bg-dark.afphoto b/themes/adritian/assets/raw/contact-bg-dark.afphoto
new file mode 100644
index 0000000..fe64c56
Binary files /dev/null and b/themes/adritian/assets/raw/contact-bg-dark.afphoto differ
diff --git a/themes/adritian/assets/raw/screenshot.afphoto b/themes/adritian/assets/raw/screenshot.afphoto
new file mode 100644
index 0000000..8d39b1d
Binary files /dev/null and b/themes/adritian/assets/raw/screenshot.afphoto differ
diff --git a/themes/adritian/assets/scss/_blog.scss b/themes/adritian/assets/scss/_blog.scss
new file mode 100644
index 0000000..3effcb6
--- /dev/null
+++ b/themes/adritian/assets/scss/_blog.scss
@@ -0,0 +1,373 @@
+
+
+
+.blog {
+
+    .post .post-title a {
+        color: $base-color;
+    }
+
+
+
+    .has-sidebar {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 2rem;
+
+        @media (min-width: 768px) {
+            flex-wrap: nowrap;
+        }
+    }
+
+    // Add specific ordering for sidebar right layout
+    .col-sidebar {
+        width: 100%;
+        min-width: 280px;
+
+        @media (min-width: 768px) {
+            min-width: 250px;
+        }
+        
+        @media (max-width: 380px) {
+            min-width: 240px;
+        }
+    }
+
+    .col-content {
+        &.narrow-content {
+            max-width: 720px;
+        }
+    }
+
+    // Blog post readability improvements
+    .post-summary,
+    .post-content {
+        line-height: 1.75;
+        font-size: 1.125rem; // 18px
+        color: var(--bs-body-color);
+
+        p {
+            margin-bottom: 1.5rem;
+        }
+
+        h1, h2, h3, h4, h5, h6 {
+            margin-top: 2rem;
+            margin-bottom: 1rem;
+            line-height: 1.3;
+            font-weight: 600;
+        }
+
+        h1 { font-size: 2.5rem; }
+        h2 { font-size: 2rem; }
+        h3 { font-size: 1.75rem; }
+        h4 { font-size: 1.5rem; }
+        h5 { font-size: 1.25rem; }
+        h6 { font-size: 1.125rem; }
+
+        ul, ol {
+            margin-bottom: 1.5rem;
+            
+            li {
+                margin-bottom: 0.75rem;
+                line-height: 1.75;
+            }
+        }
+
+        blockquote {
+            border-left: 4px solid var(--bs-primary);
+            padding-left: 1.5rem;
+            margin: 2rem 0;
+            font-style: italic;
+            color: var(--bs-secondary-color);
+        }
+
+        code {
+            background-color: var(--bs-gray-100);
+            padding: 0.2em 0.4em;
+            border-radius: 3px;
+            font-size: 0.9em;
+        }
+
+        pre {
+            background-color: var(--bs-gray-100);
+            padding: 1rem;
+            border-radius: 0.375rem;
+            overflow-x: auto;
+            margin: 1.5rem 0;
+
+            code {
+                background-color: transparent;
+                padding: 0;
+            }
+        }
+    }
+
+    .blog-sidebar {
+        position: sticky;
+        top: 2rem;
+
+        .sidebar-section {
+            margin-bottom: 2rem;
+            padding: 1.5rem;
+            background: #edf1f4;
+            border-radius: 0.5rem;
+
+            // Increase padding and set minimum width on smaller screens
+            @media (max-width: 767px) {
+                padding: 2rem;
+                min-width: 280px;
+                width: 100%;
+            }
+            
+            @media (max-width: 380px) {
+                min-width: 240px;
+                padding: 1.5rem;
+            }
+
+            h3 {
+                margin-bottom: 1rem;
+                font-size: 1.2rem;
+                font-weight: 600;
+                color: var(--bs-gray-900);
+            }
+
+            ul {
+                list-style: none;
+                padding: 0;
+                margin: 0;
+
+                li {
+                    margin-bottom: 0.75rem;
+
+                    a {
+                        color: $sidebar-link-color;
+                        transition: color 0.2s ease;
+                        font-weight: 300;;
+
+                        &:hover {
+                            color: var(--bs-primary);
+                            text-decoration: underline;
+                        }
+                    }
+                }
+            }
+
+            &.recent-posts {
+                ul li {
+                    // Ensure proper wrapping on small screens
+                    @media (max-width: 767px) {
+                        a {
+                            overflow-wrap: break-word;
+                            line-height: 1.4;
+                            display: block;
+                        }
+                    }
+                }
+                
+                .post-date {
+                    display: block;
+                    font-size: 0.875rem;
+                    color: var(--bs-gray-900);
+                }
+            }
+            
+            // Categories use the global tag styling for consistency
+        }
+    }
+
+    // Featured posts styling
+    .featured-post-container {
+        width: 100%;
+        .p-4 {
+            padding: 2rem !important;
+        }
+
+        .col-lg-8 {
+            max-width: 100%;
+        }
+
+        @media (min-width: 992px) {
+            
+            .p-md-5 {
+                padding: 3rem !important;
+            }
+            
+            .col-lg-8 {
+                max-width: 90%;
+            }
+        }
+    }
+
+    // Featured post thumbnail styling
+    .featured-thumbnail {
+        max-height: 300px;
+        width: auto;
+        object-fit: cover;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        
+        @media (min-width: 992px) {
+            max-height: 350px;
+        }
+    }
+
+    // Secondary featured posts image styling
+    .secondary-featured-img {
+        width: 200px;
+        height: 250px;
+        object-fit: cover;
+    }
+
+    // Table of Contents styling
+    .table-of-contents {
+        margin: 2rem 0;
+        padding: 1.5rem;
+        background: #f8f9fa;
+        border-radius: 0.5rem;
+        border-left: 4px solid var(--bs-primary);
+
+        .toc-heading {
+            margin-bottom: 1rem;
+            font-size: 1.2rem;
+            font-weight: 600;
+            color: var(--bs-gray-900);
+        }
+
+        .toc-content {
+            ul {
+                list-style: none;
+                padding-left: 0;
+                margin: 0;
+
+                ul {
+                    padding-left: 1.5rem;
+                    margin-top: 0.5rem;
+                }
+
+                li {
+                    margin-bottom: 0.5rem;
+
+                    a {
+                        color: var(--bs-body-color);
+                        text-decoration: none;
+                        font-weight: 400;
+                        transition: color 0.2s ease;
+
+                        &:hover {
+                            color: var(--bs-primary);
+                            text-decoration: underline;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@include color-mode(dark) {
+    .blog {
+
+        .post .post-title a {
+            color: $dark-primary;
+        }
+
+        // Readability improvements for dark mode
+        .post-summary,
+        .post-content {
+            color: var(--bs-gray-200);
+
+            code {
+                background-color: var(--bs-gray-800);
+                color: var(--bs-gray-200);
+            }
+
+            pre {
+                background-color: var(--bs-gray-800);
+            }
+
+            blockquote {
+                color: var(--bs-gray-400);
+            }
+        }
+
+        .blog-sidebar {
+            .sidebar-section {
+                background: var(--bs-gray-800);
+
+                h3 {
+                    color: var(--bs-white);
+                }
+
+                /* Remove the general black color for all links */
+                /* ul li a {
+                    color: black;
+                } */
+
+                &.recent-posts {
+                    a {
+                        color: white;
+                    }
+
+                    .post-date {
+                        color: var(--bs-gray-500);
+                    }
+                }
+                
+                // Categories dark mode handled by global tag styling
+            }
+        }
+
+        // Table of Contents dark mode styling
+        .table-of-contents {
+            background: var(--bs-gray-800);
+
+            .toc-heading {
+                color: var(--bs-white);
+            }
+
+            .toc-content ul li a {
+                color: var(--bs-gray-300);
+
+                &:hover {
+                    color: var(--bs-primary);
+                }
+            }
+        }
+    }
+
+    .btn-outline-secondary{
+        color: var(--bs-white);
+        border-color: var(--bs-white);
+    }
+}
+
+.posts-list-simple {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+
+    li.post {
+        padding: 1rem 0;
+        border-bottom: 1px solid var(--bs-border-color);
+
+        &:last-child {
+            border-bottom: none;
+        }
+
+        a {
+            color: var(--bs-body-color);
+            text-decoration: none;
+            font-size: 1.1rem;
+            font-weight: 500;
+
+            &:hover {
+                color: var(--bs-primary);
+            }
+        }
+
+        .meta {
+            font-size: 0.9rem;
+            color: var(--bs-secondary-color);
+            margin-top: 0.25rem;
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_experience.scss b/themes/adritian/assets/scss/_experience.scss
new file mode 100644
index 0000000..4534884
--- /dev/null
+++ b/themes/adritian/assets/scss/_experience.scss
@@ -0,0 +1,134 @@
+.experience__company {
+    color: $base-color;
+}
+
+
+/* enhanced contrast */
+@include color-mode(dark) {
+    .experience__company {
+        color: $dark-primary;
+    }
+}
+
+.experience__location {
+    font-weight: normal;
+}
+
+.experience + .experience {
+    padding-top: 4px;
+}
+
+body.home div.experience {
+    padding-top: 50px;
+}
+
+.experience a {
+    display: block;
+    padding: 20px;
+    text-decoration: none;
+    color: inherit;
+}
+
+.experience.selected a,
+.experience:hover a,
+.experience:active a,
+.experience a:hover,
+.experience a:active {
+    display: block;
+    background-color: $base-color;
+}
+
+.experience.selected a .experience__company,
+.experience:hover a .experience__company,
+.experience:active a .experience__company,
+.experience a:hover .experience__company,
+.experience a:active .experience__company,
+.experience.selected a .experience__date,
+.experience:hover a .experience__date,
+.experience:active a .experience__date,
+.experience a:hover .experience__date,
+.experience a:active .experience__date {
+    color: white !important;
+}
+
+
+.all-experience-container {
+    margin-top: 50px;
+}
+
+.experience__title {
+    position: relative;
+    font-size: 20px;
+    font-weight: 600;
+    z-index: 2;
+}
+
+@media (min-width: 992px) {
+    .experience__title {
+        font-size: 24px;
+    }
+}
+
+.experience__company {
+    font-size: 14px;
+    font-weight: 700;
+}
+
+.experience {
+    &__header {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        margin-bottom: 1rem;
+    }
+
+    &__company-logo {
+        width: 48px;
+        height: 48px;
+        object-fit: contain;
+        border-radius: 4px;
+        flex-shrink: 0;
+    }
+
+    &__meta {
+        flex: 1;
+        min-width: 0;
+    }
+
+    &__date {
+        font-size: 0.9rem;
+    }
+
+    &__title {
+        font-weight: 600;
+        margin: 0.2rem 0;
+    }
+
+    &__company {
+        font-size: 0.95rem;
+    }
+}
+
+.job-card {
+    padding: 1.5rem;
+    border-radius: 8px;
+    background-color: #fff;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+
+    html[data-bs-theme="dark"] & {
+        background-color: #2d2d2d;
+        color: white;
+
+        .experience__title,
+        .experience__company,
+        .experience__date,
+        .experience__location {
+            color: white;
+        }
+    }
+}
+
+.company-logo {
+    object-fit: contain;
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_features.scss b/themes/adritian/assets/scss/_features.scss
new file mode 100644
index 0000000..9f7d05a
--- /dev/null
+++ b/themes/adritian/assets/scss/_features.scss
@@ -0,0 +1,307 @@
+// Related Posts Styling
+.related-posts {
+  margin: 2rem 0;
+  padding-top: 2rem;
+
+  h3 {
+    margin-bottom: 1.5rem;
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--bs-gray-900);
+  }
+
+  .related-posts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: grid;
+    gap: 1.5rem;
+    grid-template-columns: 1fr;
+
+    @media (min-width: 768px) {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    @media (min-width: 1024px) {
+      grid-template-columns: repeat(3, 1fr);
+    }
+  }
+
+  .related-post-item {
+    background: var(--bs-gray-100);
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+
+    &:hover {
+      transform: translateY(-4px);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    a {
+      text-decoration: none;
+      color: inherit;
+      display: block;
+
+      h4 {
+        margin-bottom: 0.75rem;
+        font-size: 1.125rem;
+        font-weight: 600;
+        color: var(--bs-primary);
+        transition: color 0.2s ease;
+      }
+
+      &:hover h4 {
+        color: var(--bs-link-hover-color);
+      }
+    }
+
+    .related-post-excerpt {
+      font-size: 0.95rem;
+      color: var(--bs-gray-700);
+      margin-bottom: 1rem;
+      line-height: 1.6;
+    }
+
+    .related-post-meta {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 1rem;
+      align-items: center;
+      font-size: 0.875rem;
+
+      .post-date {
+        color: var(--bs-gray-600);
+      }
+
+      .post-tags {
+        display: flex;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+
+        .tag {
+          background: var(--bs-primary);
+          color: white;
+          padding: 0.25rem 0.5rem;
+          border-radius: 0.25rem;
+          font-size: 0.8rem;
+        }
+      }
+    }
+  }
+}
+
+// Social Sharing Styling
+.social-sharing {
+  margin: 2rem 0;
+  padding-top: 2rem;
+
+  h3 {
+    margin-bottom: 1rem;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--bs-gray-900);
+  }
+
+  .share-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+  }
+
+  .share-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    border-radius: 0.375rem;
+    text-decoration: none;
+    font-size: 0.95rem;
+    font-weight: 500;
+    transition: all 0.2s ease;
+    border: 1px solid transparent;
+
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+    }
+
+    &.share-twitter {
+      background: #1DA1F2;
+      color: white;
+      border-color: #1DA1F2;
+
+      &:hover {
+        background: #1a8cd8;
+        border-color: #1a8cd8;
+      }
+    }
+
+    &.share-linkedin {
+      background: #0077B5;
+      color: white;
+      border-color: #0077B5;
+
+      &:hover {
+        background: #006399;
+        border-color: #006399;
+      }
+    }
+
+    &.share-facebook {
+      background: #1877F2;
+      color: white;
+      border-color: #1877F2;
+
+      &:hover {
+        background: #155db2;
+        border-color: #155db2;
+      }
+    }
+
+    &.share-email {
+      background: var(--bs-gray-700);
+      color: white;
+      border-color: var(--bs-gray-700);
+
+      &:hover {
+        background: var(--bs-gray-800);
+        border-color: var(--bs-gray-800);
+      }
+    }
+  }
+}
+
+// Table of Contents Styling
+.table-of-contents {
+  margin: 2rem 0;
+  padding: 1.5rem;
+  background: var(--bs-gray-100);
+  border-radius: 0.5rem;
+  border-left: 4px solid var(--bs-primary);
+
+  &.toc-sticky {
+    @media (min-width: 992px) {
+      position: sticky;
+      top: 2rem;
+      max-height: calc(100vh - 4rem);
+      overflow-y: auto;
+    }
+  }
+
+  h3 {
+    margin-bottom: 1rem;
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: var(--bs-gray-900);
+  }
+
+  #TableOfContents {
+    ul {
+      list-style: none;
+      padding-left: 0;
+      margin: 0;
+
+      ul {
+        padding-left: 1.5rem;
+        margin-top: 0.5rem;
+      }
+
+      li {
+        margin-bottom: 0.5rem;
+
+        a {
+          color: var(--bs-body-color);
+          text-decoration: none;
+          font-weight: 400;
+          transition: color 0.2s ease;
+          display: block;
+          padding: 0.25rem 0;
+
+          &:hover {
+            color: var(--bs-primary);
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+}
+
+// Comments Section Styling
+.comments-section {
+  margin: 2rem 0;
+  padding-top: 2rem;
+
+  h3 {
+    margin-bottom: 1.5rem;
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: var(--bs-gray-900);
+  }
+}
+
+// Dark Mode Adjustments
+@include color-mode(dark) {
+  .related-posts {
+    h3 {
+      color: var(--bs-white);
+    }
+
+    .related-post-item {
+      background: var(--bs-gray-800);
+
+      a h4 {
+        color: $dark-primary;
+      }
+
+      .related-post-excerpt {
+        color: var(--bs-gray-300);
+      }
+
+      .related-post-meta {
+        .post-date {
+          color: var(--bs-gray-400);
+        }
+
+        .post-tags .tag {
+          background: $dark-primary;
+        }
+      }
+    }
+  }
+
+  .social-sharing {
+    h3 {
+      color: var(--bs-white);
+    }
+  }
+
+  .table-of-contents {
+    background: var(--bs-gray-800);
+    border-left-color: $dark-primary;
+
+    h3 {
+      color: var(--bs-white);
+    }
+
+    #TableOfContents ul li a {
+      color: var(--bs-gray-300);
+
+      &:hover {
+        color: $dark-primary;
+      }
+    }
+  }
+
+  .comments-section {
+    h3 {
+      color: var(--bs-white);
+    }
+  }
+}
diff --git a/themes/adritian/assets/scss/_menu.scss b/themes/adritian/assets/scss/_menu.scss
new file mode 100644
index 0000000..341bdef
--- /dev/null
+++ b/themes/adritian/assets/scss/_menu.scss
@@ -0,0 +1,38 @@
+$color: white;
+$color-border: $base-color;
+$color-dark: scale-color($color, $lightness: -30%);
+$transition: 280ms all 120ms ease-out;
+
+.underline-item {
+    border-bottom: 1px solid $color;
+}
+
+// prevents the menu content from not being visible
+// https://github.com/zetxek/adritian-free-hugo-theme/issues/206
+.header .navbar .nav-item.language-selector,
+.header .navbar .nav-item.theme-selector {
+    overflow: visible;
+
+    .nav-link {
+        padding: 0;
+    }
+}
+
+.language-selector,
+.theme-selector {
+    li.choice {
+        padding: 0;
+    }
+}
+
+
+// footer button
+.footer_right button.btn,
+.footer_right button.btn:active{
+    color: white;
+}
+
+// dropdown item links
+.footer_right .btn-link .dropdown-item {
+    color: $color;
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_navbar.scss b/themes/adritian/assets/scss/_navbar.scss
new file mode 100644
index 0000000..ec7c463
--- /dev/null
+++ b/themes/adritian/assets/scss/_navbar.scss
@@ -0,0 +1,132 @@
+.bd-navbar {
+    padding: .75rem 0;
+    background-color: transparent;
+
+    @media (forced-colors) {
+        background-color: Canvas;
+    }
+
+    &::after {
+        position: absolute;
+        inset: 0;
+        z-index: -1;
+        display: block;
+        content: "";
+        background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95));
+    }
+
+    .bd-navbar-toggle {
+        @include media-breakpoint-down(lg) {
+            width: 4.25rem;
+        }
+    }
+
+    .navbar-toggler {
+        padding: 0;
+        margin-right: -.5rem;
+        border: 0;
+
+        &:first-child {
+            margin-left: -.5rem;
+        }
+
+        .bi {
+            width: 1.5rem;
+            height: 1.5rem;
+        }
+
+        &:focus {
+            box-shadow: none;
+        }
+    }
+
+    .navbar-brand {
+        color: $white;
+        @include transition(transform .2s ease-in-out);
+
+        &:hover {
+            transform: scale(1.04);
+        }
+    }
+
+    .navbar-toggler,
+    .nav-link {
+        padding-right: $spacer * .25;
+        padding-left: $spacer * .25;
+        color: rgba($white, .85);
+
+        &:hover,
+        &:focus {
+            color: $white;
+        }
+
+        &.active {
+            font-weight: 600;
+            color: $white;
+        }
+    }
+
+    .navbar-nav-svg {
+        display: inline-block;
+        vertical-align: -.125rem;
+    }
+
+    .offcanvas-lg {
+        background-color: var(--bd-violet-bg);
+        border-left: 0;
+
+        @include media-breakpoint-down(lg) {
+            box-shadow: var(--bs-box-shadow-lg);
+        }
+    }
+
+    .dropdown-toggle {
+        &:focus:not(:focus-visible) {
+            outline: 0;
+        }
+    }
+
+    .dropdown-menu {
+        --bs-dropdown-min-width: 12rem;
+        --bs-dropdown-padding-x: .25rem;
+        --bs-dropdown-padding-y: .25rem;
+        --bs-dropdown-link-hover-bg: rgba(var(--bd-violet-rgb), .1);
+        --bs-dropdown-link-active-bg: rgba(var(--bd-violet-rgb), 1);
+        @include rfs(.875rem, --bs-dropdown-font-size);
+        @include font-size(.875rem);
+        @include border-radius(.5rem);
+        box-shadow: $dropdown-box-shadow;
+
+        li + li {
+            margin-top: .125rem;
+        }
+
+        .dropdown-item {
+            @include border-radius(.25rem);
+
+            &:active {
+                .bi {
+                    color: inherit !important; // stylelint-disable-line declaration-no-important
+                }
+            }
+        }
+
+        .active {
+            font-weight: 600;
+
+            .bi {
+                display: block !important; // stylelint-disable-line declaration-no-important
+            }
+        }
+    }
+
+    .dropdown-menu-end {
+        --bs-dropdown-min-width: 8rem;
+    }
+}
+
+@include color-mode(dark) {
+    .bd-navbar {
+        box-shadow: 0 .5rem 1rem rgba($black, .15), inset 0 -1px 0 rgba($white, .15);
+    }
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_page-transition.scss b/themes/adritian/assets/scss/_page-transition.scss
new file mode 100644
index 0000000..007dd1e
--- /dev/null
+++ b/themes/adritian/assets/scss/_page-transition.scss
@@ -0,0 +1,22 @@
+.transition-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  z-index: 9999;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s ease;
+}
+
+/* For dark mode */
+html[data-bs-theme="dark"] .transition-overlay {
+  background-color: #181818;
+}
+
+.transition-active .transition-overlay {
+  opacity: 1;
+  pointer-events: all;
+} 
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_print.scss b/themes/adritian/assets/scss/_print.scss
new file mode 100644
index 0000000..c5895aa
--- /dev/null
+++ b/themes/adritian/assets/scss/_print.scss
@@ -0,0 +1,154 @@
+@media print {
+
+    .bd-navbar {
+        box-shadow: none !important;
+    }
+
+    * {
+        color: black !important;
+        box-shadow: none !important;
+    }
+
+    html[data-bs-theme="dark"] body.page-cv .h1,
+    html[data-bs-theme="dark"] .h2,
+    html[data-bs-theme="dark"] .h3,
+    html[data-bs-theme="dark"] .h4,
+    html[data-bs-theme="dark"] .h5,
+    html[data-bs-theme="dark"] .h6,
+    html[data-bs-theme="dark"] h1,
+    html[data-bs-theme="dark"] h2,
+    html[data-bs-theme="dark"] h3,
+    html[data-bs-theme="dark"] h4,
+    html[data-bs-theme="dark"] h5,
+    html[data-bs-theme="dark"] h6,
+    html[data-bs-theme="dark"] .h1,
+    html[data-bs-theme="dark"] .h2,
+    html[data-bs-theme="dark"] .h3,
+    html[data-bs-theme="dark"] .h4,
+    html[data-bs-theme="dark"] .h5,
+    html[data-bs-theme="dark"] .h6,
+    html[data-bs-theme="dark"] h1,
+    html[data-bs-theme="dark"] h2,
+    html[data-bs-theme="dark"] h3,
+    html[data-bs-theme="dark"] h4,
+    html[data-bs-theme="dark"] h5,
+    html[data-bs-theme="dark"] h6 {
+        color: black !important;
+    }
+
+    .experience__meta {
+        flex: 0 0 200px;
+    }
+
+    .experience__description {
+        flex: 1 1 400px;
+    }
+
+    .experience__list {
+        display: flex;
+        flex-wrap: wrap;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        page-break-after: avoid;
+        break-after: avoid;
+    }
+
+    p,
+    section {
+        page-break-after: avoid;
+        break-after: avoid;
+        break-before: avoid;
+    }
+
+    p {
+        break-inside: avoid;
+    }
+
+    header {
+        display: none;
+    }
+
+    .section-experience {
+        // Remove decorative elements
+        background: none !important;
+        box-shadow: none !important;
+        border: none !important;
+
+        // Ensure black text on white background
+        color: #000 !important;
+
+        // Adjust spacing
+        padding: 0 !important;
+        margin: 0 !important;
+
+        // Make sure content is visible
+        display: block !important;
+        page-break-inside: avoid;
+
+        .experience {
+            width: 100%;
+            // Improve experience item layout for print
+            page-break-inside: avoid;
+            border: none !important;
+            padding: 0.5cm 0 !important;
+
+            a {
+                // Remove link styling
+                color: inherit !important;
+                text-decoration: none !important;
+                padding: 0 !important;
+                background: none !important;
+            }
+
+            &__company-logo {
+                // Ensure logos print well
+                print-color-adjust: exact;
+                -webkit-print-color-adjust: exact;
+            }
+
+            &__meta {
+                // Adjust text for better print readability
+                color: #000 !important;
+            }
+
+            &__company,
+            &__location,
+            &__date,
+            &__title {
+                color: #000 !important;
+            }
+        }
+
+        // Hide interactive elements
+        .btn,
+        .all-experience-container {
+            display: none !important;
+        }
+    }
+
+    // Ensure job card prints well
+    .job-card {
+        background: none !important;
+        box-shadow: none !important;
+        border: 1px solid #ddd !important;
+        padding: 1cm !important;
+        margin-bottom: 1cm !important;
+
+        .company-logo {
+            print-color-adjust: exact;
+            -webkit-print-color-adjust: exact;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+        body {
+            color: black !important;
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_raditian.scss b/themes/adritian/assets/scss/_raditian.scss
new file mode 100644
index 0000000..68c7ae1
--- /dev/null
+++ b/themes/adritian/assets/scss/_raditian.scss
@@ -0,0 +1,2120 @@
+@charset "UTF-8";
+
+@media (min-width: 1200px) {
+    .navbar-nav {
+       --bs-navbar-nav-link-padding-x: 1rem;
+    }
+}
+
+.embed-responsive {
+    position: relative;
+    display: block;
+    width: 100%;
+    padding: 0;
+    overflow: hidden;
+}
+
+.embed-responsive::before {
+    display: block;
+    content: "";
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive embed,
+.embed-responsive iframe,
+.embed-responsive object,
+.embed-responsive video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
+
+.embed-responsive-21by9::before {
+    padding-top: 42.857143%;
+}
+
+.embed-responsive-16by9::before {
+    padding-top: 56.25%;
+}
+
+.embed-responsive-4by3::before {
+    padding-top: 75%;
+}
+
+.embed-responsive-1by1::before {
+    padding-top: 100%;
+}
+
+/* purgecss start ignore */
+.btn {
+    display: -webkit-inline-box;
+    display: inline-flex;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    border-radius: 0;
+    white-space: nowrap;
+    line-height: 1;
+    font-weight: 700;
+    font-size: 14px;
+    padding: 14px 15px;
+}
+
+.btn [class^="icon-"] {
+    font-size: 16px;
+    margin-right: 9px;
+}
+
+.btn [class^="icon-"]::before {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.btn [class^="icon-arrow-right"] {
+    margin-left: 6px;
+    margin-right: 0;
+}
+
+.btn [class^="icon-arrow-right"]::before {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+/* purgecss stop ignore */
+
+.btn-lg {
+    line-height: 1.91;
+    min-width: 140px;
+}
+
+.btn-primary {
+    position: relative;
+    color: #fff;
+    background-color: #000;
+    border-color: #000;
+    will-change: border-color, color, background-color;
+    -webkit-transition: border-color, color, background-color;
+    transition: border-color, color, background-color;
+    -webkit-transition-duration: 0.35s;
+    transition-duration: 0.35s;
+    -webkit-transition-timing-function: ease;
+    transition-timing-function: ease;
+}
+
+.btn-primary:hover {
+    color: #000;
+    background-color: transparent;
+    border-color: #000;
+}
+
+.btn-primary.disabled,
+.btn-primary.focus,
+.btn-primary:disabled,
+.btn-primary:focus,
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show > .btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #000;
+    border-color: #000;
+}
+
+.btn-frameless {
+    position: relative;
+    color: #000;
+    background-color: transparent;
+    border-color: transparent;
+    will-change: border-color, background-color, border-color;
+    -webkit-transition: border-color, background-color, border-color;
+    transition: border-color, background-color, border-color;
+    -webkit-transition-duration: 0.35s;
+    transition-duration: 0.35s;
+    -webkit-transition-timing-function: ease;
+    transition-timing-function: ease;
+}
+
+.btn-frameless.disabled,
+.btn-frameless.focus,
+.btn-frameless:disabled,
+.btn-frameless:focus,
+.btn-frameless:hover,
+.btn-frameless:not(:disabled):not(.disabled).active,
+.btn-frameless:not(:disabled):not(.disabled):active,
+.show > .btn-frameless.dropdown-toggle {
+    background-color: transparent;
+    border-color: #000;
+    color: #000;
+}
+
+.btn-light {
+    position: relative;
+    font-size: 16px;
+    color: #000;
+    font-weight: 600;
+    background-color: #fff;
+    background-position: 0 50%;
+    background-size: 100% 100%;
+    border-color: #fff;
+    will-change: border-color, color, background-color;
+    -webkit-transition: border-color, color, background-color;
+    transition: border-color, color, background-color;
+    -webkit-transition-duration: 0.35s;
+    transition-duration: 0.35s;
+    -webkit-transition-timing-function: ease;
+    transition-timing-function: ease;
+}
+
+.btn-light:hover {
+    color: #fff;
+    background-color: transparent;
+    border-color: #fff;
+}
+
+.btn-light.focus,
+.btn-light:focus {
+    color: #000;
+    background-color: #fff;
+    border-color: #fff;
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+}
+
+.btn-light.disabled,
+.btn-light:disabled {
+    color: #000;
+    background-color: #000;
+    border-color: #000;
+}
+
+.btn-light.disabled::before,
+.btn-light:disabled::before {
+    opacity: 0.3;
+}
+
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active {
+    color: #000;
+    background-color: #fff;
+    border-color: #fff;
+}
+
+.btn-light:not(:disabled):not(.disabled):active:focus .btn-light:not(:disabled):not(.disabled).active:focus {
+    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+}
+
+.btn-rounded {
+    border-radius: 100px;
+}
+
+.btn.is-loading {
+    position: relative;
+    overflow: hidden;
+    pointer-events: none;
+    padding-right: 35px;
+}
+
+.btn.is-loading::after {
+    content: "";
+    display: block;
+    position: absolute;
+    bottom: 0;
+    right: 100%;
+    height: 3px;
+    -webkit-animation-name: button-loading;
+    animation-name: button-loading;
+    -webkit-animation-duration: 1s;
+    animation-duration: 1s;
+    -webkit-animation-timing-function: linear;
+    animation-timing-function: linear;
+    -webkit-animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
+    margin-right: 10px;
+    width: 60px;
+    border-radius: 100%;
+    box-shadow: 0 0 30px 1px #004aff;
+    background-image: -webkit-gradient(
+                    linear,
+                    left top,
+                    right top,
+                    color-stop(0, rgba(255, 255, 255, 0)),
+                    color-stop(10%, rgba(255, 255, 255, 0)),
+                    color-stop(35%, rgba(255, 255, 255, 0.33)),
+                    color-stop(50%, rgba(255, 255, 255, 0.5)),
+                    color-stop(85%, #fff),
+                    to(rgba(255, 255, 255, 0))
+    );
+    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.33) 35%, rgba(255, 255, 255, 0.5) 50%, #fff 85%, rgba(255, 255, 255, 0) 100%);
+}
+
+@-webkit-keyframes button-loading {
+    0% {
+        right: 100%;
+    }
+    100% {
+        right: -100%;
+    }
+}
+
+@keyframes button-loading {
+    0% {
+        right: 100%;
+    }
+    100% {
+        right: -100%;
+    }
+}
+
+.btn.is-loading:disabled {
+    opacity: 1;
+    color: rgba(0, 74, 255, 0.5);
+}
+
+.btn.is-loading:disabled > * {
+    opacity: 0.5;
+}
+
+[class^="icon-"] {
+    font-size: 19px;
+}
+
+.contact {
+    padding: 60px 30px;
+}
+
+@media (min-width: 768px) {
+    .contact {
+        padding: 100px 80px;
+    }
+}
+
+.contact__info,
+.experience + .experience {
+    padding-top: 50px;
+}
+
+.contact__info h3 {
+    margin-bottom: 0;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 2;
+    color: #333;
+}
+
+.contact__info span {
+    font-size: 14px;
+    font-weight: 700;
+    line-height: normal;
+    color: #000;
+}
+
+.contact__info span + h3 {
+    margin-top: 20px;
+}
+
+@media (min-width: 992px) {
+    .contact__info {
+        padding: 0 70px;
+    }
+    .contact__info span + h3 {
+        margin-top: 40px;
+    }
+}
+
+input.form-control,
+input[type="text"],
+input[type="email"],
+input[type="tel"],
+textarea,
+textarea.form-control {
+    padding: 10px 0;
+    width: 100%;
+    font-size: 16px;
+    font-weight: 300;
+    line-height: 2;
+    color: #333;
+    border: none;
+    border-bottom: 1px solid #dbe0e4;
+    border-radius: 0;
+}
+
+input[type="text"]:focus, input[type="text"]:active,
+input[type="email"]:focus, input[type="email"]:active,
+textarea:focus, textarea:active {
+    border-bottom: 1px solid black;
+}
+
+.education__date,
+.experience__date {
+    line-height: 1.57;
+}
+
+input[type="text"]::-webkit-input-placeholder,
+input[type="email"]::-webkit-input-placeholder {
+    color: #333;
+}
+
+input[type="text"]::-moz-placeholder,
+input[type="email"]::-moz-placeholder {
+    color: #333;
+}
+
+input[type="text"]::-ms-input-placeholder,
+input[type="email"]::-ms-input-placeholder {
+    color: #333;
+}
+
+input[type="text"]::placeholder,
+input[type="email"]::placeholder {
+    color: #333;
+}
+
+.rad-subscription-group {
+    margin-top: 30px;
+    margin-left: auto;
+    margin-right: auto;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    align-items: center;
+    padding: 6px;
+    max-width: 462px;
+    height: 56px;
+    border: 1px solid #fff;
+    border-radius: 56px;
+}
+
+.rad-subscription-group form {
+    -webkit-box-flex: 1;
+    flex: 1;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.rad-subscription-group #rad-subscription-fail,
+.rad-subscription-group #rad-subscription-success {
+    -webkit-box-flex: 1;
+    flex: 1;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.rad-subscription-group #rad-subscription-fail p,
+.rad-subscription-group #rad-subscription-success p {
+    color: #fff;
+    margin-bottom: 0;
+    width: 100%;
+}
+
+.rad-subscription-group input[type="email"] {
+    padding: 0 12px;
+    background-color: transparent;
+    border: none;
+    border-radius: 56px;
+    color: #fff;
+}
+
+.rad-subscription-group:has(input[type="email"]:focus),
+.rad-subscription-group:has(input[type="email"]:active) {
+    border: 2px solid rgba(233, 62, 52, 0.5);
+}
+
+.rad-subscription-group input[type="email"]::-webkit-input-placeholder,
+.rad-subscription-group input[type="email"]::-moz-placeholder,
+.rad-subscription-group input[type="email"]::-ms-input-placeholder,
+.rad-subscription-group input[type="email"]::placeholder {
+    color: #fff;
+}
+
+.rad-subscription-group button {
+    white-space: nowrap;
+}
+
+.social-links-group a:not(:last-child) {
+    margin-right: 15px;
+}
+
+.education {
+    position: relative;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: start;
+    align-items: flex-start;
+    min-height: 131px;
+}
+
+.education::before {
+    content: "";
+    position: absolute;
+    left: 90px;
+    top: 0;
+    width: 75px;
+    height: 100%;
+    z-index: 1;
+    background-color: #edf1f4;
+    -webkit-transform: skew(-13deg);
+    transform: skew(-13deg);
+}
+
+.education__date {
+    position: relative;
+    font-size: 14px;
+    font-weight: 300;
+    color: #333;
+    z-index: 2;
+}
+
+.education__title {
+    position: relative;
+    font-size: 24px;
+    font-weight: 600;
+    z-index: 2;
+}
+
+.education__degree,
+.experience__date {
+    font-size: 14px;
+    font-weight: 300;
+    color: #333;
+    z-index: 2;
+    position: relative;
+}
+
+.about__profile-picture {
+    -webkit-box-flex: 0;
+    flex: 0 0 calc(100% + 80px);
+    max-width: calc(100% + 80px);
+    width: calc(100% + 80px);
+    margin-left: -40px;
+    margin-right: -40px;
+    margin-top: 40px;
+}
+
+.about__profile-picture img {
+    min-width: 200px;
+    min-height: 200px;
+}
+
+html,
+html body {
+    min-height: 100%;
+}
+
+@media (min-width: 768px) {
+    .about__profile-picture {
+        margin-top: 0;
+        -webkit-box-flex: 0;
+        flex: 0 0 50%;
+        max-width: 50%;
+        width: 50%;
+        margin-left: 0;
+        margin-right: 0;
+    }
+}
+
+.clients {
+    display: -webkit-box;
+    display: flex;
+    flex-wrap: wrap;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+    margin-bottom: -30px;
+    margin-left: -20px;
+}
+
+@media (min-width: 768px) {
+    .clients {
+        margin-left: -50px;
+    }
+}
+
+@media (min-width: 1200px) {
+    .clients {
+        -webkit-box-pack: justify;
+        justify-content: space-between;
+    }
+}
+
+.clients__item {
+    opacity: 0.5;
+    margin-bottom: 30px;
+    margin-left: 20px;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+    -webkit-transition-duration: 0.2s;
+    transition-duration: 0.2s;
+}
+
+.clients__item:hover {
+    opacity: 1;
+}
+
+.testimonial .icon-quote-left {
+    display: block;
+    margin-bottom: 16px;
+}
+
+@media (min-width: 768px) {
+    .clients__item {
+        margin-left: 50px;
+    }
+    .testimonial .icon-quote-left {
+        margin-bottom: 24px;
+    }
+    .img-clip-left-backward {
+        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
+        clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
+    }
+}
+
+.testimonial__author {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.testimonial__author-info,
+html body {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+}
+
+.testimonial__author-image {
+    margin-right: 16px;
+    width: 52px;
+    height: 52px;
+    border-radius: 100%;
+}
+
+.testimonial__author-info {
+    display: flex;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: start;
+    align-items: flex-start;
+}
+
+.testimonial__author-info h3 {
+    font-size: 16px;
+    margin-bottom: 0;
+}
+
+.testimonial__author-info span {
+    font-size: 14px;
+    font-weight: 700;
+    color: #AE1B13;
+}
+
+html {
+    height: 100%;
+    overflow-x: hidden;
+}
+
+html body {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    color: #000;
+    font-family: Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-family: Helvetica;
+    letter-spacing: 0.3px;
+    word-spacing: 0px;
+    visibility: visible;
+    font-weight: 400;
+}
+
+html body ::-moz-selection {
+    background-color: #AE1B13;
+    color: #fff;
+}
+
+html body ::selection {
+    background-color: #AE1B13;
+    color: #fff;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="password"]:focus,
+textarea:focus {
+    outline: 0;
+}
+
+.section {
+    position: relative;
+    padding-top: 60px;
+    padding-bottom: 60px;
+}
+
+.section--border-bottom::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    bottom: 0;
+    width: 100%;
+    height: 1px;
+    max-width: 1170px;
+    background-color: #dbe0e4;
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+}
+
+.section .row.row--padded {
+    margin-top: 32px;
+    margin-bottom: 60px;
+}
+
+@media (min-width: 1200px) {
+    .section div[class*="col-"].rad-col-text:first-child {
+        max-width: 500px;
+        margin-right: auto;
+    }
+    .section div[class*="col-"].rad-col-text:not(:first-child) {
+        max-width: 500px;
+        margin-left: auto;
+    }
+}
+
+.section div[class*="col-"].rad-col-text h2 {
+    text-align: center;
+}
+
+@media (min-width: 992px) {
+    .section {
+        padding-top: 80px;
+        padding-bottom: 80px;
+    }
+    .section .row.row--padded {
+        margin-top: 80px;
+        margin-bottom: 80px;
+    }
+    .section div[class*="col-"].rad-col-text h2 {
+        text-align: left;
+    }
+}
+
+.section div[class*="col-"].rad-col-text p {
+    text-align: center;
+}
+
+.section div[class*="col-"] img {
+    max-width: 100%;
+}
+
+.section div[class*="col-"] img.image-left-overflow {
+    margin-left: 0;
+}
+
+.section ul li {
+    display: block;
+    position: relative;
+    padding-left: 15px;
+    font-weight: 300;
+    line-height: 1.24;
+    margin-bottom: 12px;
+    text-align: left;
+}
+
+.section ul li::before {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 8px;
+    width: 6px;
+    height: 6px;
+    border-radius: 4px;
+    background-color: #000;
+}
+
+/* Override styles for ordered lists */
+.section ol {
+    counter-reset: item;
+    padding-left: 2rem;
+}
+
+.section ol li {
+    display: list-item;
+    position: relative;
+    padding-left: 0;
+    list-style-position: outside;
+}
+
+.section ol li::before {
+    display: none;
+    content: none;
+}
+
+/* Override for ordered lists - must appear after general li styles to take precedence */
+.section ol li {
+  display: list-item !important;
+  padding-left: 0 !important;
+}
+
+.section ol li::before {
+  display: none !important;
+  content: none !important;
+  width: 0 !important;
+  height: 0 !important;
+}
+
+@media (min-width: 768px) {
+    .img-clip-left-forward {
+        -webkit-clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
+        clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
+    }
+    .img-clip-right-backward {
+        -webkit-clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
+        clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
+    }
+    .img-clip-right-forward {
+        -webkit-clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
+        clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
+    }
+    .section div[class*="col-"] img.image-left-overflow {
+        margin-left: -50px;
+    }
+    .section div[class*="col-"] img.image-right-overflow {
+        margin-right: -150px;
+    }
+}
+
+.section--cta {
+    padding-top: 80px;
+    padding-bottom: 80px;
+    background-color: #000;
+    color: #fff;
+}
+
+.section--cta .h2,
+.section--cta h2 {
+    color: #fff;
+}
+
+.section--contact {
+    padding-bottom: 0;
+    background-image: url(../img/contact-bg.png);
+    background-repeat: repeat-x;
+    background-position: 0 100%;
+    background-color: white;
+}
+
+.section--contact .container {
+    background-color: #fff;
+    box-shadow: 0 42px 34px -16px rgba(0, 0, 0, 0.3);
+}
+
+.section li {
+    display: block;
+    position: relative;
+    padding-left: 15px;
+    font-weight: 300;
+    line-height: 1.24;
+    margin-bottom: 12px;
+    text-align: left;
+}
+
+.section ol,
+.section ul {
+    padding-left: 1.2rem;
+}
+
+.section li::before {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 8px;
+    width: 6px;
+    height: 6px;
+    border-radius: 4px;
+    background-color: #000;
+}
+
+.header.collapse.show::before,
+.header.collapsing::before {
+    background-color: #fff;
+    opacity: 1;
+}
+
+.header + .section {
+    margin-top: 120px;
+}
+
+.section.four-o-four {
+    -webkit-box-flex: 1;
+    flex: 1;
+}
+
+.four-o-four {
+    -webkit-box-flex: 1;
+    flex: 1;
+    padding: 125px 30px;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.header {
+    padding-top: 20px;
+    -webkit-transition-property: height, padding, background-color, box-shadow;
+    transition-property: height, padding, background-color, box-shadow;
+    -webkit-transition-duration: 0.35s;
+    transition-duration: 0.35s;
+    -webkit-transition-timing-function: ease;
+    transition-timing-function: ease;
+}
+
+.header::before {
+    position: absolute;
+    left: 0;
+    top: 0;
+    opacity: 0;
+    content: "";
+    width: 100%;
+    height: 100%;
+    background-image: none;
+    background-size: 100% 100%;
+    background-position: 50% 100%;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -webkit-transition-duration: 0.35s;
+    transition-duration: 0.35s;
+    -webkit-transition-timing-function: ease;
+    transition-timing-function: ease;
+}
+
+.header.collapse,
+.header.collapse:not(.show) {
+    display: block;
+}
+
+.header .navbar-brand,
+.header .navbar-nav {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+}
+
+.header.collapse.show {
+    height: 100vh;
+}
+
+.header.collapse.show::before {
+    -webkit-transition-duration: 0;
+    transition-duration: 0;
+}
+
+.header.collapsing {
+    height: 100vh !important;
+}
+
+.header .navbar {
+    -webkit-box-pack: center;
+    justify-content: center;
+}
+
+@media (min-width: 992px) {
+    .section div[class*="col-"].rad-col-text p {
+        text-align: left;
+    }
+    .section div[class*="col-"] img.image-left-overflow {
+        margin-left: -75px;
+    }
+    .header {
+        padding-top: 35px;
+    }
+    .header .navbar {
+        -webkit-box-pack: justify;
+        justify-content: space-between;
+    }
+}
+
+.header .navbar-collapse.collapsing {
+    overflow: hidden !important;
+}
+
+.header .navbar-brand {
+    display: flex;
+    flex-direction: column;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: start;
+    align-items: flex-start;
+    margin-right: 0;
+}
+
+.header .navbar-brand img {
+    width: 117px;
+    max-height: 40px;
+    -o-object-fit: contain;
+    object-fit: contain;
+    -o-object-position: center center;
+    object-position: center center;
+}
+
+.header .navbar-brand span {
+    display: block;
+}
+
+.header .navbar-brand span:first-child {
+    align-self: center;
+    font-size: 25px;
+    font-weight: 900;
+    letter-spacing: -1.17px;
+    color: #AE1B13;
+}
+
+@media (min-width: 768px) {
+    .header .navbar-brand img {
+        width: 156px;
+        max-height: 40px;
+    }
+    .header .navbar-brand span:first-child {
+        font-size: 32.9px;
+    }
+}
+
+.header .navbar-brand span:nth-child(2) {
+    margin-top: -20px;
+    align-self: center;
+    font-family: AutumnMoon;
+    font-size: 25px;
+    font-weight: 400;
+    letter-spacing: -1.17px;
+    color: #000;
+}
+
+@media (min-width: 768px) {
+    .header .navbar-brand span:nth-child(2) {
+        font-size: 32.9px;
+        margin-top: -26px;
+    }
+}
+
+.header .navbar-toggler:not(.nav-link) {
+    position: absolute;
+    left: 0;
+    top: 14px;
+    border: none;
+}
+
+.header .navbar-toggler:not(.nav-link) -icon {
+    -webkit-transform: scale(0.8);
+    transform: scale(0.8);
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
+}
+
+.header .navbar-nav {
+    display: flex;
+    flex-direction: column;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.header .navbar-collapse {
+    margin-top: 30px;
+    overflow-y: auto;
+    max-height: calc(100vh - 123px);
+}
+
+@media (min-width: 992px) {
+    .header .navbar-brand {
+        margin-right: 16px;
+    }
+    .header .navbar-toggler:not(.nav-link) {
+        position: relative;
+    }
+    .header .navbar-nav {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        flex-direction: row;
+        align-self: flex-end;
+    }
+    .header .navbar-collapse {
+        margin-top: 0;
+        overflow-y: visible;
+        max-height: unset;
+    }
+}
+
+.header .navbar .nav-item {
+    width: 100%;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+}
+
+.header .navbar .nav-item * {
+    box-sizing: border-box;
+    -webkit-transition: all 0.35s ease;
+    transition: all 0.35s ease;
+}
+
+.header .navbar .nav-item:first-child {
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.header .navbar .nav-item .nav-link {
+    position: relative;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    min-height: 50px;
+    font-size: 18px;
+    font-weight: 700;
+    color: #000;
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+@media (min-width: 992px) {
+    .header .navbar .nav-item {
+        width: auto;
+        border-bottom: none;
+    }
+    .header .navbar .nav-item:first-child {
+        border-top: none;
+    }
+    .header .navbar .nav-item .nav-link {
+        font-size: 14px;
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+}
+
+@media (min-width: 1200px) {
+    .section div[class*="col-"] img.image-left-overflow {
+        margin-left: -120px;
+    }
+}
+
+a.nav-link::after {
+    content: "";
+    position: absolute;
+    left: var(--bs-navbar-nav-link-padding-x);
+    bottom: 5px;
+    height: 1px;
+    width: calc(100% - 2 * (var(--bs-navbar-nav-link-padding-x)));
+    background-color: rgba(0, 0, 0, 0.6);
+    will-change: transform;
+    -webkit-transform-origin: 0 50%;
+    transform-origin: 0 50%;
+    -webkit-transform: scaleX(0);
+    transform: scaleX(0);
+    -webkit-transition-property: -webkit-transform;
+    transition-property: -webkit-transform;
+    transition-property: transform;
+    transition-property: transform, -webkit-transform;
+    -webkit-transition-duration: 0.4s;
+    transition-duration: 0.4s;
+    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+
+.nav-link:focus::after,
+.nav-link:focus-visible::after {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+}
+
+.footer_links .nav-item .nav-link::after {
+    background-color: white;
+}
+
+.header .navbar-text {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    width: 100%;
+    padding-top: 30px;
+    padding-bottom: 30px;
+}
+
+@media (min-width: 992px) {
+    .header .navbar .nav-item:hover .nav-link::after,
+    .footer_links .nav-item:hover .nav-link::after {
+        -webkit-transform: scaleX(1);
+        transform: scaleX(1);
+    }
+    .header .navbar-text {
+        display: block;
+        width: auto;
+        padding: 0;
+    }
+}
+
+.header .navbar-light .navbar-nav .nav-link,
+.header .navbar-light .navbar-nav .btn-link {
+    color: #000;
+}
+
+.header--sticky-triggered {
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background-color: #fff;
+    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
+}
+
+.footer {
+    padding-bottom: 60px;
+    background-color: #000;
+    color: $white;
+}
+
+.footer .items{
+    padding-top: 60px;
+}
+
+.footer {
+    p, h1, h2, h3, h4, h5, h6 {
+        color: $white;
+    }
+
+    .text-muted{
+        color: rgb(233, 236, 239) !important;
+    }
+}
+
+.contact{
+    h1, h2, h3, h4, h5, h6 {
+        color: $black;
+    }
+}
+
+
+.footer .container {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+@media (min-width: 992px) {
+    .footer .container {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        flex-direction: row;
+    }
+}
+
+.footer__left {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+.footer__right {
+    color: white;
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: end;
+    justify-content: flex-end;
+    -webkit-box-align: center;
+    align-items: center;
+    grid-area: right;
+}
+
+.footer__links {
+    -webkit-box-flex: 1;
+    flex: 1;
+    grid-area: links;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+@media (min-width: 992px) {
+    .footer__links {
+        display: -webkit-box;
+        display: flex;
+        -webkit-box-pack: center;
+        justify-content: center;
+        -webkit-box-align: center;
+        align-items: center;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+}
+
+.footer__copy {
+    color: rgba(255, 255, 255, 0.6);
+    white-space: nowrap;
+    font-size: 12px;
+    font-weight: 300;
+}
+
+.footer .navbar-nav {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+}
+
+@media (min-width: 992px) {
+    .footer .navbar-nav {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        flex-direction: row;
+        align-self: stretch;
+    }
+}
+
+.footer .navbar-nav .nav-item .nav-link {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    font-size: 18px;
+    font-weight: 500;
+    color: #fff;
+    padding-top: 4px;
+    padding-bottom: 4px;
+    min-height: 50px;
+    white-space: nowrap;
+    position: relative;
+}
+
+@media (min-width: 992px) {
+    .footer .navbar-nav .nav-item .nav-link {
+        display: -webkit-box;
+        display: flex;
+        font-size: 14px;
+        padding: 0 var(--bs-navbar-nav-link-padding-x);
+    }
+}
+
+.rad-showcase {
+    display: -webkit-box;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    align-items: center;
+    position: relative;
+    margin-bottom: -20px;
+    padding-top: 120px;
+}
+
+.rad-showcase__bg {
+    -webkit-box-pack: start;
+    justify-content: flex-start;
+    -webkit-box-align: center;
+    align-items: center;
+    height: 100%;
+    position: absolute;
+    left: 50%;
+    z-index: 0;
+    display: none;
+}
+
+.rad-showcase__bg img {
+    width: 100%;
+    margin-top: 90px;
+    height: 100%;
+    max-height: 721px;
+}
+
+@media (min-width: 968px) {
+    .rad-showcase {
+        min-height: 870px;
+        padding-top: 0;
+        margin-bottom: 0;
+    }
+    .rad-showcase__bg {
+        display: -webkit-box;
+        display: flex;
+        right: -50px;
+    }
+    .rad-showcase__bg img {
+        width: auto;
+    }
+}
+
+.rad-showcase__bg--mobile {
+    display: -webkit-box;
+    display: flex;
+    position: relative;
+    left: 0;
+    right: 0;
+    opacity: 1;
+}
+
+.rad-showcase__bg--mobile img {
+    margin-top: 40px;
+}
+
+.rad-showcase .container {
+    position: relative;
+    z-index: 2;
+}
+
+.rad-showcase .container h1 {
+    width: 100%;
+    font-size: 32px;
+}
+
+@media (min-width: 968px) {
+    .rad-showcase__bg--mobile {
+        display: none;
+    }
+    .rad-showcase .container h1 {
+        font-size: 48px;
+    }
+}
+
+.rad-showcase .container h1 span {
+    display: block;
+    margin-top: 5px;
+    font-weight: 300;
+}
+
+.rad-showcase .container p.lead {
+    width: 100%;
+}
+.platform-links {
+    margin-top: 40px;
+    margin-right: -5px;
+}
+
+@media (min-width: 992px) {
+    .platform-links {
+        margin-right: -10px;
+    }
+}
+.platform-links [class^="icon-"] {
+    margin-right: 5px;
+    font-size: 17px;
+    color: #000;
+}
+.platform-links [class^="icon-"]:hover::before {
+    -webkit-transition-duration: 0.15s;
+    transition-duration: 0.15s;
+    -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+    -webkit-transition-property: -webkit-transform;
+    transition-property: -webkit-transform;
+    transition-property: transform;
+    transition-property: transform, -webkit-transform;
+    -webkit-transform: scale(1.2);
+    transform: scale(1.2);
+}
+
+@media (min-width: 992px) {
+    .platform-links [class^="icon-"] {
+        font-size: 19px;
+        margin-right: 10px;
+    }
+}
+
+.rad-showcase + section {
+    margin-top: 0;
+}
+
+@media (min-width: 1200px) {
+    .rad-showcase {
+        min-height: 870px;
+        padding-top: 0;
+        margin-bottom: 0;
+    }
+    .rad-showcase + section {
+        margin-top: -70px;
+    }
+}
+
+/* adritian custom css */
+
+
+.profile-image img {
+    max-inline-size: 100%;
+    block-size: auto;
+}
+
+.profile-image img {
+    margin-top: 40px;
+}
+
+.rad-showcase__bg img {
+    margin-top: 0;
+    margin-left: 100px;
+    max-width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+    .rad-showcase__bg img {
+        height: 400px;
+    }
+}
+
+.header .navbar-brand {
+    flex-direction: row;
+}
+
+.header .navbar-brand span {
+    display: inline;
+}
+
+.header .navbar-brand span:nth-child(2) {
+    font-family: inherit;
+    margin-top: 0;
+}
+
+#breadcrumb-bar {
+    position: relative;
+    padding-top: 120px;
+    
+    nav {
+        display: inline-block;
+    }
+}
+
+.breadcrumbs {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1.25rem;
+    margin: 0;
+    list-style: none;
+    background: var(--rad-color-box, rgba(0, 0, 0, 0.03));
+    border-radius: 0.5rem;
+    font-size: 0.925rem;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+}
+
+.breadcrumb-item {
+    display: flex;
+    align-items: center;
+    line-height: 1.5;
+    
+    &:not(:last-child)::after {
+        content: "›";
+        margin-left: 0.5rem;
+        font-size: 1.2rem;
+        color: var(--rad-color-text-muted, rgba(0, 0, 0, 0.4));
+        font-weight: 300;
+    }
+    
+    &.active {
+        font-weight: 600;
+        color: var(--rad-color-primary, #000);
+        
+        .breadcrumb-text {
+            color: var(--rad-color-primary, #000);
+        }
+    }
+}
+
+.breadcrumb-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    color: var(--rad-color-text-secondary, rgba(0, 0, 0, 0.65));
+    text-decoration: none;
+    padding: 0.25rem 0.5rem;
+    border-radius: 0.375rem;
+    transition: all 0.2s ease;
+    
+    &:hover {
+        color: var(--rad-color-primary, #000);
+        background: rgba(0, 0, 0, 0.05);
+        text-decoration: none;
+        
+        .breadcrumb-icon {
+            transform: scale(1.1);
+        }
+    }
+    
+    &:focus {
+        outline: 2px solid var(--rad-color-primary, #000);
+        outline-offset: 2px;
+    }
+}
+
+.breadcrumb-icon {
+    font-size: 1rem;
+    line-height: 1;
+    transition: transform 0.2s ease;
+}
+
+.breadcrumb-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 200px;
+}
+
+// Dark mode support
+html[data-bs-theme="dark"] {
+    .breadcrumbs {
+        background: linear-gradient(135deg, rgba(80, 90, 100, 0.95) 0%, rgba(70, 80, 90, 1) 100%);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.2);
+        border: 1px solid rgba(255, 255, 255, 0.25);
+        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: blur(10px);
+    }
+    
+    .breadcrumb-item {
+        &:not(:last-child)::after {
+            color: rgba(255, 255, 255, 0.7);
+            font-weight: 500;
+        }
+        
+        &.active {
+            .breadcrumb-text {
+                color: #fff;
+                font-weight: 700;
+            }
+        }
+    }
+    
+    .breadcrumb-link {
+        color: rgba(255, 255, 255, 0.95);
+        
+        &:hover {
+            color: #fff;
+            background: rgba(255, 255, 255, 0.25);
+            box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
+            transform: scale(1.02);
+        }
+        
+        &:focus {
+            outline: 2px solid rgba(255, 255, 255, 0.7);
+            outline-offset: 2px;
+        }
+    }
+    
+    .breadcrumb-icon {
+        filter: brightness(1.5) contrast(1.2);
+    }
+    
+    .breadcrumb-text {
+        color: rgba(255, 255, 255, 0.95);
+    }
+}
+
+// Responsive design
+@media (max-width: 768px) {
+    .breadcrumbs {
+        font-size: 0.875rem;
+        padding: 0.625rem 1rem;
+        gap: 0.375rem;
+    }
+    
+    .breadcrumb-text {
+        max-width: 150px;
+    }
+    
+    .breadcrumb-icon {
+        font-size: 0.9rem;
+    }
+}
+
+@media (max-width: 480px) {
+    #breadcrumb-bar {
+        padding-top: 100px;
+    }
+    
+    .breadcrumbs {
+        font-size: 0.8rem;
+        padding: 0.5rem 0.75rem;
+    }
+    
+    .breadcrumb-text {
+        max-width: 100px;
+    }
+}
+
+.book-category {
+    font-size: 1.5em;
+    padding-bottom: .3em;
+    border-bottom: 1px solid rgb(200, 200, 200);
+    width: 100%;
+}
+
+.book-category-anchor .icon {
+    font-size: 12px
+}
+
+ul.book-category-content {
+    padding-left: 0;
+}
+
+.book-card a.goodreads {
+    float: right;
+}
+
+.goodreads-search {
+    margin-left: 64px;
+    width: 16px;
+}
+
+.book-content {
+    width: 100%;
+}
+
+
+.book-content .book-header {
+    margin-bottom: 10px;
+}
+
+.book-content h5,
+.book-content h6 {
+    display: inline;
+    font-weight: 500;
+}
+
+.book-content h5 {
+    margin-right: -2px;
+}
+
+.book-content .goodreads-link {
+    float: right;
+}
+
+#books .row {
+    margin: 0;
+}
+
+ul.book-category-content {
+    list-style: none;
+}
+
+.book-content.featured::before {
+    content: "\2605"; /* Unicode bullet symbol */
+    color: $base-color; /* Bullet color */
+    /* Optional tweaks */
+    font-weight: bold;
+    padding-right: 10px;
+    background-color: transparent;
+    top: 4px;
+    left: -5px;
+}
+
+
+li.book-content p {
+    line-height: normal;
+}
+
+.about__profile-picture img {
+    object-fit: contain;
+}
+
+.footer__copy a {
+    color: white;
+}
+
+.posts-list,
+.posts-list.container {
+    padding-left: 0;
+}
+
+.posts-list article.summary {
+    margin-bottom: 20px;
+    font-size: 14px;
+    font-weight: 300;
+    color: #333;
+}
+
+.posts-list article.summary .post-meta {
+    font-weight: 500;
+
+    .post-meta-info{
+        margin-bottom: 10px;
+    }
+}
+
+
+article.post.summary h2 {
+    font-size: 40px
+}
+
+.post-summary {
+    margin-top: 20px;
+}
+
+.post-content {
+    margin-bottom: 20px;
+
+    img {
+        max-width: 100%;
+        height: auto;
+        margin: 1.5rem 0;
+        border-radius: 0.375rem;
+    }
+
+    a {
+        color: $base-color;
+        text-decoration: underline;
+        transition: color 0.2s ease-in-out;
+        
+        &:hover {
+            color: darken($base-color, 20%);
+            text-decoration: underline;
+        }
+        
+        &:focus {
+            outline: 2px solid rgba($base-color, 0.5);
+            outline-offset: 2px;
+        }
+        
+        &.external {
+            &::after {
+                content: "\2197"; // Unicode for upward-right arrow
+                display: inline-block;
+                margin-left: 0.25em;
+                font-size: 0.8em;
+            }
+        }
+    }
+}
+
+// Single blog post improvements
+#blog-single {
+    #main-content {
+        max-width: 820px;
+        margin: 0 auto;
+        padding: 0 1.5rem;
+
+        h1 {
+            font-size: 2.5rem;
+            line-height: 1.2;
+            margin-bottom: 2rem;
+            margin-top: 1.5rem;
+            font-weight: 700;
+
+            a {
+                color: inherit;
+                text-decoration: none;
+
+                &:hover {
+                    color: $base-color;
+                }
+            }
+        }
+
+        .post-content,
+        .col-12 {
+            font-size: 1.125rem;
+            line-height: 1.75;
+        }
+    }
+}
+
+ul.tags,
+ul.topics,
+ul.list-taxonomy {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.75rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    li {
+        margin-bottom: 0;
+        padding-left: 0;
+        border: none !important;
+        background: none !important;
+
+        &::before {
+            display: none !important;
+        }
+
+        a {
+            display: inline-block;
+            padding: 0.5rem 1rem;
+            background-color: #f5f5f5;
+            color: #333;
+            text-decoration: none;
+            border: none;
+            border-radius: 0.25rem;
+            font-size: 0.9rem;
+            font-weight: 500;
+            transition: all 0.2s ease;
+
+            &:hover {
+                background-color: #e8e8e8;
+                color: #000;
+                transform: translateY(-1px);
+            }
+        }
+    }
+}
+
+div.blog-single a{
+    color: $base-color
+}
+
+#blog-single #meta {
+    margin-bottom: 3rem;
+    margin-top: 0.5rem;
+
+    section {
+        font-weight: 300;
+        font-size: 1rem;
+        color: var(--bs-secondary-color);
+        margin-bottom: 1.25rem;
+    }
+
+    h4 {
+        font-size: 1rem;
+        font-weight: 400;
+        display: inline;
+        color: var(--bs-body-color);
+    }
+
+    h5 {
+        font-size: 0.875rem;
+        font-weight: 300;
+        display: inline;
+    }
+
+    #topics,
+    .tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.75rem;
+        margin-top: 1.25rem;
+        margin-bottom: 0;
+        padding-left: 0;
+        list-style: none;
+
+        li {
+            margin-bottom: 0;
+            padding-left: 0;
+            border: none !important;
+            background: none !important;
+
+            &::before {
+                display: none !important;
+            }
+
+            a {
+                display: inline-block;
+                padding: 0.5rem 1rem;
+                background-color: #f5f5f5;
+                color: #333;
+                text-decoration: none;
+                border: none;
+                border-radius: 0.25rem;
+                font-size: 0.9rem;
+                font-weight: 500;
+                transition: all 0.2s ease;
+
+                &:hover {
+                    background-color: #e8e8e8;
+                    color: #000;
+                    transform: translateY(-1px);
+                }
+            }
+        }
+    }
+}
+
+.light-border-bottom::after {
+    content: "";
+    width: 100%;
+    height: 1px;
+    max-width: 100%;
+    background-color: var(--bs-border-color);
+    display: block;
+    margin-top: 2rem;
+    margin-bottom: 0;
+}
+
+// Keep legacy support for articles
+article.summary .post-meta h4 {
+    font-size: 16px;
+    font-weight: light;
+    display: inline;
+}
+
+article.summary .post-meta h5 {
+    font-size: 14px;
+    font-weight: light;
+    display: inline;
+}
+
+aside.content-browser {
+    margin-top: 20px;
+    padding-top: 10px;
+}
+
+.light-border-top::before {
+    content: "";
+    width: 80%;
+    height: 1px;
+    max-width: 1170px;
+    background-color: #adb5bd;
+    display: block;
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+@media only screen and (max-width: 768px) {
+    .header .navbar-brand {
+        margin-top: 10px;
+    }
+}
+
+@media only screen and (max-width: 990px) {
+    .rad-showcase__bg img {
+        margin-left: 0;
+    }
+}
+
+@media only screen and (min-width: 992px) and (max-width: 1280px) {
+    .header {
+        padding-top: 10px;
+    }
+}
+
+@media only screen and (min-width: 968px) and (max-width: 992px) {
+    .rad-showcase {
+        padding-top: 100px;
+    }
+}
+
+@media only screen and (min-width: 992px) {
+    .rad-showcase {
+        padding-top: 120px;
+    }
+}
+
+/* end adritian custom css */
+
+.popover,
+.tooltip,
+address {
+    font-style: normal;
+}
+
+.breadcrumb-item + .breadcrumb-item:hover::before,
+.btn-link,
+.btn:hover,
+.card-link:hover,
+.dropdown-item.active,
+.dropdown-item:active,
+.dropdown-item:focus,
+.dropdown-item:hover,
+.nav-link:focus,
+.nav-link:hover,
+.navbar-brand:focus,
+.navbar-brand:hover,
+.navbar-toggler:focus,
+.navbar-toggler:hover,
+.page-link:hover,
+a,
+a.badge:focus,
+a.badge:hover,
+a:not([href]):not([tabindex]),
+a:not([href]):not([tabindex]):focus,
+a:not([href]):not([tabindex]):hover {
+    text-decoration: none;
+}
+
+.accordion > .card,
+.collapsing,
+.dropdown-divider,
+.modal-open,
+.progress,
+.toast,
+svg {
+    overflow: hidden;
+}
+
+img,
+svg {
+    vertical-align: middle;
+}
+
+.dropdown-menu,
+.tooltip,
+body,
+caption {
+    text-align: left;
+}
+
+.popover,
+.tooltip,
+button,
+select {
+    text-transform: none;
+}
+
+pre,
+textarea {
+    overflow: auto;
+}
+
+.badge,
+progress,
+sub,
+sup {
+    vertical-align: baseline;
+}
+
+.custom-range,
+.custom-select,
+[type="search"] {
+    -webkit-appearance: none;
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_search.scss b/themes/adritian/assets/scss/_search.scss
new file mode 100644
index 0000000..c58e49d
--- /dev/null
+++ b/themes/adritian/assets/scss/_search.scss
@@ -0,0 +1,106 @@
+// Search page styles
+.search-section {
+  padding: 4rem 0;
+}
+
+#search-results {
+  margin-top: 2rem;
+  
+  .card-body {
+    padding: 1.5rem;
+  }
+
+  // Style for the "Please enter a word or phrase above" message
+  .alert {
+    margin: 1.5rem;
+    padding: 1rem;
+    border: 1px solid #cce5ff;
+    border-radius: 0.25rem;
+    background-color: #e6f2ff;
+    color: #004085;
+  }
+}
+
+// Style for the search form
+#search-query {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group-text {
+  cursor: pointer;
+  background-color: $base-color;
+  color: white;
+  border-color: $base-color;
+
+  &:hover {
+    background-color: darken($base-color, 10%);
+  }
+}
+
+// Search result item styling
+#summary-template {
+  padding: 1rem 0;
+  border-bottom: 1px solid #dee2e6;
+  
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+// Dark mode overrides
+@include color-mode(dark) {
+  
+  #main-content.search-section {
+    background-color: #181818 !important;
+    color: #f8f9fa;
+
+    h2, h3 {
+      color: #f8f9fa;
+    }
+  }
+
+  #search-query {
+    background-color: #222222;
+    border-color: #333333;
+    color: #f8f9fa;
+    
+    &::placeholder {
+      color: #8a8a8a;
+    }
+
+    &:focus {
+      box-shadow: 0 0 0 0.25rem rgba($base-color, 0.25);
+      border-color: $base-color;
+    }
+  }
+
+  .input-group-text {
+    background-color: $base-color;
+    color: white;
+    border-color: $base-color;
+  }
+
+  #search-results {
+    background-color: #222222;
+    
+    .card-body {
+      background-color: #222222;
+      border-color: #333333;
+    }
+    
+    .alert {
+      background-color: transparent;
+      border-color: transparent;
+      color: #e0e0e0;
+      margin: 0;
+      padding: 1.5rem;
+      border-radius: 0;
+      border-width: 0;
+    }
+  }
+
+  .border-bottom {
+    border-color: #333 !important;
+  }
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_skills.scss b/themes/adritian/assets/scss/_skills.scss
new file mode 100644
index 0000000..4ccbd5c
--- /dev/null
+++ b/themes/adritian/assets/scss/_skills.scss
@@ -0,0 +1,108 @@
+.skill-bar {
+    height: 10px;
+    background-color: #e9ecef;
+    border-radius: 5px;
+    margin-bottom: 5px;
+    overflow: hidden;
+}
+
+.skill-bar-fill {
+    height: 100%;
+    background-color: $primary;
+    border-radius: 5px;
+    transition: width 1s ease-in-out;
+}
+
+.skill-item {
+    margin-bottom: 30px;
+    padding: 20px;
+    border-radius: 8px;
+    background-color: #f8f9fa;
+    transition: all 0.3s ease;
+}
+
+.skill-item:hover {
+    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+    transform: translateY(-5px);
+}
+
+.skill-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+}
+
+.skill-name {
+    font-weight: 600;
+    font-size: 1.1rem;
+    margin: 0;
+}
+
+.skill-level {
+    font-size: 0.9rem;
+    color: #6c757d;
+}
+
+.skill-years {
+    display: inline-block;
+    padding: 3px 8px;
+    background-color: #e9ecef;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    margin-left: 10px;
+}
+
+.skill-description {
+    font-size: 0.9rem;
+    color: #6c757d;
+    margin-top: 10px;
+}
+
+.site-skills-section {
+    padding: 100px 0;
+}
+
+.site-skills-title {
+    margin-bottom: 20px;
+    font-weight: 700;
+}
+
+.site-skills-description {
+    max-width: 800px;
+    margin: 0 auto 50px;
+}
+
+@media (max-width: 768px) {
+    .site-skills-section {
+        padding: 60px 0;
+    }
+}
+
+/* Dark mode support */
+@include color-mode(dark) {
+    .skill-item {
+        background-color: #2d2d2d;
+    }
+    
+    .skill-name {
+        color: #fff;
+    }
+    
+    .skill-level, .skill-description {
+        color: #adb5bd;
+    }
+    
+    .skill-years {
+        background-color: #444;
+        color: #ddd;
+    }
+    
+    .skill-bar {
+        background-color: #444;
+    }
+    
+    .skill-bar-fill {
+        background-color: $dark-primary;
+    }
+}
diff --git a/themes/adritian/assets/scss/_theme-init.scss b/themes/adritian/assets/scss/_theme-init.scss
new file mode 100644
index 0000000..1271347
--- /dev/null
+++ b/themes/adritian/assets/scss/_theme-init.scss
@@ -0,0 +1,38 @@
+/* Preload styles to prevent theme flash */
+:root {
+  &[data-bs-theme=dark] {
+    color-scheme: dark;
+    --bs-body-color: #fff;
+    --bs-body-bg: #181818;
+  }
+  
+  &[data-bs-theme=light] {
+    color-scheme: light;
+    --bs-body-color: #000;
+    --bs-body-bg: #fff;
+  }
+}
+
+/* Ensure smooth transition when switching themes */
+html {
+  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+}
+
+/* Prevent flicker on elements that change color with theme */
+body, p, h1, h2, h3, h4, h5, h6, a {
+  transition: color 0.2s ease-in-out;
+}
+
+/* Applied during theme changes to ensure smooth transitions */
+html.theme-transition,
+html.theme-transition *,
+html.theme-transition *:before,
+html.theme-transition *:after {
+  transition: all 0s !important;
+  -webkit-transition: all 0s !important;
+}
+
+/* Specific auto mode handling - prevents flash when system preference changes */
+html[data-theme-auto="true"] {
+  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+} 
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/_variables.scss b/themes/adritian/assets/scss/_variables.scss
new file mode 100644
index 0000000..dd0befe
--- /dev/null
+++ b/themes/adritian/assets/scss/_variables.scss
@@ -0,0 +1,29 @@
+// Base colors
+$base-color: #478079; // #478079 - Your theme's primary color
+$primary: $base-color;
+$dark-primary: #66b2a9; // Brighter primary color for dark mode - enhanced contrast
+
+// Link colors
+$link-color: $base-color;
+$link-hover-color: darken($base-color, 15%);
+$link-decoration: none;
+$sidebar-link-color: #000; // increased contrast
+
+// Create CSS custom properties for Bootstrap
+:root {
+  --bs-link-color: #{$base-color};
+  --bs-link-color-rgb: #{red($base-color)}, #{green($base-color)}, #{blue($base-color)};
+  --bs-link-hover-color: #{darken($base-color, 15%)};
+  --bs-link-hover-color-rgb: #{red(darken($base-color, 15%))}, #{green(darken($base-color, 15%))}, #{blue(darken($base-color, 15%))};
+  --bs-link-decoration: none;
+}
+
+// Explicit link override for all <a> tags
+a {
+  color: $base-color;
+  text-decoration: $link-decoration;
+  
+  &:hover {
+    color: $link-hover-color;
+  }
+}
\ No newline at end of file
diff --git a/themes/adritian/assets/scss/adritian.scss b/themes/adritian/assets/scss/adritian.scss
new file mode 100644
index 0000000..3ead5ae
--- /dev/null
+++ b/themes/adritian/assets/scss/adritian.scss
@@ -0,0 +1,565 @@
+@charset "UTF-8";
+
+@import "variables";
+@import "theme-init";
+@import "bootstrap/bootstrap";
+@import "navbar";
+@import "menu";
+@import "raditian";
+@import "blog";
+@import "experience";
+@import "print";
+@import "search";
+@import "page-transition";
+@import "skills";
+@import "features";
+
+/** main style **/
+.header .navbar-brand span:first-child {
+  color: $base-color;
+}
+
+.header .container {
+  padding-left: 10px;
+}
+
+html body ::selection {
+  background-color: $base-color;
+  color: #fff;
+}
+
+.container {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.container {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 700;
+  line-height: normal;
+  color: #000;
+  margin-bottom: 8px;
+}
+
+.btn:focus-visible{
+  box-shadow: 0 0 0 0.2rem $primary;
+}
+
+@media (min-width: 992px) {
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-bottom: 10px;
+  }
+}
+
+h1,
+h2 {
+  margin-bottom: 16px;
+}
+
+h2 {
+  font-size: 32px;
+}
+
+@media (min-width: 992px) {
+  h1 {
+    margin-bottom: 10px;
+  }
+  h2 {
+    margin-bottom: 10px;
+    font-size: 36px;
+  }
+}
+
+h3,
+h4 {
+  font-size: 20px;
+  font-weight: 600;
+}
+
+@media (min-width: 992px) {
+  h3,
+  h4 {
+    font-size: 32px;
+  }
+  p {
+    line-height: 28px;
+  }
+}
+
+p {
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 28px;
+  color: #333;
+}
+
+p + p {
+  margin-top: -12px;
+}
+
+b, strong{
+  font-weight: 600;
+}
+
+.display-1 {
+  font-size: 36px;
+  font-weight: 800;
+  line-height: normal;
+  color: #000;
+}
+
+.showcase-section .platform-links.shortcode {
+  /* align to the left margin */
+  margin-left: -40px;
+}
+
+@media (min-width: 992px) {
+  .display-1 {
+    font-size: 60px;
+  }
+}
+
+.lead {
+  margin-bottom: 1rem;
+}
+
+.lead a,
+p a,
+span a {
+  color: #000;
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-position: from-font;
+  text-decoration-style: solid;
+  text-decoration-thickness: 1px;
+  transition: all 0.5s;
+}
+
+.lead a:hover,
+p a:hover,
+span a:hover {
+  color: $base-color;
+}
+
+.lead {
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.2;
+  letter-spacing: -0px;
+  color: #000;
+}
+
+br {
+  content: "";
+  margin: 2em;
+  display: block;
+  font-size: 24%;
+}
+
+@media (min-width: 992px) {
+  .lead {
+    font-size: 18px;
+  }
+  .contact {
+    margin-top: -2px;
+  }
+}
+
+@media (min-width: 992px) {
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important;
+  }
+
+  #mobile-header-language-selector,
+  #mobile-header-color-selector {
+    display: none;
+  }
+}
+
+.dropdown-item.selected {
+  font-weight: bold;
+}
+
+#mobile-header-language-selector,
+#mobile-header-color-selector {
+  flex-direction: column;
+}
+
+#languages-dropdown-mobile-header,
+#theme-dropdown-mobile-header {
+  font-size: inherit;
+}
+
+a.dropdown-item.translation,
+li.dropdown-item.current.selected {
+  width: 100%;
+  padding: 4px 10px;
+}
+
+li.dropdown-item.choice a {
+  padding-left: 30px;
+}
+
+.dropdown-menu button[aria-pressed="true"] {
+  font-weight: bold;
+}
+
+html[data-bs-theme="dark"] {
+  #dark-toggle {
+    span.dark {
+      display: none;
+    }
+  }
+}
+
+html[data-bs-theme="light"] {
+  #dark-toggle {
+    span.light {
+      display: none;
+    }
+  }
+}
+
+footer_links .nav-item .nav-link::after {
+  color: white;
+  background-color: white !important;
+}
+
+/* skip to content */
+.skip-to-content-link {
+  position: absolute;
+  left: -9999px;
+  z-index: 999;
+  padding: 1em;
+  background-color: white;
+  color: black;
+  opacity: 0;
+}
+
+.skip-to-content-link:focus {
+  left: 50%;
+  transform: translateX(-50%);
+  opacity: 1;
+}
+
+/* dark mode */
+@include color-mode(dark) {
+  $primary: $dark-primary;
+  html body,
+  body {
+    color: #fff;
+    background-color: #181818;
+  }
+  .header .navbar-brand span:nth-child(2) {
+    color: #fff;
+  }
+  .header .navbar .nav-item .nav-link::after {
+    background-color: #fff;
+  }
+  .header .navbar .nav-item .nav-link:hover a {
+    text-decoration: none;
+  }
+
+  .navbar-light .navbar-toggler-icon {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
+  }
+  .header.collapse.show::before,
+  .header.collapsing::before {
+    background-color: #181818;
+  }
+
+  @media (min-width: 992px) {
+    .header .navbar .nav-item:hover .nav-link::after {
+      background-color: #fff;
+    }
+  }
+
+  @media only screen and (max-width: 990px) {
+    .header .navbar .nav-item:first-child {
+      border-top: 1px solid rgba(255, 255, 255, 0.1);
+    }
+    .header .navbar .nav-item {
+      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    }
+  }
+  .header--sticky-triggered {
+    background: #181818;
+  }
+  .header .navbar-light .navbar-nav .nav-link,
+  .header .navbar-light .navbar-nav .btn-link {
+    color: #fff;
+  }
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: #fff;
+  }
+  .section li::before {
+    background-color: $light-text-emphasis-dark;
+  }
+  .display-1 {
+    color: #fff;
+  }
+  .lead {
+    color: #fff;
+  }
+
+  .lead a,
+  p a,
+  span a {
+    color: #fff;
+  }
+  .lead a:hover,
+  p a:hover,
+  span a:hover {
+    color: $dark-primary;
+  }
+  p {
+    color: $light-text-emphasis-dark;
+  }
+  .platform-links [class^="icon-"] {
+    color: #fff !important;
+  }
+
+  .education__degree,
+  .experience__date {
+    color: #a6a6a6;
+  }
+  .education__title {
+    color: #fff;
+  }
+  .education__date {
+    color: #d5d5d5;
+  }
+  .education::before {
+    background-color: #202020;
+  }
+  .testimonial__author-info span {
+    color: #f18983;
+  }
+  .section--contact .container {
+    background-color: #181818;
+  }
+  .contact__info span {
+    color: #fff;
+  }
+  .contact__info h3 {
+    color: #bebdbd;
+  }
+  .section--contact {
+    background-image: url(../img/contact-bg-dark.png);
+    background-color: #181818;
+  }
+  .btn-primary {
+    background-color: #fff;
+    color: #000;
+  }
+  .btn-primary:hover {
+    border-color: #fff;
+    color: #fff;
+    background: transparent;
+  }
+  .btn-frameless {
+    color: #fff;
+    border-color: #fff;
+  }
+  .btn:focus-visible {
+    color: black;
+    background-color: white;
+    box-shadow: 0 0 0 0.2rem $primary;
+  }
+  .btn-frameless.disabled,
+  .btn-frameless.focus,
+  .btn-frameless:disabled,
+  .btn-frameless:focus,
+  .btn-frameless:hover,
+  .btn-frameless:not(:disabled):not(.disabled).active,
+  .btn-frameless:not(:disabled):not(.disabled):active,
+  .show > .btn-frameless.dropdown-toggle {
+    background-color: white;
+    border-color: #fff;
+    color: #181818;
+  }
+  input.form-control,
+  input[type="text"],
+  input[type="email"],
+  input[type="tel"],
+
+  textarea {
+    color: #fff;
+    border-bottom: 1px solid #fff;
+    background-color: #181818;
+  }
+  input[type="text"]::placeholder,
+  input[type="email"]::placeholder,
+  textarea::placeholder {
+    color: #6e6e6e;
+  }
+  input[type="text"]:focus,
+  input[type="text"]:active,
+  input[type="email"]:focus,
+  input[type="email"]:active,
+  textarea:focus,
+  textarea:active {
+    border-bottom: 2px solid #fff;
+  }
+  .rad-subscription-group input,
+  .rad-subscription-group textarea {
+    border: none;
+    background: none;
+  }
+  .rad-subscription-group input[type="text"]:focus,
+  .rad-subscription-group input[type="email"]:focus,
+  .rad-subscription-group input[type="password"]:focus,
+  .rad-subscription-group textarea:focus {
+    outline: none;
+    box-shadow: none;
+    border: none;
+  }
+
+  .posts-list article.summary {
+    color: #c3c3c3;
+  }
+  .post-summary.post-content p,
+  .post-summary.post-content * {
+    color: white;
+  }
+
+  .text-muted {
+    color: rgba(255, 255, 255, 0.6);
+  }
+
+  .dropdown-item.active,
+  .dropdown-item:active,
+  .dropdown-item:focus,
+  .dropdown-item:hover {
+    background-color: $base-color;
+  }
+
+  // Blog post meta section dark mode
+  #blog-single #meta {
+    #topics,
+    .tags {
+      li a {
+        background-color: #2a2a2a;
+        color: #e0e0e0;
+        border: none;
+
+        &:hover {
+          background-color: #3a3a3a;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  // General tags styling for dark mode (consistency across all pages)
+  ul.tags,
+  ul.topics,
+  #topics,
+  ul.list-taxonomy {
+    li a {
+      background-color: rgba(255, 255, 255, 0.08);
+      color: #e8e8e8;
+      border: 1px solid rgba(255, 255, 255, 0.12);
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+
+      &:hover {
+        background-color: rgba(255, 255, 255, 0.15);
+        color: #fff;
+        border-color: rgba(255, 255, 255, 0.2);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 0 12px rgba(255, 255, 255, 0.1);
+        transform: translateY(-2px);
+      }
+    }
+  }
+
+  // Blog sidebar dark mode improvements
+  .blog-sidebar {
+    .sidebar-section {
+      background: linear-gradient(135deg, rgba(42, 42, 42, 0.6) 0%, rgba(35, 35, 35, 0.7) 100%);
+      border: 1px solid rgba(255, 255, 255, 0.1);
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.05);
+      -webkit-backdrop-filter: blur(10px);
+      backdrop-filter: blur(10px);
+
+      h3 {
+        color: #fff;
+        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+        border-bottom: 2px solid rgba(255, 255, 255, 0.15);
+        padding-bottom: 0.5rem;
+      }
+
+      ul.tags li a {
+        background: rgba(255, 255, 255, 0.08);
+        color: #e8e8e8;
+        border: 1px solid rgba(255, 255, 255, 0.12);
+        font-weight: 400;
+
+        &:hover {
+          background: rgba(255, 255, 255, 0.15);
+          color: #fff;
+          border-color: rgba(255, 255, 255, 0.2);
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+          text-decoration: none;
+        }
+      }
+
+      &.recent-posts {
+        ul li {
+          a {
+            color: rgba(255, 255, 255, 0.8);
+            
+            &:hover {
+              color: #fff;
+              text-decoration: underline;
+            }
+          }
+
+          .post-date {
+            color: rgba(255, 255, 255, 0.5);
+            font-size: 0.8rem;
+          }
+        }
+      }
+    }
+  }
+}
+
+/* end dark mode */
diff --git a/themes/adritian/config.toml b/themes/adritian/config.toml
new file mode 100644
index 0000000..668f921
--- /dev/null
+++ b/themes/adritian/config.toml
@@ -0,0 +1,24 @@
+[module]
+[module.hugoVersion]
+extended = true
+[[module.mounts]]
+
+# Workaround for https://github.com/gohugoio/hugo/issues/6945
+# source = "assets/scss/bootstrap/_vendor"
+# target = "assets/scss/bootstrap/vendor"
+[[module.mounts]]
+source = "assets"
+target = "assets"
+
+## Commented as per https://github.com/zetxek/adritian-free-hugo-theme/discussions/158#discussioncomment-11916561
+# [[module.imports]]
+# ignoreConfig = true
+# path = "github.com/twbs/bootstrap"
+# [[module.imports.mounts]]
+# source = "scss"
+# target = "assets/scss/bootstrap"
+# [[module.imports.mounts]]
+# source = "js"
+# target = "assets/js/bootstrap"
+# [[module.imports]]
+# path = "github.com/gohugoio/hugo-mod-jslibs-dist/popperjs/v2"
\ No newline at end of file
diff --git a/themes/adritian/content/search.md b/themes/adritian/content/search.md
new file mode 100644
index 0000000..fbeaa75
--- /dev/null
+++ b/themes/adritian/content/search.md
@@ -0,0 +1,51 @@
+---
+title: "Search Results"
+sitemap:
+  priority : 0.1
+layout: "search"
+---
+
+
+This file exists solely to respond to /search URL with the related `search` layout template.
+
+No content shown here is rendered, all content is based in the template layouts/page/search.html
+
+Setting a very low sitemap priority will tell search engines this is not important content.
+
+This implementation uses Fusejs, jquery and mark.js
+
+
+## Initial setup
+
+Search  depends on additional output content type of JSON in config.toml
+\```
+[outputs]
+  home = ["HTML", "JSON"]
+\```
+
+## Searching additional fileds
+
+To search additional fields defined in front matter, you must add it in 2 places.
+
+### Edit layouts/_default/index.JSON
+This exposes the values in /index.json
+i.e. add `category`
+\```
+...
+  "contents":{{ .Content | plainify | jsonify }}
+  {{ if .Params.tags }},
+  "tags":{{ .Params.tags | jsonify }}{{end}},
+  "categories" : {{ .Params.categories | jsonify }},
+...
+\```
+
+### Edit fuse.js options to Search
+`static/js/search.js`
+\```
+keys: [
+  "title",
+  "contents",
+  "tags",
+  "categories"
+]
+\```
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/assets/images/about/user-picture.png b/themes/adritian/exampleSite/assets/images/about/user-picture.png
new file mode 100644
index 0000000..37e1984
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/about/user-picture.png differ
diff --git a/themes/adritian/exampleSite/assets/images/clients/asgardia.png b/themes/adritian/exampleSite/assets/images/clients/asgardia.png
new file mode 100644
index 0000000..619a34e
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/clients/asgardia.png differ
diff --git a/themes/adritian/exampleSite/assets/images/clients/earth-2.png b/themes/adritian/exampleSite/assets/images/clients/earth-2.png
new file mode 100644
index 0000000..1eda9e2
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/clients/earth-2.png differ
diff --git a/themes/adritian/exampleSite/assets/images/clients/goldline.png b/themes/adritian/exampleSite/assets/images/clients/goldline.png
new file mode 100644
index 0000000..236fff4
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/clients/goldline.png differ
diff --git a/themes/adritian/exampleSite/assets/images/clients/kanba.png b/themes/adritian/exampleSite/assets/images/clients/kanba.png
new file mode 100644
index 0000000..1bfb4dd
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/clients/kanba.png differ
diff --git a/themes/adritian/exampleSite/assets/images/clients/zoo-tv.png b/themes/adritian/exampleSite/assets/images/clients/zoo-tv.png
new file mode 100644
index 0000000..c54cbfa
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/clients/zoo-tv.png differ
diff --git a/themes/adritian/exampleSite/assets/images/clients/ztos.png b/themes/adritian/exampleSite/assets/images/clients/ztos.png
new file mode 100644
index 0000000..4bf515d
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/clients/ztos.png differ
diff --git a/themes/adritian/exampleSite/assets/images/experience/internet-affairs.png b/themes/adritian/exampleSite/assets/images/experience/internet-affairs.png
new file mode 100644
index 0000000..9546804
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/experience/internet-affairs.png differ
diff --git a/themes/adritian/exampleSite/assets/images/hugo.svg b/themes/adritian/exampleSite/assets/images/hugo.svg
new file mode 100644
index 0000000..fb89cc8
--- /dev/null
+++ b/themes/adritian/exampleSite/assets/images/hugo.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Hugo</title><path d="M11.754 0a3.998 3.998 0 00-2.049.596L3.33 4.532a4.252 4.252 0 00-2.017 3.615v8.03c0 1.473.79 2.838 2.067 3.574l6.486 3.733a3.88 3.88 0 003.835.018l7.043-3.966a3.817 3.817 0 001.943-3.323V7.752a3.57 3.57 0 00-1.774-3.084L13.817.541a3.998 3.998 0 00-2.063-.54zm.022 1.674c.413-.006.828.1 1.2.315l7.095 4.127c.584.34.941.96.94 1.635v8.462c0 .774-.414 1.484-1.089 1.864l-7.042 3.966a2.199 2.199 0 01-2.179-.01l-6.485-3.734a2.447 2.447 0 01-1.228-2.123v-8.03c0-.893.461-1.72 1.221-2.19l6.376-3.935a2.323 2.323 0 011.19-.347zm-4.7 3.844V18.37h2.69v-5.62h4.46v5.62h2.696V5.518h-2.696v4.681h-4.46V5.518Z"/></svg>
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/assets/images/showcase/showcase.png b/themes/adritian/exampleSite/assets/images/showcase/showcase.png
new file mode 100644
index 0000000..32a907b
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/showcase/showcase.png differ
diff --git a/themes/adritian/exampleSite/assets/images/testimonials/testimonial1.png b/themes/adritian/exampleSite/assets/images/testimonials/testimonial1.png
new file mode 100644
index 0000000..bdda6e4
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/testimonials/testimonial1.png differ
diff --git a/themes/adritian/exampleSite/assets/images/testimonials/testimonial2.png b/themes/adritian/exampleSite/assets/images/testimonials/testimonial2.png
new file mode 100644
index 0000000..3ac5bdc
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/testimonials/testimonial2.png differ
diff --git a/themes/adritian/exampleSite/assets/images/testimonials/testimonial3.png b/themes/adritian/exampleSite/assets/images/testimonials/testimonial3.png
new file mode 100644
index 0000000..ffa376f
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/testimonials/testimonial3.png differ
diff --git a/themes/adritian/exampleSite/assets/images/works/carlos-muza-hpjSkU2UYSU-unsplash.jpg b/themes/adritian/exampleSite/assets/images/works/carlos-muza-hpjSkU2UYSU-unsplash.jpg
new file mode 100644
index 0000000..f609e2e
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/works/carlos-muza-hpjSkU2UYSU-unsplash.jpg differ
diff --git a/themes/adritian/exampleSite/assets/images/works/radity-finance.jpg b/themes/adritian/exampleSite/assets/images/works/radity-finance.jpg
new file mode 100644
index 0000000..fde9626
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/works/radity-finance.jpg differ
diff --git a/themes/adritian/exampleSite/assets/images/works/robo-advisor.jpg b/themes/adritian/exampleSite/assets/images/works/robo-advisor.jpg
new file mode 100644
index 0000000..85ccd18
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/works/robo-advisor.jpg differ
diff --git a/themes/adritian/exampleSite/assets/images/works/swissfintech.jpg b/themes/adritian/exampleSite/assets/images/works/swissfintech.jpg
new file mode 100644
index 0000000..287a082
Binary files /dev/null and b/themes/adritian/exampleSite/assets/images/works/swissfintech.jpg differ
diff --git a/themes/adritian/exampleSite/content/articles/_index.md b/themes/adritian/exampleSite/content/articles/_index.md
new file mode 100644
index 0000000..25cde65
--- /dev/null
+++ b/themes/adritian/exampleSite/content/articles/_index.md
@@ -0,0 +1,10 @@
+---
+title: "Articles"
+date: 2024-01-01
+draft: false
+description: "In-depth articles and tutorials"
+---
+
+Welcome to the articles section. Here you'll find comprehensive articles, tutorials, and deep-dive content on various topics related to web development, technology, and best practices.
+
+This section demonstrates how Hugo automatically creates sections from content folders, making it easy to organize different types of content.
diff --git a/themes/adritian/exampleSite/content/articles/first-article.md b/themes/adritian/exampleSite/content/articles/first-article.md
new file mode 100644
index 0000000..ed4794f
--- /dev/null
+++ b/themes/adritian/exampleSite/content/articles/first-article.md
@@ -0,0 +1,40 @@
+---
+title: 'First Article'
+date: 2024-01-15T10:00:00+00:00
+draft: false
+tags: 
+  - tutorial
+  - beginner
+---
+
+This is the first article content. Hugo sections allow you to organize content into logical groups, and each section gets its own URL path.
+
+## What are Hugo Sections?
+
+Hugo sections are a way to organize your content into logical groups. When you create a folder under `content/`, Hugo automatically treats it as a section.
+
+## Benefits of Using Sections
+
+- **Organization**: Keep related content together
+- **URLs**: Automatic URL structure (`/articles/`, `/news/`, etc.)
+- **Templates**: Custom layouts for different content types
+- **RSS**: Each section gets its own RSS feed
+
+## Example Structure
+
+```
+content/
+├── articles/
+│   ├── _index.md
+│   ├── first-article.md
+│   └── second-article.md
+└── news/
+    ├── _index.md
+    └── breaking-news.md
+```
+
+This creates accessible URLs like:
+- `/articles/` (section list)
+- `/articles/first-article/` (individual article)
+- `/news/` (section list)
+- `/news/breaking-news/` (individual news item)
diff --git a/themes/adritian/exampleSite/content/articles/second-article.md b/themes/adritian/exampleSite/content/articles/second-article.md
new file mode 100644
index 0000000..8b65398
--- /dev/null
+++ b/themes/adritian/exampleSite/content/articles/second-article.md
@@ -0,0 +1,37 @@
+---
+title: 'Advanced Hugo Sections'
+date: 2024-01-20T14:30:00+00:00
+draft: false
+tags: 
+  - hugo
+  - advanced
+  - sections
+---
+
+This is the second article, demonstrating how multiple articles appear in the same section.
+
+## Advanced Section Features
+
+Hugo sections provide powerful features for content organization:
+
+### Custom Section Templates
+
+You can create custom templates for each section by placing them in `layouts/SECTION/`:
+
+- `layouts/articles/list.html` - for `/articles/` page
+- `layouts/articles/single.html` - for individual articles
+
+### Section Variables
+
+In templates, you can access section-specific data:
+
+```go
+{{ .Section }}        // "articles"
+{{ .Type }}           // content type
+{{ .Pages }}          // all pages in section
+{{ .RegularPages }}   // only regular pages
+```
+
+### Taxonomies per Section
+
+Each section can have its own taxonomies (tags, categories) with independent organization.
diff --git a/themes/adritian/exampleSite/content/blog/_index.es.md b/themes/adritian/exampleSite/content/blog/_index.es.md
new file mode 100644
index 0000000..d3f5cd7
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/_index.es.md
@@ -0,0 +1,9 @@
+---
+title: "Blog de Demostración"
+date: 2023-01-01
+draft: false
+---
+
+Bienvenido al blog de demostración. Puedes personalizar (o eliminar) esta sección en el archivo `_index.md` de la carpeta `blog`. Puedes [leer sobre cómo organizar contenido en Hugo](https://gohugo.io/content-management/page-bundles/) en la documentación oficial.
+
+Los artículos a continuación se encuentran en la misma carpeta (`blog/`) y pueden estar en [cualesquiera de los formatos que Hugo soporta](https://gohugo.io/content-management/formats/) (Markdown, HTML, Emacs Org Mode, AsciiDoc, Pandoc o reStructuredText).
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/_index.md b/themes/adritian/exampleSite/content/blog/_index.md
new file mode 100644
index 0000000..802c499
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/_index.md
@@ -0,0 +1,11 @@
+---
+title: "Demo Blog"
+date: 2023-01-01
+draft: false
+---
+
+Welcome to the demo blog. You can customize (or remove) this section in the `_index.md` file in the `blog` folder. You can [read about how to organize content in Hugo](https://gohugo.io/content-management/page-bundles/) in the official docs.
+
+The posts below are in the same folder (`blog/`) and can be in the [supported formats by hugo](https://gohugo.io/content-management/formats/) (Markdown, HTML, Emacs Org Mode, AsciiDoc, Pandoc, or reStructuredText).
+
+You can use translations as well. 
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/getting-started.md b/themes/adritian/exampleSite/content/blog/getting-started.md
new file mode 100644
index 0000000..3c863b4
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/getting-started.md
@@ -0,0 +1,396 @@
+---
+title: 'Create your own version of the site'
+date: 2025-02-11T14:38:33+02:00
+draft: false
+type: 'blog'
+featured: true
+weight: 10
+tags: 
+  - adritian
+  - guide
+images:
+  featured_image: '/img/blog/A minimalistic representation of creating a personal website, focusing on clean lines, subtle geometric shapes, and a modern web development aesthetic.png'
+---
+
+This article is a guide to help you create your own version of the site using [Adritian](https://github.com/zetxek/adritian-free-hugo-theme). It will cover the main steps to get started with the theme, and how to customize it to your needs.
+
+### Creating a site
+
+This theme is for the content management system [Hugo](https://gohugo.io/), so that will be a pre-requirement.
+Make sure that you install the `extended` version of Hugo, as the theme uses SCSS for styling, as well as image optimization.
+
+A very good place to start is the Quick start guide: [https://gohugo.io/getting-started/quick-start/](https://gohugo.io/getting-started/quick-start/)
+
+_💡Tip:__ keep your repository clean and tidy by creating a [relevant `.gitignore` file](https://github.com/github/gitignore/blob/main/community/Golang/Hugo.gitignore) since the beginning:
+
+```
+# Generated files by hugo
+/public/
+/resources/_gen/
+/assets/jsconfig.json
+hugo_stats.json
+
+# Executable may be added to repository
+hugo.exe
+hugo.darwin
+hugo.linux
+
+# Temporary lock file while building
+/.hugo_build.lock
+```
+
+
+
+### Adding the theme
+
+Once you have a site created, you can add the theme to your site by following the instructions in the [README](https://github.com/zetxek/adritian-free-hugo-theme?tab=readme-ov-file#as-a-hugo-module-recommended). While there are multiple ways to add the theme, the recommended way is to use the Hugo Modules, the ones listed here.
+
+<details>
+<summary>Instructions to setup the theme as a hugo module</summary>
+
+1. Create a new Hugo site (this will create a new folder): `hugo new site <your website's name>`
+1. Enter the newly created folder: `cd <your website's name>/`
+1. Initialize the Hugo Module system in your site if you haven't already: `hugo mod init github.com/username/your-site` (_you don't need to host your website on GitHub, you can add anything as a name_)
+1. Replace the contents of your config file (`hugo.toml`) file by these: 
+
+
+<details>
+<summary>hugo.toml configuration</summary>
+
+```
+baseURL = "<your website url>"
+languageCode = "en"
+
+[module]
+[module.hugoVersion]
+# We use hugo.Deps to list dependencies, which was added in Hugo 0.92.0
+min = "0.92.0"
+
+[[module.imports]]
+path="github.com/zetxek/adritian-free-hugo-theme"
+
+## Base mounts - so your site's assets are available
+  [[module.mounts]]
+    source = "archetypes"
+    target = "archetypes"
+
+  [[module.mounts]]
+    source = "assets"
+    target = "assets"
+
+  [[module.mounts]]
+    source = "i18n"
+    target = "i18n"
+
+  [[module.mounts]]
+    source = "layouts" 
+    target = "layouts"
+
+  [[module.mounts]]
+    source = "static"
+    target = "static"
+
+# The following mounts are required for the theme to be able to load bootstrap
+# Remember also to copy the theme's `package.json` to your site, and run `npm install`
+[[module.mounts]]
+  source = "node_modules/bootstrap/scss"
+  target = "assets/scss/bootstrap"
+
+[[module.mounts]]
+  source = "node_modules/bootstrap/dist/js"
+  target = "assets/js/bootstrap"
+
+[[module.mounts]]
+  source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
+  target = "assets/js/vendor/bootstrap.bundle.min.js"
+
+## Optional, if you want print improvements (to PDF/printed)
+[[module.mounts]]
+source = "node_modules/bootstrap-print-css/css/bootstrap-print.css"
+target = "assets/css/bootstrap-print.css"
+
+[params]
+
+  title = 'Your website title'
+  description = 'Your website description'
+  sections = ["showcase", "about", "education", "experience", "client-and-work", "testimonial", "contact", "newsletter"]
+
+  # If you want to display an image logo in the header, you can add it here
+  # logo = '/img/hugo.svg'
+  homepageExperienceCount = 6
+
+  [params.analytics]
+  ## Analytics parameters.
+  ### Supported so far: Vercel (Page Insights, Analytics)
+  ### And Google (Tag Manager, Analytics)
+
+  # controls vercel page insights - disabled by default
+  # to enable, just set to true
+  vercelPageInsights = false
+  vercelAnalytics = false
+  
+  # google analytics and tag manager. to enable, set "enabled" to true
+  # and add the tracking code (UA-something for analytics, GTM-something for tag manager)
+  [params.analytics.googleAnalytics]
+      code = "UA-XXXXX-Y"
+      enabled = false
+  [params.analytics.googleTagManager]
+      code = "GTM-XXXXX"
+      enabled = false
+
+[build]
+  [build.buildStats]
+    disableClasses = false
+    disableIDs = false
+    disableTags = false
+    enable = true
+
+[params.languages.selector.disable]
+  footer = false
+
+[languages]
+  [languages.en]
+    disabled = false
+    languageCode = 'en'
+    languageDirection = 'ltr'
+    languageName = 'English'
+    title = ''
+    weight = 0
+
+    [languages.en.menus]
+      [[languages.en.menus.header]]
+        name = 'About'
+        URL = '#about'
+        weight = 2
+      [[languages.en.menus.header]]
+        name = 'Portfolio'
+        URL = '#portfolio'
+        weight = 3
+      #  [[languages.en.menus.header]]
+      #  name = "Experience"
+      #  URL = "#experience"
+      #  weight = 4
+
+      [[languages.en.menus.header]]
+        name = "Blog"
+        URL = "/blog"
+        weight = 5
+
+      [[languages.en.menus.header]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 6
+
+      [[languages.en.menus.footer]]
+        name = "About"
+        URL = "#about"
+        weight = 2
+
+      [[languages.en.menus.footer]]
+        name = "Portfolio"
+        URL = "#portfolio"
+        weight = 3
+
+      [[languages.en.menus.footer]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 4
+
+
+  [languages.es]
+    disabled = false
+    languageCode = 'es'
+    languageDirection = 'ltr'
+    languageName = 'Español'
+    title = ''
+    weight = 0
+      [[languages.es.menus.header]]
+        name = 'Sobre mi'
+        URL = '/es/#about'
+        weight = 2
+      [[languages.es.menus.header]]
+        name = 'Portfolio'
+        URL = '/es/#portfolio'
+        weight = 3
+
+      #  [[languages.es.menus.header]]
+      #  name = "Experiencia"
+      #  URL = "/es/#experience"
+      #  weight = 4
+
+      [[languages.es.menus.header]]
+        name = "Blog"
+        URL = "/es/blog"
+        weight = 5
+
+      [[languages.es.menus.header]]
+        name = "Contacto"
+        URL = "/es/#contact"
+        weight = 6
+
+      [[languages.es.menus.footer]]
+        name = "Sobre mi"
+        URL = "/es/#about"
+        weight = 2
+
+      [[languages.es.menus.footer]]
+        name = "Portfolio"
+        URL = "/es/#portfolio"
+        weight = 3
+
+      [[languages.es.menus.footer]]
+        name = "Contact"
+        URL = "/es/#contact"
+        weight = 4
+
+  [languages.fr]
+    disabled = false
+    languageCode = 'fr'
+    languageDirection = 'ltr'
+    languageName = 'Français'
+    title = ''
+    weight = 0
+
+    [languages.fr.menus]
+      [[languages.fr.menus.header]]
+        name = 'About'
+        URL = '#about'
+        weight = 2
+      [[languages.fr.menus.header]]
+        name = 'Portfolio'
+        URL = '#portfolio'
+        weight = 3
+      #  [[languages.fr.menus.header]]
+      #  name = "Experience"
+      #  URL = "#experience"
+      #  weight = 4
+
+      [[languages.fr.menus.header]]
+        name = "Blog"
+        URL = "/blog"
+        weight = 5
+
+      [[languages.fr.menus.header]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 6
+
+      [[languages.fr.menus.footer]]
+        name = "About"
+        URL = "#about"
+        weight = 2
+
+      [[languages.fr.menus.footer]]
+        name = "Portfolio"
+        URL = "#portfolio"
+        weight = 3
+
+      [[languages.fr.menus.footer]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 4
+
+# Plugins
+[params.plugins]
+
+  # CSS Plugins
+  [[params.plugins.css]]
+  URL = "css/custom.css"
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+  ## Optional, if you want print improvements (to PDF/printed)
+  [[params.plugins.css]]
+  URL = "css/bootstrap-print.css"
+  
+  # JS Plugins
+  [[params.plugins.js]]
+  URL = "js/rad-animations.js"
+  [[params.plugins.js]]
+  URL = "js/sticky-header.js"
+  [[params.plugins.js]]
+  URL = "js/library/fontfaceobserver.js"
+
+  # SCSS Plugins
+  [[params.plugins.scss]]
+  URL = "scss/adritian.scss"
+
+
+# theme/color style 
+[params.colorTheme]
+
+## the following configuration would disable automatic theme selection
+#  [params.colorTheme.auto]
+#    disable = true
+#  [params.colorTheme.forced]
+#    theme = "dark"
+
+## the following parameter will disable theme override in the footer
+#  [params.colorTheme.selector.disable]
+#  footer = true
+
+
+## by default we allow override AND automatic selection
+
+[params.blog]
+layout = "default" # options: default, sidebar
+sidebarWidth = "25" # percentage width of the sidebar
+showCategories = true
+showRecentPosts = true
+recentPostCount = 5
+listStyle = "summary" # options: simple, summary
+```
+</details>
+
+This configuration allows you to have a base to edit and adapt to your site, and see the available functionalities.
+Make sure to edit `baseURL`, `title` and `description`. You can edit the header links, as well as the languages to your needs.
+
+1. Get the module: `hugo mod get -u`
+1. Execute `hugo mod npm pack` - this will generate a `package.json` file in the root folder of your site, with the dependencies for the theme.
+1. Execute `npm install` - this will install the dependencies for the theme (including bootstrap)
+1. (Optional, to override the defaults) Create a file `data/homepage.yml` with the contents of the [`exampleSite/data/homepage.yml`](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/exampleSite/data/homepage.yml) file, and customize to your needs.
+1. Start Hugo with `hugo server`...
+1. 🎉 The theme is alive on http://localhost:1313/ (if everything went well)
+
+</details>
+
+
+### Editing the theme content
+
+Currently the theme content is spread over multiple folders and files. We are working on simplifying this - but for now [this guide](https://adritian-demo.vercel.app/) should help you get started.
+
+Some of the key files are:
+
+
+- `config.toml`: Main configuration for your Hugo site. Here you can set the site title, description, and theme specific settings such as:
+    - menu structure (footer and header)
+    - analytics (vercel, google)
+    - blog settings (layout, sidebar contents, etc)
+    - As well as some **required settings** for the theme to work properly (`module.mounts`, `params.plugins.css`)
+
+- `data/homepage.yml`: homepage structure, content and sections - including social links, and the hero section.
+- `assets/`: Where you can store static assets such as images, CSS, and JavaScript files (you can add custom CSS and JS files with the `params.plugins.css` in `config.toml`).
+- `content/`: This is where your content files will live. The theme-specific ones are:
+    - `content/blog/`: For blog posts.
+    - `content/portfolio/`: For portfolio items.
+    - `content/project/`: For projects.
+    - `content/testimonial/`: For testimonials.
+    - `content/education/`: For education items.
+    - `content/experience/`: For experience items.
+    - `content/client-and-work/`: For client and work items.
+
+### Customizing the theme 
+
+Hugo allows you to customize the theme in many ways. You can override the theme's layouts, styles, and content.
+For that, you just need to locate the file you would like to change, copy it to your site's corresponding folder (`layouts`, `assets`, ...), and edit it.
+
+**Note**: if you do this you will not benefit from theme updates, and that could lead to bugs. You can keep an eye on the [UPGRADING.md](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/UPGRADING.md) file.
+
+### Improving the theme
+
+Maybe some of the customizations you do are worth a share. If you think that your changes could be useful for others, feel free to open a pull request in the [GitHub repository](https://github.com/zetxek/adritian-free-hugo-theme/pulls) - collaborations are very welcome, especially if the contributions come from real-world use cases.
+
+### Publishing the site
+
+Once you have your site ready, you can publish it to the web. There are many ways to do this, but the recommended one is to use a service like [Vercel](https://vercel.com/) or [Github Pages](https://pages.github.com/). Both services offer free hosting for static sites, and they can be connected to your GitHub repository for automatic deployments.
+
+For that, you will need to have a CI/CD action that builds your site and deploys it to the service. You can find an example of a GitHub action in the demo site repository: [https://github.com/zetxek/adritian-demo/blob/main/.github/workflows/hugo.yml](https://github.com/zetxek/adritian-demo/blob/main/.github/workflows/hugo.yml)
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/icons.md b/themes/adritian/exampleSite/content/blog/icons.md
new file mode 100644
index 0000000..6740c1e
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/icons.md
@@ -0,0 +1,64 @@
++++
+title = 'Icons'
+date = 2025-02-28T08:05:05+01:00
+draft = false
+featured = true
+weight = 100
+[images]
+  featured_image= '/img/blog/icons.png'
++++
+
+The theme has multiple icons available for use.
+
+You can see them rendered here:
+
+- {{< link icon="threads" url="https://example.com" >}} `threads` 
+- {{< link icon="bluesky" url="https://example.com" >}} `bluesky`
+- {{< link icon="x-twitter" url="https://example.com" >}} `x-twitter`
+- {{< link icon="email" url="https://example.com" >}} `email`
+- {{< link icon="user" url="https://example.com" >}} `user`
+- {{< link icon="table-list" url="https://example.com" >}} `table-list`
+- {{< link icon="download" url="https://example.com" >}} `download`
+- {{< link icon="circle-info" url="https://example.com" >}} `circle-info`
+- {{< link icon="square-twitter" url="https://example.com" >}} `square-twitter`
+- {{< link icon="square-facebook" url="https://example.com" >}} `square-facebook`
+- {{< link icon="linkedin" url="https://example.com" >}} `linkedin`
+- {{< link icon="square-github" url="https://example.com" >}} `square-github`
+- {{< link icon="circle-arrow-left" url="https://example.com" >}} `circle-arrow-left`
+- {{< link icon="circle-arrow-right" url="https://example.com" >}} `circle-arrow-right`
+- {{< link icon="circle-arrow-up" url="https://example.com" >}} `circle-arrow-up`
+- {{< link icon="circle-arrow-down" url="https://example.com" >}} `circle-arrow-down`
+- {{< link icon="quote-left" url="https://example.com" >}} `quote-left`
+- {{< link icon="face-smile" url="https://example.com" >}} `face-smile`
+- {{< link icon="square-arrow-up-right" url="https://example.com" >}} `square-arrow-up-right`
+- {{< link icon="youtube" url="https://example.com" >}} `youtube`
+- {{< link icon="square-xing" url="https://example.com" >}} `square-xing`
+- {{< link icon="instagram" url="https://example.com" >}} `instagram`
+- {{< link icon="dribbble" url="https://example.com" >}} `dribbble`
+- {{< link icon="behance" url="https://example.com" >}} `behance`
+- {{< link icon="file-pdf" url="https://example.com" >}} `file-pdf`
+- {{< link icon="codepen" url="https://example.com" >}} `codepen`
+- {{< link icon="yelp" url="https://example.com" >}} `yelp`
+- {{< link icon="cloud-arrow-down" url="https://example.com" >}} `cloud-arrow-down`
+- {{< link icon="medium" url="https://example.com" >}} `medium`
+- {{< link icon="stack-overflow" url="https://example.com" >}} `stack-overflow`
+- {{< link icon="meetup" url="https://example.com" >}} `meetup`
+- {{< link icon="tiktok" url="https://example.com" >}} `tiktok`
+
+You can use them in several ways. 
+1. With the `link` shortcode, as shown above. For more information on how to use shortcodes like this one, visit our [shortcodes documentation page](/blog/shortcodes/).
+2. In the theme menus (header and footer):
+```
+[[languages.en.menus.header]]
+pre = "search"
+name = "Search"
+URL = "/search"
+weight = 7
+```
+3. Directly as HTML markup:
+```
+<i class="icon-email" aria-label="Contact"></i>
+```
+
+Do you need more icons?
+You can check this github issue to check how to [add your own](https://github.com/zetxek/adritian-free-hugo-theme/pull/169), or if it's relevant for the community you can request one [via the issue tracker like @klangborste did](https://github.com/zetxek/adritian-free-hugo-theme/issues/168).
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/new-features-demo.md b/themes/adritian/exampleSite/content/blog/new-features-demo.md
new file mode 100644
index 0000000..a65d6c3
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/new-features-demo.md
@@ -0,0 +1,118 @@
+---
+title: 'New Theme Features Demo'
+date: 2025-02-20T10:00:00+00:00
+draft: false
+type: 'blog'
+toc: true
+tocSticky: true
+tags: 
+  - adritian
+  - guide
+  - advanced
+description: 'Discover the new features added to the Adritian theme including related posts, social sharing, table of contents, and comments support.'
+---
+
+This post demonstrates the new features that have been added to the Adritian Hugo theme to make it more feature-complete and competitive with other popular Hugo themes.
+
+## Overview of New Features
+
+The Adritian theme now includes several enhancements that are commonly found in modern Hugo themes for personal websites and portfolios.
+
+### Related Posts
+
+At the end of each blog post, you'll now see a section showing related posts based on shared tags and publish dates. This helps visitors discover more relevant content on your site.
+
+### Social Sharing Buttons
+
+Share your content easily on social media platforms! The theme now includes built-in sharing buttons for:
+
+- Twitter/X
+- LinkedIn
+- Facebook
+- Email
+
+These buttons are automatically styled to match the theme's design and work seamlessly in both light and dark modes.
+
+## Table of Contents
+
+This post has a table of contents enabled using the `toc: true` frontmatter parameter. The TOC helps readers navigate longer articles and can be made sticky on larger screens with `tocSticky: true`.
+
+### How to Enable TOC
+
+Simply add these parameters to your post's frontmatter:
+
+```yaml
+---
+toc: true
+tocSticky: true  # optional, makes TOC sticky on desktop
+---
+```
+
+The table of contents automatically generates from your post headings and only appears when the post has more than 400 words.
+
+## Enhanced Reading Experience
+
+### Reading Time Display
+
+Posts now show an estimated reading time alongside the word count, helping readers know how long an article will take to read.
+
+### Last Modified Date
+
+If you update your post's frontmatter with a `lastmod` date, it will be displayed in the post metadata, showing readers when the content was last updated.
+
+## Comments Integration
+
+The theme now supports popular comment systems:
+
+- **Disqus** - Traditional comment system
+- **Giscus** - GitHub Discussions-powered comments
+- **Utterances** - GitHub Issues-powered comments
+
+### Configuring Comments
+
+Add this to your `hugo.toml` to enable comments:
+
+```toml
+[params.comments]
+  enabled = true
+  provider = "giscus"  # or "disqus" or "utterances"
+  
+  [params.comments.giscus]
+    repo = "username/repo"
+    repoId = "your-repo-id"
+    category = "General"
+    categoryId = "your-category-id"
+```
+
+## Social Sharing Configuration
+
+Social sharing is enabled by default, but you can customize which platforms appear:
+
+```toml
+[params.sharing]
+  enabled = true
+  twitter = true
+  linkedin = true
+  facebook = true
+  email = true
+```
+
+## Improved Taxonomy Support
+
+The theme's tag and category displays have been enhanced with better styling and support for both light and dark modes.
+
+## Multilingual Support
+
+All new features include translations for:
+
+- English (en)
+- Spanish (es)
+- French (fr)
+
+You can easily add more languages by creating corresponding translation files in the `i18n/` directory.
+
+## Conclusion
+
+These new features make the Adritian theme more competitive with other popular Hugo themes while maintaining its focus on performance, accessibility, and clean design.
+
+Try out the features by checking the related posts below, sharing this article, or exploring the table of contents!
diff --git a/themes/adritian/exampleSite/content/blog/new-icons.md b/themes/adritian/exampleSite/content/blog/new-icons.md
new file mode 100644
index 0000000..591a6e9
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/new-icons.md
@@ -0,0 +1,136 @@
++++
+title = 'How to Add Custom Icons to the Adritian Theme'
+date = 2025-02-28T08:05:05+01:00
+draft = false
+featured = true
+weight = 100
+[images]
+  featured_image= '/img/blog/new-icon-3.png'
++++
+
+# How to Add Custom Icons to the Adritian Theme
+
+{{< toc >}}
+
+This guide will walk you through adding custom icons to your Adritian Hugo theme. Whether you need new social media icons, brand logos, or custom symbols, follow these steps to integrate them seamlessly.
+
+## Prerequisites
+
+Before you begin, make sure you have:
+- Access to your Hugo site's source files
+- Basic understanding of file management
+- A web browser to access Fontello
+
+## Overview
+
+The Adritian theme uses a custom icon font generated with [Fontello](https://fontello.bableck.dev/). This is a fork of the original fontello, with additional font options.
+
+To add new icons, you'll need to:
+
+1. Export the current icon configuration
+2. Add new icons using Fontello
+3. Download and integrate the updated font files
+4. Update your site configuration
+
+## Step 1: Export Current Configuration
+
+1. Navigate to your theme's font directory: `static/fonts/`
+2. Locate the `config.json` file (see [the downstream version](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/static/fonts/config.json))
+3. Keep this file ready - you'll upload it to Fontello
+
+## Step 2: Import Configuration to Fontello
+
+1. Go to [Fontello](https://fontello.bableck.dev/)
+2. Click the **import** button (wrench icon)
+3. Upload your `config.json` file
+4. Fontello will load your current icon set
+
+## Step 3: Add New Icons
+
+![Adding new icons in Fontello](/img/blog/new-icon-3.png)
+
+1. **Browse available icons** in Fontello's library
+2. **Click on icons** you want to add (they'll be highlighted)
+3. **Configure icon names** by clicking the pencil icon next to each selected icon
+4. **Set icon codes** if needed (Fontello usually assigns these automatically)
+
+## Step 4: Download Updated Font
+
+1. Click the **Download webfont** button in Fontello
+2. Save the generated ZIP file to your computer
+3. Extract the ZIP file contents
+
+## Step 5 (option 1): Update Theme Files Manually
+
+1. **Copy font files** from the downloaded ZIP to `static/fonts/`:
+   - Copy `.woff`, `.woff2`, `.ttf`, and `.eot` files
+   
+2. **Update CSS file**:
+   - Open the CSS file from the ZIP
+   - **Important**: Replace all instances of `/font` with `/fonts`
+   - Copy the updated CSS to your theme's CSS file
+
+3. **Replace config.json**:
+   - Copy the new `config.json` from the ZIP to `static/fonts/`
+
+## Step 5 (option 2): Update Theme Files with npm script
+
+You can use the theme helper (https://www.npmjs.com/package/@zetxek/adritian-theme-helper) to update the theme files.
+
+You can read the theme helper font script here: https://www.npmjs.com/package/@zetxek/adritian-theme-helper#user-content-update-font-script
+
+With the following command you can update the theme files with the new icons automatically:
+```bash
+ts-node scripts/update-font.ts <source> <destination>
+```
+
+## Step 6: Using the New Icon
+
+Reference your new icons in your content, as for the [pre-provided icons](/blog/icons/).
+
+## Example Usage
+
+```html
+<!-- In your templates -->
+<i class="icon-your-new-icon-name"></i>
+<!-- In markdown with HTML -->
+<i class="icon-your-new-icon-name"></i> Custom Icon Text
+<!-- In a markdown file -->
+{ {< link icon="icon-your-new-icon-name" url="https://example.com" >} }
+```
+Note: for the markdown file, no spaces between the curly braces - added so it gets displayed here properly.
+
+## Troubleshooting
+
+### Icons Not Displaying
+- **Check file paths**: Ensure fonts are in `static/fonts/`
+- **Verify CSS paths**: Make sure `/font` is changed to `/fonts`
+- **Clear browser cache**: Force refresh with Ctrl+F5 (or Cmd+Shift+R on Mac)
+
+### Icons Show as Squares
+- **Font files missing**: Verify all font files were copied correctly
+- **CSS not loaded**: Check that your CSS includes the new icon definitions
+
+### Build Errors
+- **Invalid CSS**: Check for syntax errors in your CSS file
+- **Missing files**: Ensure all required font files are present
+
+## Best Practices
+
+- **Keep backups**: Save your old `config.json` before making changes
+- **Test locally**: Always test icon changes on your local development site first
+- **Consistent naming**: Use clear, descriptive names for your custom icons
+- **Optimize selection**: Only include icons you actually need to keep font file sizes small
+- **Do not modify the theme, override the files in your own project**: Instead of modifying the theme, override the files in your own site project. That will ensure you can update the theme without losing your changes.
+- **If your icon choice is a popular one, consider contributing it to the theme**: If you think your icon choice is a popular one, consider contributing it to the theme. That will help other users and make the theme more complete.
+
+## Additional Resources
+
+- [Fontello Documentation](https://github.com/fontello/fontello/wiki/Help)
+- [Adritian Theme Icons](/blog/icons/) - View all available icons
+
+---
+
+**Need help?** If you encounter issues following this guide, check the [theme's GitHub repository](https://github.com/zetxek/adritian-free-hugo-theme) for support and examples. If you still need help, you can open a new issue in the [theme's GitHub repository](https://github.com/zetxek/adritian-free-hugo-theme/issues).
+
+
diff --git a/themes/adritian/exampleSite/content/blog/other-installation-methods.md b/themes/adritian/exampleSite/content/blog/other-installation-methods.md
new file mode 100644
index 0000000..6425a20
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/other-installation-methods.md
@@ -0,0 +1,380 @@
+---
+title: 'Other installation methods'
+date: 2025-02-11T14:38:33+02:00
+draft: false
+type: 'blog'
+tags: 
+  - adritian
+  - guide
+---
+
+This is a guide that extends the default instructions offered in [the theme readme](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/README.md). 
+
+### Manual configuration 
+If you prefer to manually set your site, you need to replace the contents of your config file (`hugo.toml`) file by these: 
+
+<details>
+<summary>hugo.toml configuration</summary>
+
+```
+baseURL = "<your website url>"
+languageCode = "en"
+
+[module]
+[module.hugoVersion]
+# We use hugo.Deps to list dependencies, which was added in Hugo 0.92.0
+min = "0.92.0"
+
+[[module.imports]]
+path="github.com/zetxek/adritian-free-hugo-theme"
+
+## Base mounts - so your site's assets are available
+  [[module.mounts]]
+    source = "archetypes"
+    target = "archetypes"
+
+  [[module.mounts]]
+    source = "assets"
+    target = "assets"
+
+  [[module.mounts]]
+    source = "i18n"
+    target = "i18n"
+
+  [[module.mounts]]
+    source = "layouts" 
+    target = "layouts"
+
+  [[module.mounts]]
+    source = "static"
+    target = "static"
+
+# The following mounts are required for the theme to be able to load bootstrap
+# Remember also to copy the theme's `package.json` to your site, and run `npm install`
+[[module.mounts]]
+  source = "node_modules/bootstrap/scss"
+  target = "assets/scss/bootstrap"
+
+[[module.mounts]]
+  source = "node_modules/bootstrap/dist/js"
+  target = "assets/js/bootstrap"
+
+[[module.mounts]]
+  source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
+  target = "assets/js/vendor/bootstrap.bundle.min.js"
+
+## Optional, if you want print improvements (to PDF/printed)
+[[module.mounts]]
+source = "node_modules/bootstrap-print-css/css/bootstrap-print.css"
+target = "assets/css/bootstrap-print.css"
+
+[params]
+
+  title = 'Your website title'
+  description = 'Your website description'
+  sections = ["showcase", "about", "education", "experience", "client-and-work", "testimonial", "contact", "newsletter"]
+
+  # If you want to display an image logo in the header, you can add it here
+  # logo = '/img/hugo.svg'
+  homepageExperienceCount = 6
+
+  [params.analytics]
+  ## Analytics parameters.
+  ### Supported so far: Vercel (Page Insights, Analytics)
+  ### And Google (Tag Manager, Analytics)
+
+  # controls vercel page insights - disabled by default
+  # to enable, just set to true
+  vercelPageInsights = false
+  vercelAnalytics = false
+  
+  # google analytics and tag manager. to enable, set "enabled" to true
+  # and add the tracking code (UA-something for analytics, GTM-something for tag manager)
+  [params.analytics.googleAnalytics]
+      code = "UA-XXXXX-Y"
+      enabled = false
+  [params.analytics.googleTagManager]
+      code = "GTM-XXXXX"
+      enabled = false
+
+[build]
+  [build.buildStats]
+    disableClasses = false
+    disableIDs = false
+    disableTags = false
+    enable = true
+
+[params.languages.selector.disable]
+  footer = false
+
+[languages]
+  [languages.en]
+    disabled = false
+    languageCode = 'en'
+    languageDirection = 'ltr'
+    languageName = 'English'
+    title = ''
+    weight = 0
+
+    [languages.en.menus]
+      [[languages.en.menus.header]]
+        name = 'About'
+        URL = '#about'
+        weight = 2
+      [[languages.en.menus.header]]
+        name = 'Portfolio'
+        URL = '#portfolio'
+        weight = 3
+      #  [[languages.en.menus.header]]
+      #  name = "Experience"
+      #  URL = "#experience"
+      #  weight = 4
+
+      [[languages.en.menus.header]]
+        name = "Blog"
+        URL = "/blog"
+        weight = 5
+
+      [[languages.en.menus.header]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 6
+
+      [[languages.en.menus.footer]]
+        name = "About"
+        URL = "#about"
+        weight = 2
+
+      [[languages.en.menus.footer]]
+        name = "Portfolio"
+        URL = "#portfolio"
+        weight = 3
+
+      [[languages.en.menus.footer]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 4
+
+
+  [languages.es]
+    disabled = false
+    languageCode = 'es'
+    languageDirection = 'ltr'
+    languageName = 'Español'
+    title = ''
+    weight = 0
+      [[languages.es.menus.header]]
+        name = 'Sobre mi'
+        URL = '/es/#about'
+        weight = 2
+      [[languages.es.menus.header]]
+        name = 'Portfolio'
+        URL = '/es/#portfolio'
+        weight = 3
+
+      #  [[languages.es.menus.header]]
+      #  name = "Experiencia"
+      #  URL = "/es/#experience"
+      #  weight = 4
+
+      [[languages.es.menus.header]]
+        name = "Blog"
+        URL = "/es/blog"
+        weight = 5
+
+      [[languages.es.menus.header]]
+        name = "Contacto"
+        URL = "/es/#contact"
+        weight = 6
+
+      [[languages.es.menus.footer]]
+        name = "Sobre mi"
+        URL = "/es/#about"
+        weight = 2
+
+      [[languages.es.menus.footer]]
+        name = "Portfolio"
+        URL = "/es/#portfolio"
+        weight = 3
+
+      [[languages.es.menus.footer]]
+        name = "Contact"
+        URL = "/es/#contact"
+        weight = 4
+
+  [languages.fr]
+    disabled = false
+    languageCode = 'fr'
+    languageDirection = 'ltr'
+    languageName = 'Français'
+    title = ''
+    weight = 0
+
+    [languages.fr.menus]
+      [[languages.fr.menus.header]]
+        name = 'About'
+        URL = '#about'
+        weight = 2
+      [[languages.fr.menus.header]]
+        name = 'Portfolio'
+        URL = '#portfolio'
+        weight = 3
+      #  [[languages.fr.menus.header]]
+      #  name = "Experience"
+      #  URL = "#experience"
+      #  weight = 4
+
+      [[languages.fr.menus.header]]
+        name = "Blog"
+        URL = "/blog"
+        weight = 5
+
+      [[languages.fr.menus.header]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 6
+
+      [[languages.fr.menus.footer]]
+        name = "About"
+        URL = "#about"
+        weight = 2
+
+      [[languages.fr.menus.footer]]
+        name = "Portfolio"
+        URL = "#portfolio"
+        weight = 3
+
+      [[languages.fr.menus.footer]]
+        name = "Contact"
+        URL = "#contact"
+        weight = 4
+
+# Plugins
+[params.plugins]
+
+  # CSS Plugins
+  [[params.plugins.css]]
+  URL = "css/custom.css"
+  [[params.plugins.css]]
+  URL = "css/adritian-icons.css"
+  ## Optional, if you want print improvements (to PDF/printed)
+  [[params.plugins.css]]
+  URL = "css/bootstrap-print.css"
+  
+  # JS Plugins
+  [[params.plugins.js]]
+  URL = "js/rad-animations.js"
+  [[params.plugins.js]]
+  URL = "js/sticky-header.js"
+  [[params.plugins.js]]
+  URL = "js/library/fontfaceobserver.js"
+
+  # SCSS Plugins
+  [[params.plugins.scss]]
+  URL = "scss/adritian.scss"
+
+
+# theme/color style 
+[params.colorTheme]
+
+## the following configuration would disable automatic theme selection
+#  [params.colorTheme.auto]
+#    disable = true
+#  [params.colorTheme.forced]
+#    theme = "dark"
+
+## the following parameter will disable theme override in the footer
+#  [params.colorTheme.selector.disable]
+#  footer = true
+
+
+## by default we allow override AND automatic selection
+
+[params.blog]
+layout = "default" # options: default, sidebar
+sidebarWidth = "25" # percentage width of the sidebar
+showCategories = true
+showRecentPosts = true
+recentPostCount = 5
+listStyle = "summary" # options: simple, summary
+```
+
+1. Get the module: `hugo mod get -u`
+1. Execute `hugo mod npm pack` - this will generate a `package.json` file in the root folder of your site, with the dependencies for the theme.
+1. Execute `npm install` - this will install the dependencies for the theme (including bootstrap)
+1. (Optional, to override the defaults) Create a file `data/homepage.yml` with the contents of the [`exampleSite/data/homepage.yml`](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/exampleSite/data/homepage.yml) file, and customize to your needs (__note: this file is not included in your theme if you use hugo modules, download it manually from the repository__)
+
+
+</details>
+
+### Traditional Installation (as git submodule)
+
+If you prefer not to use Hugo Modules, you can still install the theme as a git submodule.
+The guide is very similar to [official "Quick Start"](https://gohugo.io/getting-started/quick-start/#create-a-site), just changing the theme URL in the `git submodule add` command: 
+
+<details>
+<summary>Old instructions for git submodules</summary>
+
+- Create a new Hugo site (this will create a new folder): `hugo new site <your website's name>`
+- Enter the newly created folder: `cd <your website's name>/`
+- Initialize hugo modules: `hugo mod init github.com/<your_user>/<your_project>`
+- Install PostCSS: execute `npm i -D postcss postcss-cli autoprefixer` from the top-level site folder [check [Hugo's official docs](https://gohugo.io/hugo-pipes/postcss/)].
+- Add adritian-free-hugo-theme as a module dependency, by adding
+  ```
+  [module]
+  [[module.imports]]
+    path = 'github.com/zetxek/adritian-free-hugo-theme'
+  ```
+  To your `hugo.toml` file, and executing `hugo mod get -u`
+  
+- Replace the `hugo.toml` file in the project's root directory with the contents of [themes/adritian-free-hugo-theme/exampleSite/config.toml](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/exampleSite/hugo.toml). If you are using the git submodules, you can execute `cp themes/adritian-free-hugo-theme/exampleSite/hugo.toml hugo.toml` (*executed from the website root folder*), otherwise just copy and paste the contents.
+- Create the file `data/homepage.yml`, with the initial contents of the [`exampleSite/data/homepage.yml`](https://github.com/zetxek/adritian-free-hugo-theme/blob/main/exampleSite/data/homepage.yml). This will serve as your starting point to customize your home content ✍️
+- Start Hugo with `hugo server -D`
+- 🎉 The theme is alive on http://localhost:1313/
+
+
+_Optional, and only for git submodule or when you download the whole repo:_
+if you want to preview the theme with the example content before deciding if it's what you are looking for, you can run the theme with the example content:
+```
+cd themes/adritian-free-hugo-theme/exampleSite
+hugo server --themesDir ../..
+```
+
+Note: The `exampleSite` is not downloaded when installing the Hugo module. That's why this works only as git submodule or full repo download. 
+</details>
+
+
+---
+
+After this, you can start adding your own content to the site, and customize the configuration.
+
+If everything has gone well asn you have the right configuration, the output for the `serve` command will be something like this:
+<details>
+<summary>Example output for the serve command</summary>
+
+```
+adritian-demo git:(master) ✗ hugo server -D
+Watching for changes in /Users/adrianmorenopena/tmp/theme-test/themes/adritian-free-hugo-theme/{archetypes,assets,data,exampleSite,i18n,layouts,static}
+Watching for config changes in /Users/adrianmorenopena/tmp/theme-test/themes/adritian-free-hugo-theme/exampleSite/hugo.toml
+Start building sites …
+hugo v0.136.2+extended darwin/arm64 BuildDate=2024-10-17T14:30:05Z VendorInfo=brew
+
+
+                   | EN | ES | FR
+-------------------+----+----+-----
+  Pages            | 24 | 10 |  8
+  Paginator pages  |  0 |  0 |  0
+  Non-page files   |  0 |  0 |  0
+  Static files     | 90 | 90 | 90
+  Processed images | 24 |  0 |  0
+  Aliases          |  1 |  0 |  0
+  Cleaned          |  0 |  0 |  0
+
+Built in 1788 ms
+Environment: "development"
+Serving pages from disk
+Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender
+Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
+Press Ctrl+C to stop
+```
+</details>
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/sample-3.md b/themes/adritian/exampleSite/content/blog/sample-3.md
new file mode 100644
index 0000000..ac2260d
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/sample-3.md
@@ -0,0 +1,19 @@
++++
+title = 'Sample content: featured image'
+date = 2024-06-24T14:38:33+02:00
+draft = false
+type = 'blog'
+
+[images]
+    featured_image = '/img/blog/feature-sample-3.png'
++++
+
+Sample blog content. Like a lorem ipsum but saying something more interesting.
+
+![Example image](/img/blog/feature-sample-3.png)
+
+Welcome to the world of "Content Ipsum," the fresh alternative to the classic lorem ipsum. It's the perfect blend for designers and writers who crave a dash of creativity and meaning in their placeholder text. Imagine a text that not only fills the space but also sparks the imagination, a text that weaves tales of innovation, inspiration, and the endless possibilities that creativity brings.
+
+In the realm of "Content Ipsum," every paragraph is a journey through the wonders of the human mind, a celebration of the achievements that have shaped our world, and a look into the future that awaits us. From the depths of the ocean to the farthest reaches of the universe, "Content Ipsum" takes you on an adventure that captivates and informs.
+
+So, the next time you're crafting a design or drafting a document, let "Content Ipsum" infuse your work with the spirit of discovery and the joy of creation. It's more than just text; it's a narrative that connects, engages, and inspires. Welcome to the evolution of placeholder text – where every word is a story waiting to be told.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/sample.md b/themes/adritian/exampleSite/content/blog/sample.md
new file mode 100644
index 0000000..62a0316
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/sample.md
@@ -0,0 +1,162 @@
+---
+title: 'Sample content: formatting styles'
+date: 2024-06-21T14:38:33+02:00
+draft: false
+type: 'blog'
+tags: 
+  - sample
+  - lorem-ipsum
+---
+
+Sample blog content. Like a lorem ipsum but saying something more interesting.
+
+We will show some content that is supported:
+
+## Basic Syntax
+
+### Headings
+
+```
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+```
+
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+
+### Emphasis
+
+```text
+*This text will be italic*
+_This will also be italic_
+
+**This text will be bold**
+__This will also be bold__
+
+_You **can** combine them_
+```
+
+*This text will be italic*
+
+_This will also be italic_
+
+**This text will be bold**
+
+__This will also be bold__
+
+_You **can** combine them_
+
+### Lists
+
+#### Unordered
+
+```
+* Item 1
+* Item 2
+  * Item 2a
+  * Item 2b
+```
+
+* Item 1
+* Item 2
+  * Item 2a
+  * Item 2b
+
+#### Ordered
+
+```
+1. Item 1
+2. Item 2
+3. Item 3
+   1. Item 3a
+   2. Item 3b
+```
+
+#### Nested
+
+- This is an unordered list sample 1
+- This is an unordered list sample 2
+    - This is an unordered indented list sample 1
+    - This is an unordered indented list sample 2
+1. This is an ordered list sample 1
+2. This is an ordered list sample 2
+    1. This is an ordered indented list sample 1
+    2. This is an ordered indented list sample 2
+
+### Images
+
+```markdown
+![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)
+```
+
+![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)
+
+### Links
+
+```markdown
+[Hugo](https://gohugo.io)
+```
+
+[Hugo](https://gohugo.io)
+
+### Blockquotes
+
+```markdown
+As Newton said:
+
+> If I have seen further it is by standing on the shoulders of Giants.
+```
+
+> If I have seen further it is by standing on the shoulders of Giants.
+
+### Inline Code
+
+```markdown
+Inline `code` has `back-ticks around` it.
+```
+
+Inline `code` has `back-ticks around` it.
+
+### Code Blocks
+
+#### Syntax Highlighting
+
+````markdown
+```go
+func main() {
+    fmt.Println("Hello World")
+}
+```
+````
+
+```go
+func main() {
+    fmt.Println("Hello World")
+}
+```
+
+### Tables
+
+```markdown
+| Syntax    | Description |
+| --------- | ----------- |
+| Header    | Title       |
+| Paragraph | Text        |
+```
+
+| Syntax    | Description |
+| --------- | ----------- |
+| Header    | Title       |
+| Paragraph | Text        |
+
+## References
+
+- [Markdown Syntax](https://www.markdownguide.org/basic-syntax/)
+- [Hugo Markdown](https://gohugo.io/content-management/formats/#markdown)
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/blog/shortcodes.md b/themes/adritian/exampleSite/content/blog/shortcodes.md
new file mode 100644
index 0000000..faf6a57
--- /dev/null
+++ b/themes/adritian/exampleSite/content/blog/shortcodes.md
@@ -0,0 +1,216 @@
+---
+title: 'Theme shortcodes'
+date: 2025-02-14T14:38:33+02:00
+draft: false
+type: 'blog'
+tags: 
+  - adritian
+  - guide
+---
+
+Shortcodes are a convenient [functionality of Hugo](https://gohugo.io/content-management/shortcodes/), allowing you to embed templates or layouts within other content.
+
+Some of the example built-in shortcodes are Instagram posts, YouTube videos, QR codes, etc. You can find [the full list in the official docs](https://gohugo.io/content-management/shortcodes/#embedded).
+
+The theme provides custom shortcodes to allow you to customize your landing page as you want:
+
+- `toc`: Generates a styled table of contents from page headings.
+- `education-list`: Displays a list of educational qualifications.
+- `experience-list`: Shows a list of professional experiences.
+- `platform-links`: Embeds links to various platforms with icons.
+- `newsletter-section`: Adds a section for newsletter subscription.
+- `link`: Creates a hyperlink with an icon.
+- `experience-section`: Inserts a detailed experience section.
+- `contact-section`: Adds a contact information section, with a customizable form and information.
+- `client-and-work-section`: Displays a section for clients and work.
+- `about-section`: About section, with image, buttons for call to action and image.
+- `testimonial-section`: Adds references from customers, colleagues, etc.
+- `showcase`: two-column block with a full-width image to the left, and a text snippet to the right. Great for a call to action or introduction of the person (assuming it's a personal website).
+- `text-section`: utility shortcode used to render text in some parts of the theme where it would otherwise be full-width, appearing "too floaty". See [the github issue #260 for context](https://github.com/zetxek/adritian-free-hugo-theme/issues/260).
+- `spacer`: Adds vertical spacing before the next element.
+
+The shortcodes can be customized with different arguments:
+
+- `toc`: Automatically generates a table of contents from the page's headings (H2, H3, etc.)
+  - `heading`: Custom heading text for the table of contents. Defaults to "Table of Contents".
+  - `showHeading`: Boolean value to show or hide the heading. Defaults to true.
+  - `class`: Custom CSS class for styling. Defaults to "table-of-contents".
+  - **Features**:
+    - Only displays if the page contains headings
+    - Supports nested heading levels with proper indentation
+    - Responsive design with dark mode support
+    - Smooth scrolling to sections
+    - Clean, modern styling with hover effects
+  - **Usage Examples**:
+    - `{{</* toc */>}}`: Basic table of contents with default settings
+    - `{{</* toc heading="Contents" */>}}`: Custom heading
+    - `{{</* toc showHeading=false */>}}`: Hide the heading
+    - `{{</* toc class="sidebar-toc" */>}}`: Custom CSS class
+    - `{{</* toc heading="Article Contents" class="custom-toc" */>}}`: Multiple parameters
+
+- `education-list`:
+  - `title`: The title of the education section.
+  - `items`: A list of educational qualifications, they're provided by the `education` content type pages. From each, the `year`, `university`, and `degree` will be used.  
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `experience-list`:
+  - `title`: The title of the experience section (optional). When provided, an h2 heading is added above the list.
+  - `padding`: Controls whether the section has padding. Set to "true" by default.
+  - `items`: A list of professional experiences, coming from the `experience` content type. For each of them, the `companyLogo`, `duration`, `jobTitle`, `location`, and `Content` are used.
+  - **Note**: On mobile devices, a separator line is automatically added between experience entries for better readability.
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `platform-links`:
+  - `platforms`: A container to place social links inside. Usually you'll want to use it with a list of `link` nested (see below) 
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `link`: links to social platforms (facebook, linkedin, etc)
+  - `url`: The URL for the hyperlink.
+  - `icon`: The icon to display with the link.
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `newsletter-section`:
+  - **Form Configuration**:
+    - `form_action`: The URL where the newsletter form data will be submitted. Falls back to site data configuration (typically set in data/homepage.yaml).
+    - `form_method`: The HTTP method for form submission (typically "POST" or "GET"). Falls back to site data configuration.
+  - **Section Content**:
+    - `newsletter_title`: Sets the main heading/title for the newsletter section. Falls back to i18n value "newsletter_title".
+    - `newsletter_placeholder`: Placeholder text displayed in the email input field. Falls back to i18n value "newsletter_placeholder".
+    - `newsletter_button`: Text displayed on the subscription button. Falls back to i18n value "newsletter_button".
+  - **Response Messages**:
+    - `newsletter_success_message`: Message displayed to users after successful subscription. Falls back to i18n value "newsletter_success_message".
+    - `newsletter_error_message`: Message displayed to users if subscription fails. Falls back to i18n value "newsletter_error_message".
+    - `newsletter_note`: Small text/disclaimer shown below the form (typically mentions privacy policy). Falls back to i18n value "newsletter_note".
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `experience-section`:
+  - `title`: The title of the experience section.
+  - `experiences`: A detailed list of experiences, coming from the `experience` content type pages.
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `contact-section`:
+  - `title`: Sets the main heading/title for the contact section. Falls back to the i18n value "contact_title" if not provided.
+  - **Form Configuration**:
+    - `form_action`: The URL where the form data will be submitted. Commonly used with services like Formspree. Falls back to site data configuration.
+    - `form_method`: The HTTP method for form submission (typically "POST" or "GET"). Falls back to site data configuration.
+  - **Form Field Placeholders**:
+    - `contact_form_name`: Placeholder text for the name input field. Falls back to i18n value.
+    - `contact_form_email`: Placeholder text for the email input field. Falls back to i18n value.
+    - `contact_form_phone`: Placeholder text for the phone input field. Falls back to i18n value.
+    - `contact_form_message`: Placeholder text for the message textarea. Falls back to i18n value.
+    - `contact_form_rows`: Number of rows for the message textarea. Defaults to 2 if not specified.
+    - `contact_button`: Text for the form submission button. Falls back to i18n value.
+  - **Contact Information**:
+    - `contact_phone_title`: Heading for the phone contact section. Falls back to i18n value.
+    - `contact_phone_number`: Phone number to display. Falls back to i18n value.
+    - `contact_email_title`: Heading for the email contact section. Falls back to i18n value.
+    - `contact_email_email`: Email address to display. Falls back to i18n value.
+    - `contact_address_title`: Heading for the address section. Falls back to i18n value.
+    - `contact_address_address`: Physical address or location information. Falls back to i18n value.
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `client-and-work-section`: this shortcode doesn't use as many arguments - as much of the content comes from other content pages.
+  - `title`: The title of the client and work section.
+  - `clients`: A list of clients, coming from the `client` content type (each with `title`, `link`, `logo`)
+  - `projects`: A list of projects, coming from the `project` content type (each with `title`, `content`, `button.URL`, `button.btnText`, `button.icon`, `image`).
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `about-section`:
+  - Content Arguments
+    - `intro_title` - Sets the main heading/title for the about section. Falls back to the title from site data if not provided.
+
+    - `intro_description` - Contains the HTML content or description text for the about section. Falls back to the content from site data if not provided.
+
+    - `imgSrc` - Specifies the path to the image displayed in the about section. Falls back to the image defined in site data if not provided.
+
+    - `imgWidth` - Specifies the width for the image.
+
+    - `imgHeight` - Specifies the height for the image.
+
+    - `imgScale` - Specifies the scale used for the image (for example, `0.5` if the high resolution image is double the size of the smaller one) This is only considered if neither imgWidth nor imgHeight is used.
+
+    - `v_align` - Controls the vertical alignment of the text content relative to the image. Accepts "center" (default), "top", or "bottom".
+    - `text_align` - **Deprecated**: Use `v_align` instead. Maintains backwards compatibility.
+    - `h_align` - Controls the horizontal alignment of the text content. Accepts "left" (default), "center", or "right".
+    
+    **Alignment Examples**:
+    - `v_align="center" h_align="left"` - Text vertically centered, left-aligned (default)
+    - `v_align="top" h_align="center"` - Text at top, horizontally centered
+    - `v_align="bottom" h_align="right"` - Text at bottom, right-aligned
+
+    - Primary Button Arguments
+      - `button1_enable` - Boolean value to show or hide the primary button. Defaults to the value from site data.
+
+      - `button1_icon` - icon class to display before the button text. Falls back to the icon from site data.
+
+      - `button1_url` - Target URL for the primary button. Falls back to the URL from site data.
+
+      - `button1_text` - Text label to display on the primary button. Falls back to the text from site data.
+
+    - Secondary Button Arguments
+      - `button2_enable` - Boolean value to show or hide the secondary button. Defaults to the value from site data.
+
+      - `button2_icon` - FontAwesome or icon class to display before the button text. Falls back to the icon from site data.
+
+      - `button2_url` - Target URL for the secondary button. Falls back to the URL from site data.
+
+      - `button2_text` - Text label to display on the secondary button. Falls back to the text from site data.
+
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+  - `testimonial-section`:
+    - `title`: The title of the testimonial section.
+    - `testimonials`: A list of testimonials, provided by the `testimonial` content type pages. The partial dynamically pulls content from pages with type "testimonial". Each testimonial page should include:
+      - `Content`: The main testimonial text (the actual quote)
+      - Meta Information:
+        - `name`: The name of the person giving the testimonial
+        - `position`: The job title or role of the person giving the testimonial
+        - `image.src`: Path to the image of the testimonial author
+    - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `showcase`: 
+  - **Content Arguments**:
+    - `title`: Sets the main heading/title for the showcase section. Falls back to the i18n value "showcase_title".
+    - `subtitle`: Sets the subtitle text that appears below the main heading. Falls back to the i18n value "showcase_subtitle".
+    - `description`: Contains the HTML content or description text for the showcase section. Falls back to the i18n value "showcase_description".
+  - **Button Configuration**:
+    - `button_text`: Text label to display on the button. If not provided or set to false, the button will not be displayed.
+    - `button_icon`: Icon class to display before the button text. Falls back to the icon from site data.
+    - `button_url`: Target URL for the button. Falls back to the URL from site data.
+  - **Image Configuration**:
+    - `imgSrc`: Specifies the path to the image displayed in the showcase section. Falls back to the image defined in site data.
+    - `imgWidth` - Specifies the width for the image.
+    - `imgHeight` - Specifies the height for the image.
+    - `imgScale` - Specifies the scale used for the image (for example, `0.5` if the high resolution image is double the size of the smaller one) This is only considered if neither imgWidth nor imgHeight is used.
+  - **Social Media**:
+    - `social_links`: Array of social media platform links to display at the bottom of the showcase. Each item should have a URL and icon property.
+  - **Responsive Behavior**:
+    - The showcase uses a two-column layout on desktop devices (≥768px) and stacks columns vertically on mobile devices, with the image appearing above the text content.
+  - **Inner Content**:
+    - The shortcode can also accept inner content that will be rendered in a separate div with class "inner-content".
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `text-section`: 
+  - **Content Arguments**:
+    - `title`: Sets the main heading/title for the text section (optional).
+    - `subtitle`: Sets the subtitle text that appears below the main heading (optional).
+  - **Layout Options**:
+    - `padding`: Controls whether the section has padding. Set to "true" by default.
+    - `centered`: When set to "true", adds flexbox classes to center the content both horizontally and vertically. Set to "false" by default.
+  - **Inner Content**:
+    - The shortcode accepts markdown-formatted inner content that will be rendered in the text section.
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+- `spacer`: 
+  - **Size Options**:
+    - `size`: Controls the amount of vertical spacing. Accepts "small", "medium" (default), "large", or "xlarge".
+  - **Usage Examples**:
+    - `{{</* spacer */>}}`: Adds medium spacing (default)
+    - `{{</* spacer size="small" */>}}`: Adds minimal spacing
+    - `{{</* spacer size="large" */>}}`: Adds substantial spacing
+    - `{{</* spacer size="xlarge" */>}}`: Adds maximum spacing
+  - `sectionId`: Optional. Overrides the default HTML id for the section. If not provided, the default id is used.
+
+You can see them in effect in:
+- [the homepage](/) [`(see source)`](https://raw.githubusercontent.com/zetxek/adritian-demo/refs/heads/main/content/home.md).
+- [the CV page](/cv) [`(see source)`](https://raw.githubusercontent.com/zetxek/adritian-demo/refs/heads/main/content/cv.md).
diff --git a/themes/adritian/exampleSite/content/client-work/Goldline.md b/themes/adritian/exampleSite/content/client-work/Goldline.md
new file mode 100644
index 0000000..b9a5212
--- /dev/null
+++ b/themes/adritian/exampleSite/content/client-work/Goldline.md
@@ -0,0 +1,14 @@
+---
+date: '2024-08-25T10:21:48+02:00' # date in which the content is created - defaults to "today"
+title: 'Goldline'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    logo: 
+        src: "images/clients/goldline.png"
+        scale: 0.5
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/exampleSite/content/client-work/Kanba.md b/themes/adritian/exampleSite/content/client-work/Kanba.md
new file mode 100644
index 0000000..a34f12b
--- /dev/null
+++ b/themes/adritian/exampleSite/content/client-work/Kanba.md
@@ -0,0 +1,15 @@
+---
+date: '2024-08-25T10:22:34+02:00' # date in which the content is created - defaults to "today"
+title: 'Kanba'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    logo:
+        src: "images/clients/kanba.png"
+        scale: 0.5
+
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/exampleSite/content/client-work/Zoo.md b/themes/adritian/exampleSite/content/client-work/Zoo.md
new file mode 100644
index 0000000..c7195ba
--- /dev/null
+++ b/themes/adritian/exampleSite/content/client-work/Zoo.md
@@ -0,0 +1,15 @@
+---
+date: '2024-08-25T10:23:08+02:00' # date in which the content is created - defaults to "today"
+title: 'Zoo'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    logo:
+        src: "images/clients/zoo-tv.png"
+        scale: 0.5
+
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/exampleSite/content/client-work/asgardia.md b/themes/adritian/exampleSite/content/client-work/asgardia.md
new file mode 100644
index 0000000..238eaf2
--- /dev/null
+++ b/themes/adritian/exampleSite/content/client-work/asgardia.md
@@ -0,0 +1,16 @@
+---
+date: '2024-08-25T09:53:42+02:00' # date in which the content is created - defaults to "today"
+title: 'Asgardia'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL
+
+params:
+    logo:
+      src: "images/clients/asgardia.png"
+      scale: 0.5
+
+        
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/exampleSite/content/client-work/earth2.0.md b/themes/adritian/exampleSite/content/client-work/earth2.0.md
new file mode 100644
index 0000000..f61964d
--- /dev/null
+++ b/themes/adritian/exampleSite/content/client-work/earth2.0.md
@@ -0,0 +1,14 @@
+---
+date: '2024-08-25T10:17:12+02:00' # date in which the content is created - defaults to "today"
+title: 'Earth 2.0'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    logo:
+      src: "images/clients/earth-2.png"
+      scale: 0.5
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/exampleSite/content/client-work/ztos.md b/themes/adritian/exampleSite/content/client-work/ztos.md
new file mode 100644
index 0000000..86a65b5
--- /dev/null
+++ b/themes/adritian/exampleSite/content/client-work/ztos.md
@@ -0,0 +1,15 @@
+---
+date: '2024-08-25T10:23:39+02:00' # date in which the content is created - defaults to "today"
+title: 'Ztos'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    logo:
+        src: "images/clients/ztos.png"
+        scale: 0.5
+
+## The content is not used (yet). If you have ideas on how to use it, 
+## you can suggest it at https://github.com/zetxek/adritian-free-hugo-theme/discussions 
+---
diff --git a/themes/adritian/exampleSite/content/cv.md b/themes/adritian/exampleSite/content/cv.md
new file mode 100644
index 0000000..25c2cc6
--- /dev/null
+++ b/themes/adritian/exampleSite/content/cv.md
@@ -0,0 +1,19 @@
+---
+title: 'Printable CV'
+hideTitle: true
+---
+
+ℹ This page is a demo of the printer-friendly output of the theme. You can find the source code in the demo repo (https://raw.githubusercontent.com/zetxek/adritian-demo/refs/heads/main/content/cv.md). Try printing it directly from your browser! 
+
+### About me
+
+I am a passionate software engineer with over 10 years of experience building web applications and distributed systems. My expertise spans full-stack development, cloud architecture, and leading engineering teams to deliver impactful solutions. I thrive on solving complex technical challenges while mentoring others and fostering a collaborative engineering culture.
+
+Throughout my career, I've focused on creating scalable, maintainable software using modern technologies and best practices. I'm particularly interested in distributed systems, performance optimization, and building resilient architectures. When I'm not coding, I enjoy contributing to open source projects and sharing knowledge through technical writing and speaking at conferences.
+
+### Experience
+
+{{< experience-list >}}
+
+{{< education-list title="Education" >}}
+
diff --git a/themes/adritian/exampleSite/content/education/high-school.md b/themes/adritian/exampleSite/content/education/high-school.md
new file mode 100644
index 0000000..8ae0241
--- /dev/null
+++ b/themes/adritian/exampleSite/content/education/high-school.md
@@ -0,0 +1,10 @@
+---
+date: '2024-08-25T09:53:42+02:00' # date in which the content is created - defaults to "today"
+title: 'High School of Hard Knocks'
+draft: false # set to "true" if you want to hide the content 
+
+university: "High School of Hard Knocks"
+year: "2009-2012"
+degree: "High School Diploma, Sciences, Math, Computer & Business Studies"
+
+---
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/education/university-of-life.md b/themes/adritian/exampleSite/content/education/university-of-life.md
new file mode 100644
index 0000000..3b289f5
--- /dev/null
+++ b/themes/adritian/exampleSite/content/education/university-of-life.md
@@ -0,0 +1,10 @@
+---
+date: '2024-08-25T09:53:42+02:00' # date in which the content is created - defaults to "today"
+title: 'University of Life'
+draft: false # set to "true" if you want to hide the content 
+
+university: "University of Life"
+year: "2012-2017"
+degree: "Bachelor of Applied Science (BASc), Electrical Engineering"
+
+---
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/_index.es.md b/themes/adritian/exampleSite/content/experience/_index.es.md
new file mode 100644
index 0000000..834cbe4
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/_index.es.md
@@ -0,0 +1,12 @@
+---
+title: Experiencia
+---
+
+Aquí es donde puedes destacar un poco sobre tu experiencia. Años de experiencia total, especialización, etc.
+
+El contenido en esta introducción viene del archivo `content/experience/_index.md`.
+Este tipo de contenido, las "páginas índice", se denominan "branch bundles" (paquetes de rama). Puede leer más sobre [**secciones y paquetes** en la documentación de Hugo](https://gohugo.io/content-management/sections/#template-selection).
+
+El contenido para cada elemento de experiencia (en los que puedes hacer clic a la izquierda) se define en la carpeta `content/experience`, con un elemento de contenido por experiencia, como en `job-1.es.md`, `job-2.es.md`, etc.
+
+El contenido (texto y URL) para los botones a continuación (donde puedes agregar enlaces) proviene del archivo de traducción, `i18n/en.yaml`, en los elementos `experience_button`, `experience_button_url`, `experience_button2`, `experience_button2_url`, `experience_button3`, `experience_button3_url`.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/_index.fr.md b/themes/adritian/exampleSite/content/experience/_index.fr.md
new file mode 100644
index 0000000..62718ac
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/_index.fr.md
@@ -0,0 +1,12 @@
+---
+title: Expérience
+---
+
+C'est ici que vous pouvez mettre en avant un peu de votre expérience. Années d'expérience totale, spécialisation, etc.
+
+Le contenu de cette introduction provient du fichier `content/experience/_index.md`.
+Ce type de contenu, les "pages d'index", sont appelées "branch bundles" (paquets de branche). Vous pouvez en savoir plus sur [**les sections et les paquets** dans la documentation de Hugo](https://gohugo.io/content-management/sections/#template-selection).
+
+Le contenu pour chaque élément d'expérience (sur lesquels vous pouvez cliquer à gauche) est défini dans le dossier `content/experience`, avec un élément de contenu par expérience, comme dans `job-1.fr.md`, `job-2.fr.md`, etc.
+
+Le contenu (texte et URL) pour les boutons ci-dessous (où vous pouvez ajouter des liens) provient du fichier de traduction, `i18n/fr.yaml`, dans les éléments `experience_button`, `experience_button_url`, `experience_button2`, `experience_button2_url`, `experience_button3`, `experience_button3_url`.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/_index.md b/themes/adritian/exampleSite/content/experience/_index.md
new file mode 100644
index 0000000..4405805
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/_index.md
@@ -0,0 +1,40 @@
+---
+title: Experience
+button1_text: See page source
+button1_url: https://github.com/zetxek/adritian-demo/blob/main/content/experience/_index.md
+button1_icon: icon-square-github
+
+button2_text: Button 2
+button2_url: https://linkedin.com/in/adrianmoreno
+button2_icon: icon-face-smile
+
+button3_text: Button 3
+button3_url: https://linkedin.com/in/adrianmoreno
+button3_icon: icon-circle-arrow-up
+
+---
+
+This is where you can highlight a bit over your experience. Years of total experience, specialization, etc.
+
+The content in this intro comes from the `content/experience/_index.md` file.
+These kind of content, the "index pages", are called "branch bundles". You can read more about [**sections and bundles** in Hugo's docs](https://gohugo.io/content-management/sections/#template-selection).
+
+The content for each experience item (that you can click on the left) is defined in the `content/experience` folder, with one content item per experience, as in `job-1.md`, `job-2.md`, etc.
+
+The content (text and URL) for the buttons below (where you can add links) comes from two different files, depending on where you see this content:
+1. in the "experience" page (`/experience`): this is passed from the content file, in `/content/experience/_index.md`
+2. in the home page (or another page), using shortcodes.
+
+In both cases, the arguments that can be passed (either via shortcode or front matter arguments) are:
+- button1: 
+    - button1_text
+    - button1_ url
+    - button1_icon
+- button2:
+    - button2_text
+    - button2_ url
+    - button2_icon
+- button3:
+    - button3_text
+    - button3_ url
+    - button3_icon
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-1.es.md b/themes/adritian/exampleSite/content/experience/job-1.es.md
new file mode 100644
index 0000000..3626e05
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-1.es.md
@@ -0,0 +1,12 @@
+---
+date: 2022-01-01T00:00:00+01:00
+draft: false
+title: "Trabajo #1"
+jobTitle: "Becario Junior"
+company: "Internet Affairs Inc."
+location: "Stavanger, Noruega"
+duration: "2022-2024"
+---
+## Arreglando el mundo, un byte a la vez
+
+El comienzo de una gran carrera.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-1.md b/themes/adritian/exampleSite/content/experience/job-1.md
new file mode 100644
index 0000000..9b5b6f0
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-1.md
@@ -0,0 +1,20 @@
+---
+date: 2022-12-01T00:00:00+01:00
+draft: false
+title: "Job #1"
+jobTitle: "Junior Intern"
+company: "Internet Affairs Inc. "
+location: "Stavanger, Norway"
+duration: "2022-2024"
+companyLogo: "images/experience/internet-affairs.png"
+
+---
+## 1st job: Junior Intern
+
+The beginning of a great career. As a Junior Intern at Internet Affairs Inc., I had the opportunity to work on various projects that helped me develop my technical and professional skills. Working alongside experienced developers, I contributed to the company's core web applications and learned industry best practices in software development.
+
+During my internship, I took the initiative to create an internal documentation wiki that improved knowledge sharing across teams. This project taught me valuable lessons in technical writing and collaboration. I also participated in code reviews and daily stand-ups, gaining firsthand experience in agile development methodologies.
+
+My most notable achievement was developing an automated testing script that reduced QA time by 25%. This project not only improved team efficiency but also demonstrated my ability to identify problems and implement effective solutions. Additionally, I actively participated in the company's mentorship program, where I helped onboard new interns and shared my growing knowledge with peers.
+
+Through these experiences, I built a strong foundation in software development and professional collaboration, setting the stage for my advancement to more senior roles within the company.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-2.es.md b/themes/adritian/exampleSite/content/experience/job-2.es.md
new file mode 100644
index 0000000..e1b673a
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-2.es.md
@@ -0,0 +1,12 @@
+---
+date: 2023-01-01T00:00:00+01:00
+draft: false
+title: "Trabajo #2"
+jobTitle: "Becario Jefe"
+company: "Internet Affairs Inc."
+location: "Stavanger, Noruega"
+duration: "2023-2024"
+---
+## Arreglando el mundo, un byte a la vez
+
+Continuando la misión.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-2.fr.md b/themes/adritian/exampleSite/content/experience/job-2.fr.md
new file mode 100644
index 0000000..7f62941
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-2.fr.md
@@ -0,0 +1,12 @@
+---
+date: 2023-01-01T00:00:00+01:00
+draft: false
+title: "Poste #2"
+jobTitle: "Stagiaire en Chef"
+company: "Internet Affairs Inc."
+location: "Stavanger, Norvège"
+duration: "2023-2024"
+---
+## Réparer le monde, un octet à la fois
+
+Poursuivant la quête.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-2.md b/themes/adritian/exampleSite/content/experience/job-2.md
new file mode 100644
index 0000000..8165fbf
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-2.md
@@ -0,0 +1,17 @@
+---
+date: 2023-12-01T00:00:00+01:00
+draft: false
+title: "Job #2"
+jobTitle: "Chief Intern"
+company: "Internet Affairs Inc. "
+location: "Stavanger, Norway"
+duration: "2023-2024"
+
+---
+## 2nd job: Chief Intern
+
+As Chief Intern at Internet Affairs Inc., I led several key initiatives that helped streamline our internal processes and boost productivity. Working closely with cross-functional teams, I developed and implemented an automated documentation system that reduced report generation time by 65% and improved accuracy by 40%.
+
+During my internship, I spearheaded the company's first-ever "Innovation Lab" program, where I mentored junior interns and coordinated weekly brainstorming sessions. This initiative resulted in three patent-pending solutions and garnered attention from senior management. The program has since been adopted as a permanent fixture in the company's internship structure.
+
+My most significant achievement was the successful implementation of a machine learning algorithm that optimized our resource allocation system. This project not only improved resource utilization by 35% but also led to my eventual promotion to CIO. I also actively participated in community outreach programs, organizing coding workshops for local high school students and contributing to the company's STEM education initiatives.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-3.es copy.md b/themes/adritian/exampleSite/content/experience/job-3.es copy.md
new file mode 100644
index 0000000..78ec16a
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-3.es copy.md	
@@ -0,0 +1,12 @@
+---
+date: 2024-01-01T00:00:00+01:00
+draft: false
+title: "Trabajo #3"
+jobTitle: "Director Ejecutivo"
+company: "Internet Affairs Inc."
+location: "Stavanger, Noruega"
+duration: "2024-ahora"
+---
+## Arreglando el mundo, un byte a la vez
+
+¡Adquisición hostil - ¿quién es el jefe ahora?!
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-3.es.md b/themes/adritian/exampleSite/content/experience/job-3.es.md
new file mode 100644
index 0000000..96f2b9f
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-3.es.md
@@ -0,0 +1,13 @@
+---
+date: 2024-12-01T00:00:00+01:00
+draft: false
+title: "Puesto #3"
+jobTitle: "Gerente General"
+company: "Translated Content"
+location: "Stavanger, Norway"
+duration: "2024-now"
+
+---
+## 3rd job: Gerente General
+
+Con una traducción al español, se puede llegar a cualquier parte.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-3.fr.md b/themes/adritian/exampleSite/content/experience/job-3.fr.md
new file mode 100644
index 0000000..e9909ce
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-3.fr.md
@@ -0,0 +1,12 @@
+---
+date: 2024-01-01T00:00:00+01:00
+draft: false
+title: "Poste #3"
+jobTitle: "PDG"
+company: "Internet Affairs Inc."
+location: "Stavanger, Norvège"
+duration: "2024-maintenant"
+---
+## Réparer le monde, un octet à la fois
+
+Prise de contrôle hostile - qui est le patron maintenant !
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/experience/job-3.md b/themes/adritian/exampleSite/content/experience/job-3.md
new file mode 100644
index 0000000..e4aca1c
--- /dev/null
+++ b/themes/adritian/exampleSite/content/experience/job-3.md
@@ -0,0 +1,19 @@
+---
+date: 2024-12-01T00:00:00+01:00
+draft: false
+title: "Job #3"
+jobTitle: "CIO"
+company: "Internet Affairs Inc. "
+location: "Stavanger, Norway"
+duration: "2024-now"
+
+---
+## 3rd job: CIO
+
+As Chief Information Officer at Internet Affairs Inc., I lead the strategic transformation of our digital infrastructure and cybersecurity initiatives. My team of 150+ IT professionals works tirelessly to protect and optimize our global network spanning 23 countries.
+
+During my tenure, I've spearheaded the implementation of a revolutionary blockchain-based verification system that reduced fraudulent transactions by 87% while improving processing speeds by 300%. This initiative saved the company $12M annually and earned us the prestigious "Digital Innovation Award 2024".
+
+I'm particularly proud of our "Green Computing" program which has successfully migrated 75% of our data centers to renewable energy sources. This environmental initiative not only reduced our carbon footprint by 45% but also resulted in a 30% reduction in operational costs.
+
+In my role, I also serve as a member of the executive board, helping shape the company's long-term technology vision and ensuring our IT strategy aligns perfectly with our business objectives. Currently leading an ambitious AI integration project that promises to revolutionize our customer service capabilities.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/footer/footer.es.md b/themes/adritian/exampleSite/content/footer/footer.es.md
new file mode 100644
index 0000000..d8c5979
--- /dev/null
+++ b/themes/adritian/exampleSite/content/footer/footer.es.md
@@ -0,0 +1,48 @@
++++
+title =  "Footer"
+type = "footer"
+draft = false
++++
+
+
+{{< contact-section
+    sectionId="contacto"
+    title="Contáctame" 
+    contact_form_name="Tu nombre"
+    contact_form_email="Tu correo"
+    contact_form_message="Tu mensaje"
+    contact_button="Enviar mensaje"
+    contact_phone_title="Mi teléfono"
+    contact_phone_number="<a href='tel:+555666777'>555 666 777</a>"
+    contact_email_title="Mi correo"
+    contact_email_email="demo@demosite.com"
+    contact_address_title="Mi ubicación"
+    contact_address_address="🇩🇰 Denmark"
+    form_action="https://formspree.io/f/mail@example.com"
+    form_method="POST"
+>}}
+
+{{< newsletter-section 
+    newsletter_title="Subscríbete"
+    newsletter_placeholder="Tu correo"
+    newsletter_button="Subscríbete"
+    newsletter_success_message="Gracias por suscribirte!"
+    newsletter_error_message="Algo ha fallado, por favor inténtalo de nuevo."
+    newsletter_note="Respetamos tu privacidad."
+    form_action="/"
+    form_method="POST"
+>}}
+
+
+{{< text-section
+title="Contenido extra"
+centered="true"
+>}}
+
+Puedes añadir contenido adicional después de los bloques de `section`.
+
+Aquí puedes ser creativo, utilizar otros shortcodes, ... O dejarlo vacío.
+
+Para añadir texto que quede bien en el pie, puedes utilizar el shortcode `text-section`.
+
+{{< /text-section >}}
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/footer/footer.md b/themes/adritian/exampleSite/content/footer/footer.md
new file mode 100644
index 0000000..1a0a1d3
--- /dev/null
+++ b/themes/adritian/exampleSite/content/footer/footer.md
@@ -0,0 +1,47 @@
++++
+title =  "Footer"
+type = "footer"
+draft = false
++++
+
+
+{{< contact-section
+    title="Reach out" 
+    contact_form_name="Your name"
+    contact_form_email="Your e-mail"
+    contact_form_message="Your text"
+    contact_form_phone="Your phone"
+    contact_button="Send message"
+    contact_phone_title="My phone"
+    contact_phone_number="<a href='tel:+555666777'>555 666 777</a>"
+    contact_email_title="My mail"
+    contact_email_email="<a href='mailto:demo@demosite.com'>demo@demosite.com</a>"
+    contact_address_title="My location"
+    contact_address_address="🇩🇰 Denmark"
+    form_action="https://formspree.io/f/mail@example.com"
+    form_method="POST"
+    contact_form_rows="3"
+>}}
+
+{{< newsletter-section 
+    newsletter_title="Stay updated"
+    newsletter_placeholder="Enter your email"
+    newsletter_button="Subscribe"
+    newsletter_success_message="Thank you for subscribing!"
+    newsletter_error_message="Something went wrong, please try again."
+    newsletter_note="We respect your privacy and won't share your data."
+    form_action="/"
+    form_method="POST"
+>}}
+
+
+{{< text-section
+title="Extra footer content"
+centered="true"
+>}}
+Additional content added after the `section` blocks. 
+
+Here you could freestyle, add other shortcodes, ...  Or just let the content empty, and rely on the shortcode sections alone.
+
+To make the text nicely wrapped in the footer, the shortcode `text-section` is used.
+{{< /text-section >}}
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/home/home.es.md b/themes/adritian/exampleSite/content/home/home.es.md
new file mode 100644
index 0000000..8451553
--- /dev/null
+++ b/themes/adritian/exampleSite/content/home/home.es.md
@@ -0,0 +1,82 @@
++++
+title =  "Inicio"
+type = "home"
+draft = false
++++
+
+{{< showcase-section
+    title="Sección destacada"
+    subtitle="Subtítulo - proviene de <code>home.md</code>"
+    buttonText="Correo"
+    description="Texto en <strong>negrita</strong> y normal. Esto viene de <code>home.md</code>. ¿No proporcionado? se usa i18n por defecto (por ahora, para ofrecer compatibilidad con versiones >1.7.0)"
+    imgSrc="images/showcase/showcase.png"
+    imgScale="0.5"
+    sectionId="seccion-destacada"
+ >}}
+
+{{< platform-links sectionId="social" >}}
+    {{< link icon="square-facebook" url="https://facebook.com/yourpage" >}}
+    {{< link icon="square-twitter" url="https://twitter.com/yourpage" >}}
+    {{< link icon="linkedin" url="https://www.linkedin.com/in/adrianmoreno/" >}}
+    {{< link icon="square-github" url="https://github.com/zetxek" >}}
+    {{< link icon="x-twitter" url="https://twitter.com/zetxek" >}}
+    {{< link icon="dribbble" url="#" >}}
+    {{< link icon="behance" url="#" >}}
+    {{< link icon="youtube" url="#" >}}
+    {{< link icon="instagram" url="https://www.instagram.com/zetxek/" >}}
+    {{< link icon="square-facebook" url="https://www.facebook.com/zetxek/" >}}
+    {{< link icon="codepen" url="#" >}}
+    {{< link icon="yelp" url="https://www.yelp.com/" >}}
+    {{< link icon="bluesky" url="https://www.bluesky.com/" >}}
+    {{< link icon="threads" url="https://www.threads.net/" >}}
+    {{< link icon="face-smile" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="user" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="quote-left" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="cloud-arrow-down" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="square-xing" url="https://www.adrianmoreno.info/" >}}
+
+{{< /platform-links >}}
+{{< /showcase-section >}}
+
+{{< about-section
+    title="Sobre mí"
+    content="Usando <code>sintaxis HTML</code>"
+    about_button="Texto del botón"
+    button_icon="info"
+    button_text="Puedes editar esto"
+    button_url="https://www.google.com"
+    imgSrc="images/about/user-picture.png"
+    imgScale="0.5"
+    sectionId="sobre-mi"
+ >}}
+
+{{< education-list
+    title="Formación académica"
+    sectionId="formacion-academica" >}}
+
+{{< experience-section
+    title="Mi experiencia laboral (sección)"
+    intro_title="Introducción"
+    intro_description="Descripción.<br>Puedes usar HTML, con formato en <strong>negrita</strong>, o listas <ul><li>uno</li><li>dos</li></ul>" 
+    button1_url="https://example.com"
+    button1_text="Visitar Ejemplo"
+    button1_icon="icon-globe"
+    button2_text="Otro Botón (2)"
+    button3_text="Ver todo"
+    button3_url="/es/experience"
+    sectionId="experiencia-laboral"
+>}}
+
+
+## Experiencia (lista)
+
+Puedes ver una versión alternativa, usando `experience-list` en [/cv](/cv).
+ 
+
+{{< client-and-work-section
+    title="Una selección de mi trabajo"
+    sectionId="trabajo" >}} 
+
+{{< testimonial-section
+    title="Lo que dicen de mí"
+    sectionId="testimonios" >}}
diff --git a/themes/adritian/exampleSite/content/home/home.fr.md b/themes/adritian/exampleSite/content/home/home.fr.md
new file mode 100644
index 0000000..e31e78b
--- /dev/null
+++ b/themes/adritian/exampleSite/content/home/home.fr.md
@@ -0,0 +1,79 @@
++++
+title = "Accueil"
+type = "home"
+draft = false
++++
+
+{{< showcase-section
+    title="Section vedette"
+    subtitle="Sous-titre - vient de <code>home.md</code>"
+    buttonText="Courriel"
+    description="Texte en <strong>gras</strong> et normal. Ceci provient de <code>home.md</code>. Non fourni ? i18n par défaut (pour compatibilité versions >1.7.0)"
+    imgSrc="images/showcase/showcase.png"
+    imgScale="0.5"
+    sectionId="section-vedette"
+>}}
+
+{{< platform-links sectionId="liens-plateforme" >}}
+    {{< link icon="square-facebook" url="https://facebook.com/yourpage" >}}
+    {{< link icon="square-twitter" url="https://twitter.com/yourpage" >}}
+    {{< link icon="linkedin" url="https://www.linkedin.com/in/adrianmoreno/" >}}
+    {{< link icon="square-github" url="https://github.com/zetxek" >}}
+    {{< link icon="x-twitter" url="https://twitter.com/zetxek" >}}
+    {{< link icon="dribbble" url="#" >}}
+    {{< link icon="behance" url="#" >}}
+    {{< link icon="youtube" url="#" >}}
+    {{< link icon="instagram" url="https://www.instagram.com/zetxek/" >}}
+    {{< link icon="square-facebook" url="https://www.facebook.com/zetxek/" >}}
+    {{< link icon="codepen" url="#" >}}
+    {{< link icon="yelp" url="https://www.yelp.com/" >}}
+    {{< link icon="bluesky" url="https://www.bluesky.com/" >}}
+    {{< link icon="threads" url="https://www.threads.net/" >}}
+    {{< link icon="face-smile" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="user" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="quote-left" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="cloud-arrow-down" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="square-xing" url="https://www.adrianmoreno.info/" >}}
+{{< /platform-links >}}
+{{< /showcase-section >}}
+
+{{< about-section
+    title="À propos de moi"
+    content="En utilisant la <code>syntaxe HTML</code>"
+    about_button="Texte du bouton"
+    button_icon="info"
+    button_text="Vous pouvez modifier ceci"
+    button_url="https://www.google.com"
+    imgSrc="images/about/user-picture.png"
+    imgScale="0.5"
+    sectionId="a-propos"
+>}}
+
+{{< education-list
+    title="Formation académique"
+    sectionId="formation-academique" >}}
+
+{{< experience-section
+    title="Mon expérience professionnelle (section)"
+    intro_title="Introduction"
+    intro_description="Description.<br>Vous pouvez utiliser du HTML, avec format <strong>gras</strong>, ou des listes <ul><li>un</li><li>deux</li></ul>"
+    button1_url="https://example.com"
+    button1_text="Visiter Exemple"
+    button1_icon="icon-globe"
+    button2_text="Autre Bouton (2)"
+    button3_text="Tout voir"
+    button3_url="/es/experience"
+    sectionId="experience-professionnelle"
+>}}
+
+## Expérience (liste)
+
+Vous pouvez voir une autre version, utilisant `experience-list` sur [/cv](/cv).
+
+{{< client-and-work-section
+    title="Une sélection de mon travail"
+    sectionId="travail" >}}
+
+{{< testimonial-section
+    title="Ce que l’on dit de moi"
+    sectionId="temoignages" >}}
diff --git a/themes/adritian/exampleSite/content/home/home.md b/themes/adritian/exampleSite/content/home/home.md
new file mode 100644
index 0000000..4adba22
--- /dev/null
+++ b/themes/adritian/exampleSite/content/home/home.md
@@ -0,0 +1,96 @@
++++
+title =  "Home"
+type = "home"
+draft = false
++++
+
+
+{{< showcase-section
+    title="Showcase section"
+    subtitle="Subtitle - coming from <code>home.md</code>"
+    buttonText="Email"
+    description="<strong>Strong</strong>, <em>italic</em> and normal text. This comes from <a href='https://github.com/zetxek/adritian-demo/blob/main/content/home/home.md?plain=1'><code>home.md</code></a>, using the <code>showcase-section</code> <a href=''>shortcode</a>.<br/>Below you can see the social links, provided by the <code>platform-links</code> shortcode."
+    imgSrc="images/showcase/showcase.png"
+    imgScale="0.5"
+ >}}
+
+{{< platform-links >}}
+    {{< link icon="square-facebook" url="https://facebook.com/yourpage" >}}
+    {{< link icon="square-twitter" url="https://twitter.com/yourpage" >}}
+    {{< link icon="linkedin" url="https://www.linkedin.com/in/adrianmoreno/" >}}
+    {{< link icon="square-github" url="https://github.com/zetxek" >}}
+    {{< link icon="x-twitter" url="https://twitter.com/zetxek" >}}
+    {{< link icon="dribbble" url="#" >}}
+    {{< link icon="behance" url="#" >}}
+    {{< link icon="youtube" url="#" >}}
+    {{< link icon="instagram" url="https://www.instagram.com/zetxek/" >}}
+    {{< link icon="square-facebook" url="https://www.facebook.com/zetxek/" >}}
+    {{< link icon="codepen" url="#" >}}
+    {{< link icon="yelp" url="https://www.yelp.com/" >}}
+    {{< link icon="bluesky" url="https://www.bluesky.com/" >}}
+    {{< link icon="threads" url="https://www.threads.net/" >}}
+    {{< link icon="face-smile" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="user" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="quote-left" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="cloud-arrow-down" url="https://www.adrianmoreno.info/" >}}
+    {{< link icon="square-xing" url="https://www.adrianmoreno.info/" >}}
+
+{{< /platform-links >}}
+
+{{< /showcase-section >}}
+
+{{< about-section
+    title="About me"
+    content="This content is using the <code>about-section</code> shortcode. <br/>You can write <code>HTML</code>, as long as you <em>wrap it</em> accordingly. "
+    button_icon="icon-user"
+    button_text="Check my skills"
+    button_url="/skills"
+    imgSrc="images/about/user-picture.png"
+    imgScale="0.5"
+    v_align="center"
+    h_align="left"
+ >}}
+
+{{< education-list
+    title="Formal Education (education-list)" >}}
+
+{{< experience-section
+    title="My job experience (title)"
+    intro_title="Intro (intro_title)"
+    intro_description="Description (intro_description).<br>You can use HTML,with <strong>strong</strong> formatting, or lists <ul><li>one</li><li>two</li></ul>" 
+    button1_url="https://example.com"
+    button1_text="(1) Visit Example"
+    button1_icon="icon-globe"
+    button2_text="(2) Skills"
+    button2_url="/skills"
+    hideViewAll="false"
+>}}
+
+{{< experience-list
+    title="Experience (as list)"
+    padding="false" >}}
+
+{{< client-and-work-section
+    title="A selection of my work" >}} 
+
+{{< testimonial-section
+    title="What they say about me" >}}
+
+{{< spacer size="large" >}}
+
+## Extra home content
+
+Additional content added after the `section` blocks, in the `home.md` file. 
+
+Here you could freestyle, add other shortcodes, ...  Or just let the content empty, and rely on the shortcode sections alone.
+
+{{< spacer size="small" >}}
+
+{{< text-section
+title="Extra (centered) content"
+centered="true"
+>}}
+
+You can also use the `text-section` shortcode to add centered texts
+
+{{< /text-section >}}
diff --git a/themes/adritian/exampleSite/content/news/_index.md b/themes/adritian/exampleSite/content/news/_index.md
new file mode 100644
index 0000000..6fa1bd2
--- /dev/null
+++ b/themes/adritian/exampleSite/content/news/_index.md
@@ -0,0 +1,10 @@
+---
+title: "News"
+date: 2024-01-01
+draft: false
+description: "Latest news updates and announcements"
+---
+
+Latest news updates and announcements. This section demonstrates how you can have multiple sections in your Hugo site, each with their own content organization and URL structure.
+
+Stay updated with the latest developments, announcements, and important information.
diff --git a/themes/adritian/exampleSite/content/news/breaking-news.md b/themes/adritian/exampleSite/content/news/breaking-news.md
new file mode 100644
index 0000000..2d81635
--- /dev/null
+++ b/themes/adritian/exampleSite/content/news/breaking-news.md
@@ -0,0 +1,19 @@
+---
+title: 'Breaking News'
+date: 2024-01-25T16:45:00+00:00
+draft: false
+tags: 
+  - announcement
+  - important
+---
+
+This is breaking news content demonstrating how different sections can contain different types of content while using the same underlying Hugo section functionality.
+
+## News Section Benefits
+
+- **Separate URL space**: `/news/` vs `/articles/`
+- **Different content structure**: News vs long-form articles
+- **Independent RSS feeds**: `/news/index.xml`
+- **Custom styling**: Different templates if needed
+
+This allows for clear content separation while maintaining consistency in the overall site structure.
diff --git a/themes/adritian/exampleSite/content/projects/radity-finance-uikit.md b/themes/adritian/exampleSite/content/projects/radity-finance-uikit.md
new file mode 100644
index 0000000..2001e59
--- /dev/null
+++ b/themes/adritian/exampleSite/content/projects/radity-finance-uikit.md
@@ -0,0 +1,20 @@
+---
+date: '2024-08-25T09:53:42+02:00' # date in which the content is created - defaults to "today"
+title: 'Radity Finance - UI Kit'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    button:
+        icon: "icon-arrow-right"
+        btnText: "Case Study"
+        URL: "https://www.adrianmoreno.info"
+    image:
+        src: "images/works/radity-finance.jpg"
+        scale: 0.5
+
+## The content is used for the description of the project
+---
+
+We have been receiving a lot of requests for a Finance Kit recently due to the popularity of Fintech.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/projects/robo-advisor.md b/themes/adritian/exampleSite/content/projects/robo-advisor.md
new file mode 100644
index 0000000..f8ac7b3
--- /dev/null
+++ b/themes/adritian/exampleSite/content/projects/robo-advisor.md
@@ -0,0 +1,21 @@
+---
+date: '2024-08-25T09:53:42+02:00' # date in which the content is created - defaults to "today"
+title: 'Robo Advisor'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    button:
+        icon: "icon-arrow-right"
+        btnText: "Case Study"
+        URL: "https://www.adrianmoreno.info"
+    image:
+        src: "images/works/robo-advisor.jpg"
+        scale: 0.5
+    
+
+## The content is used for the description of the project
+---
+
+Robo Advisor is a Swiss Wealth Manager and wants to create the best digital experience for its UNHW clients across the world. We started with a whiteboard.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/projects/swiss-fintech.md b/themes/adritian/exampleSite/content/projects/swiss-fintech.md
new file mode 100644
index 0000000..dbe8e1c
--- /dev/null
+++ b/themes/adritian/exampleSite/content/projects/swiss-fintech.md
@@ -0,0 +1,40 @@
+---
+date: '2024-08-25T09:53:42+02:00' # date in which the content is created - defaults to "today"
+title: 'Swiss Fintech Website'
+draft: false # set to "true" if you want to hide the content 
+
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    button:
+        icon: "icon-arrow-right"
+        btnText: "Case Study"
+        URL: "https://www.adrianmoreno.info"
+    image:
+        src: "images/works/swissfintech.jpg"
+        scale: 0.5
+    
+
+## The content is used for the description of the project
+---
+
+Here you can add additional context, description, links, etc. 
+The content you see here comes from the contents of the `content/projects` folder.
+
+This project is in the file `projects/swiss-fintech.md`.
+
+In the markdown file frontmatter you can also define additional parameters, such as the link:
+
+```
+link: "https://www.adrianmoreno.info" # optional URL to link the logo to
+
+params:
+    button:
+        icon: "icon-arrow-right"
+        btnText: "Case Study"
+        URL: "https://www.adrianmoreno.info"
+    image:  
+        src: "images/works/swissfintech.jpg"
+        scale: 0.5
+        
+```
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/search.md b/themes/adritian/exampleSite/content/search.md
new file mode 100644
index 0000000..f605c8b
--- /dev/null
+++ b/themes/adritian/exampleSite/content/search.md
@@ -0,0 +1,8 @@
+---
+title: "Search" # in any language you want
+layout: "search" # necessary for search
+# url: "/archive"
+# description: "Description for Search"
+summary: "search"
+placeholder: "placeholder text in search input box"
+---
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/skills/_index.md b/themes/adritian/exampleSite/content/skills/_index.md
new file mode 100644
index 0000000..1187acb
--- /dev/null
+++ b/themes/adritian/exampleSite/content/skills/_index.md
@@ -0,0 +1,53 @@
+---
+title: "Technical Skills"
+date: 2025-05-19T14:56:00+01:00
+draft: false
+description: "A comprehensive overview of technical skills and expertise across various domains."
+skill_categories:
+  - name: "Programming Languages"
+    skills:
+      - name: "JavaScript/TypeScript"
+        level: 95
+        years: "10+"
+        description: "Modern ES6+, TypeScript, React, Node.js"
+      - name: "Java"
+        level: 85
+        years: "8+"
+        description: "Enterprise applications, Spring framework"
+      - name: "PHP"
+        level: 90
+        years: "10+"
+        description: "Laravel, Symfony, WordPress"
+      - name: "Swift/Objective-C"
+        level: 80
+        years: "7+"
+        description: "iOS native development"
+      - name: "Kotlin/Java"
+        level: 75
+        years: "6+"
+        description: "Android native development"
+  - name: "Frameworks & Technologies"
+    skills:
+      - name: "React/React Native"
+        level: 90
+        years: "7+"
+        description: "Web and cross-platform mobile apps"
+      - name: "Node.js"
+        level: 90
+        years: "8+"
+        description: "Express, NestJS, API development"
+      - name: "AWS"
+        level: 85
+        years: "6+"
+        description: "EC2, S3, Lambda, CloudFront, RDS"
+      - name: "Docker/Kubernetes"
+        level: 80
+        years: "5+"
+        description: "Containerization, orchestration"
+      - name: "CI/CD"
+        level: 90
+        years: "8+"
+        description: "GitHub Actions, Jenkins, CircleCI"
+---
+
+As a technology professional, I've developed expertise across multiple technical domains throughout my career. This skills showcase highlights my technical capabilities, from programming languages to architectural patterns and methodologies.
diff --git a/themes/adritian/exampleSite/content/testimonial/dana-oneal.md b/themes/adritian/exampleSite/content/testimonial/dana-oneal.md
new file mode 100644
index 0000000..5057da2
--- /dev/null
+++ b/themes/adritian/exampleSite/content/testimonial/dana-oneal.md
@@ -0,0 +1,18 @@
+---
+date: '2024-11-25T21:50:45+01:00' # date in which the content is created - defaults to "today"
+title: 'Dana Oneal'
+draft: false # set to "true" if you want to hide the content 
+
+name: "International Interrogations" # place/city/country for the experience. Fill-in.
+position: "Internal Intern" # from-to, for example "2022-2024". Fill-in.
+
+params:
+    image:
+        src: "images/testimonials/testimonial2.png" # example: "images/clients/asgardia.png"
+        scale: 0.5
+
+## For the content, you can use markdown
+##
+---
+
+I had the pleasure of working with this freelancer on several projects, and their performance has been nothing short of outstanding. They bring a high level of expertise, creativity, and dedication to every task. Their ability to understand project requirements and deliver exceptional results on time is truly impressive. They are a reliable and proactive professional who consistently exceeds expectations. I highly recommend this freelancer to anyone seeking top-notch skills and a collaborative partner.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/testimonial/ferdinand-shermand.md b/themes/adritian/exampleSite/content/testimonial/ferdinand-shermand.md
new file mode 100644
index 0000000..6f27843
--- /dev/null
+++ b/themes/adritian/exampleSite/content/testimonial/ferdinand-shermand.md
@@ -0,0 +1,18 @@
+---
+date: '2024-11-25T21:30:46+01:00' # date in which the content is created - defaults to "today"
+title: 'Ferdinand Shermand'
+draft: false # set to "true" if you want to hide the content 
+
+name: "Ferdinand Shermand" # place/city/country for the experience. Fill-in.
+position: "Butterfly collector" # from-to, for example "2022-2024". Fill-in.
+
+params:
+    image:
+        src: "images/testimonials/testimonial3.png" # example: "images/clients/asgardia.png"
+        scale: 0.5
+
+## For the content, you can use markdown
+##
+---
+
+Working with this colleague has been an absolute pleasure. Their dedication, professionalism, and positive attitude make them an invaluable asset to our team. They consistently go above and beyond to ensure that projects are completed on time and to the highest standard. Their ability to collaborate effectively and support their colleagues is truly commendable. I am continually impressed by their innovative thinking and problem-solving skills. This colleague is not just a team member but a true inspiration and a driving force behind our team’s success.
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/content/testimonial/graziella-nutella.md b/themes/adritian/exampleSite/content/testimonial/graziella-nutella.md
new file mode 100644
index 0000000..cef421c
--- /dev/null
+++ b/themes/adritian/exampleSite/content/testimonial/graziella-nutella.md
@@ -0,0 +1,30 @@
+---
+date: '2024-11-25T21:53:18+01:00' # date in which the content is created - defaults to "today"
+title: 'Graziella Nutella'
+draft: false # set to "true" if you want to hide the content 
+
+name: "Nutting Hill" # place/city/country for the experience. Fill-in.
+position: "Nutcracker" # from-to, for example "2022-2024". Fill-in.
+
+params:
+    image:
+        src: "images/testimonials/testimonial1.png" # example: "images/clients/asgardia.png"
+        scale: 0.5
+
+## For the content, you can use markdown
+##
+---
+
+The content of this section comes from the `content/testimonial` folder contents. This that you see is in `content/testimonial/graziella-nutella.md`.
+
+You can also use parameters for configuration:
+
+```
+name: "Nutting Hill" # place/city/country for the experience. Fill-in.
+position: "Nutcracker" # from-to, for example "2022-2024". Fill-in.
+
+params:
+    image:
+        src: "images/testimonials/testimonial1.png" # example: "images/clients/asgardia.png"
+        scale: 0.5
+```
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/go.mod b/themes/adritian/exampleSite/go.mod
new file mode 100644
index 0000000..8e19cb9
--- /dev/null
+++ b/themes/adritian/exampleSite/go.mod
@@ -0,0 +1,9 @@
+module github.com/zetxek/adritian-free-hugo-theme/exampleSite
+
+go 1.20
+
+
+require github.com/zetxek/adritian-free-hugo-theme v1.7.12 // indirect
+
+replace github.com/zetxek/adritian-free-hugo-theme => ../
+
diff --git a/themes/adritian/exampleSite/go.sum b/themes/adritian/exampleSite/go.sum
new file mode 100644
index 0000000..e69de29
diff --git a/themes/adritian/exampleSite/hugo.disablemenu.toml b/themes/adritian/exampleSite/hugo.disablemenu.toml
new file mode 100644
index 0000000..2c378d6
--- /dev/null
+++ b/themes/adritian/exampleSite/hugo.disablemenu.toml
@@ -0,0 +1,9 @@
+[params.languages.selector.disable]
+footer = true
+header = true
+mobileHeader = true
+
+[params.colorTheme.selector.disable]
+footer = true
+header = true
+mobileHeader = true
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/hugo.toml b/themes/adritian/exampleSite/hugo.toml
new file mode 100644
index 0000000..6bfb046
--- /dev/null
+++ b/themes/adritian/exampleSite/hugo.toml
@@ -0,0 +1,416 @@
+baseURL = "https://adritian-demo.vercel.app/"
+title = "Adritian Demo"
+languageCode = "en"
+
+
+# Exclude footer section from generating list pages (index.html and index.xml)
+[outputs]
+  page = ["HTML"]
+  home = ["HTML", "RSS", "JSON"]
+  section = ["HTML", "RSS"]
+  taxonomy = ["HTML", "RSS"]
+  term = ["HTML", "RSS"]
+  footer = []
+
+# Explicitly prevent the footer section from generating any output
+[outputFormats.footerSection]
+  # Empty configuration to prevent any output
+
+# Specifically disable generation of these kinds for the footer content
+disableKinds = ["footerSection", "RSS"]
+
+[module]
+[[module.imports]]
+path = "github.com/zetxek/adritian-free-hugo-theme"
+
+## Base mounts - so your site's assets are available
+[[module.mounts]]
+source = "archetypes"
+target = "archetypes"
+
+[[module.mounts]]
+source = "assets"
+target = "assets"
+
+[[module.mounts]]
+source = "i18n"
+target = "i18n"
+
+[[module.mounts]]
+source = "layouts"
+target = "layouts"
+
+[[module.mounts]]
+source = "static"
+target = "static"
+
+# The following mounts are required for the theme to be able to load bootstrap
+# Remember also to copy the theme's `package.json` to your site, and run `npm install`
+[[module.mounts]]
+source = "node_modules/bootstrap/scss"
+target = "assets/scss/bootstrap"
+
+[[module.mounts]]
+source = "node_modules/bootstrap/dist/js"
+target = "assets/js/bootstrap"
+
+[[module.mounts]]
+source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
+target = "assets/js/vendor/bootstrap.bundle.min.js"
+
+[[module.mounts]]
+source = "node_modules/bootstrap-print-css/css/bootstrap-print.css"
+target = "assets/css/bootstrap-print.css"
+
+
+[params]
+title = 'Adritian - a high performance hugo theme by Adrián Moreno'
+description = 'This hugo theme (Adritian) is based on Bootstrap and has features that make it suitable for a personal site, a portfolio or other kind of Single Page Applications.'
+images = ['/img/og-img.png']
+sections = [
+  "showcase",
+  "about",
+  "education",
+  "experience",
+  "client-and-work",
+  "testimonial",
+  "contact",
+  "newsletter",
+]
+# If you want to display an image logo in the header, you can add it here
+# logo = '/img/hugo.svg'
+
+homepageExperienceCount = 6
+
+[params.analytics]
+## Analytics parameters.
+### Supported so far: Vercel (Page Insights, Analytics)
+### And Google (Tag Manager, Analytics)
+
+# controls vercel page insights - disabled by default
+# to enable, just set to true
+vercelPageInsights = false
+vercelAnalytics = false
+
+# google analytics and tag manager. to enable, set "enabled" to true
+# and add the tracking code (UA-something for analytics, GTM-something for tag manager)
+[params.analytics.googleAnalytics]
+code = "UA-XXXXX-Y"
+enabled = false
+[params.analytics.googleTagManager]
+code = "GTM-XXXXX"
+enabled = false
+
+[build]
+writeStats = true
+
+[build.buildStats]
+enabledFor = ["scss"]
+disableClasses = false
+disableIDs = false
+disableTags = false
+enable = true
+
+[params.languages.selector.disable]
+footer = false
+header = false
+mobileHeader = false
+
+[languages]
+[languages.en]
+disabled = false
+languageCode = 'en'
+languageDirection = 'ltr'
+languageName = 'English'
+title = ''
+weight = 0
+
+[languages.en.menus]
+[[languages.en.menus.header]]
+name = "Home"
+URL = "/"
+weight = 1
+[[languages.en.menus.header]]
+name = 'About'
+URL = '#about'
+weight = 2
+[[languages.en.menus.header]]
+name = 'Skills'
+URL = '/skills'
+weight = 3
+[[languages.en.menus.header]]
+name = 'Portfolio'
+URL = '#client-and-work-section'
+weight = 4
+#  [[languages.en.menus.header]]
+#  name = "Experience"
+#  URL = "#experience"
+#  weight = 4
+
+[[languages.en.menus.header]]
+name = "How to"
+URL = "/blog"
+weight = 5
+
+[[languages.en.menus.header]]
+pre = "email"
+name = "email"
+URL = "#contact"
+weight = 6
+
+[[languages.en.menus.header]]
+pre = "search"
+name = "Search"
+URL = "/search"
+weight = 7
+
+[[languages.en.menus.footer]]
+name = "Home"
+URL = "/"
+weight = 1
+
+[[languages.en.menus.footer]]
+name = "About"
+URL = "#about"
+weight = 2
+
+[[languages.en.menus.footer]]
+name = "Portfolio"
+URL = "#portfolio"
+weight = 3
+
+[[languages.en.menus.footer]]
+name = "Contact"
+URL = "#contact"
+weight = 4
+
+
+[languages.es]
+disabled = false
+languageCode = 'es'
+languageDirection = 'ltr'
+languageName = 'Español'
+title = ''
+weight = 0
+[[languages.es.menus.header]]
+name = "INICIO"
+URL = "/es/"
+weight = 1
+[[languages.es.menus.header]]
+name = 'Sobre mi'
+URL = '/es/#sobre-mi'
+weight = 2
+[[languages.es.menus.header]]
+name = 'Habilidades'
+URL = '/es/skills'
+weight = 3
+[[languages.es.menus.header]]
+name = 'Trabajo'
+URL = '/es/#trabajo'
+weight = 4
+
+#  [[languages.es.menus.header]]
+#  name = "Experiencia"
+#  URL = "/es/#experience"
+#  weight = 4
+
+[[languages.es.menus.header]]
+name = "Blog"
+URL = "/es/blog"
+weight = 5
+
+
+[[languages.es.menus.header]]
+pre = "email"
+name = "Contacto"
+URL = "/es/#contacto"
+weight = 6
+
+[[languages.es.menus.header]]
+pre = "search"
+name = "Buscar"
+URL = "/search"
+weight = 7
+
+[[languages.es.menus.footer]]
+name = "INICIO"
+URL = "/"
+weight = 1
+
+[[languages.es.menus.footer]]
+name = "Sobre mi"
+URL = "/es/#about"
+weight = 2
+
+[[languages.es.menus.footer]]
+name = "Portfolio"
+URL = "/es/#client-and-work-section"
+weight = 3
+
+[[languages.es.menus.footer]]
+name = "Contact"
+URL = "/es/#contact"
+weight = 4
+
+[languages.fr]
+disabled = false
+languageCode = 'fr'
+languageDirection = 'ltr'
+languageName = 'Français'
+title = ''
+weight = 0
+
+[languages.fr.menus]
+[[languages.fr.menus.header]]
+name = "ACCUEIL"
+URL = "/fr/"
+weight = 1
+[[languages.fr.menus.header]]
+name = 'About'
+URL = '#about'
+weight = 2
+[[languages.fr.menus.header]]
+name = 'Compétences'
+URL = '/fr/skills'
+weight = 3
+[[languages.fr.menus.header]]
+name = 'Portfolio'
+URL = '#client-and-work-section'
+weight = 4
+#  [[languages.fr.menus.header]]
+#  name = "Experience"
+#  URL = "#experience"
+#  weight = 4
+
+[[languages.fr.menus.header]]
+name = "Blog"
+URL = "/blog"
+weight = 5
+
+[[languages.fr.menus.header]]
+pre = "email"
+name = "Contact"
+URL = "#contact"
+weight = 6
+
+[[languages.fr.menus.header]]
+pre = "search"
+name = "Recherche"
+URL = "/search"
+weight = 7
+[[languages.fr.menus.footer]]
+name = "ACCUEIL"
+URL = "/fr/"
+weight = 1
+
+[[languages.fr.menus.footer]]
+name = "About"
+URL = "#about"
+weight = 2
+
+[[languages.fr.menus.footer]]
+name = "Portfolio"
+URL = "#client-and-work-section"
+weight = 3
+
+[[languages.fr.menus.footer]]
+name = "Contact"
+URL = "#contact"
+weight = 4
+
+
+# Plugins
+[params.plugins]
+
+# CSS Plugins
+[[params.plugins.css]]
+URL = "css/custom.css"
+[[params.plugins.css]]
+URL = "css/adritian-icons.css"
+## Print css
+[[params.plugins.css]]
+URL = "css/bootstrap-print.css"
+
+# JS Plugins
+[[params.plugins.js]]
+URL = "js/rad-animations.js"
+[[params.plugins.js]]
+URL = "js/sticky-header.js"
+[[params.plugins.js]]
+URL = "js/library/fontfaceobserver.js"
+
+# SCSS Plugins
+[[params.plugins.scss]]
+URL = "scss/adritian.scss"
+
+
+# theme/color style 
+[params.colorTheme]
+
+## the following configuration would disable automatic theme selection
+#  [params.colorTheme.auto]
+#    disable = true
+#  [params.colorTheme.forced]
+#    theme = "dark"
+
+## the following parameter will disable theme override in the footer
+#  [params.colorTheme.selector.disable]
+#  footer = true
+
+
+[params.colorTheme.selector.disable]
+footer = false
+header = false
+mobileHeader = false
+## by default we allow override AND automatic selection
+
+# Page transition settings
+[params.pageTransition]
+enabled = true  # Set to false to disable the page fade transition effect
+
+[params.blog]
+layout = "sidebar-right"     # options: default (no sidebar), sidebar, sidebar-right
+sidebarWidth = "25"    # percentage width of the sidebar
+narrowContent = true   # if true, limits content width to 720px for better readability
+showCategories = true
+showRecentPosts = true
+recentPostCount = 5
+listStyle = "summary"  # options: simple, summary
+featured_sort_by_weight = true
+featured_sort_by_date = false
+
+
+[params.experience]
+showJobCard = true # Set to false to hide the job card
+
+
+# Performance optimizations
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true
+  [markup.highlight]
+    lineNos = false
+    style = "github"
+
+[imaging]
+  resampleFilter = "Lanczos"
+  quality = 85
+  anchor = "Smart"
+
+[minify]
+  disableCSS = false
+  disableHTML = false
+  disableJS = false
+  disableJSON = false
+  disableSVG = false
+  disableXML = false
+  minifyOutput = true
+  [minify.tdewolff]
+    [minify.tdewolff.html]
+      keepDefaultAttrVals = true
+      keepWhitespace = false
+    [minify.tdewolff.css]
+      precision = 0
+    [minify.tdewolff.js]
+      precision = 0
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/i18n/en.yaml b/themes/adritian/exampleSite/i18n/en.yaml
new file mode 100644
index 0000000..d15bfc0
--- /dev/null
+++ b/themes/adritian/exampleSite/i18n/en.yaml
@@ -0,0 +1,73 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - a high performance hugo theme by Adrián Moreno"
+- id: "meta_description"
+  translation: "This hugo theme (Adritian) is based on Bootstrap and has features that make it suitable for a personal site, a portfolio or other kind of Single Page Applications."
+- id: "meta_keywords"
+  translation: "hugo, theme, bootstrap, adritian, adrian moreno, personal site, portfolio, single page application"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+
+- id: "logo_alt"
+  translation: "Adritian logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Skip to main content"
+
+- id: "toggle_navigation"
+  translation: "Toggle navigation"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Free Hugo theme by Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Language"
+
+- id: "toggle_theme"
+  translation: "Toggle theme"
+
+- id: "theme_light"
+  translation: "☀️ Light"
+- id: "theme_dark"
+  translation: "🌑 Dark"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demo site for Adritian - a high performance hugo theme by Adrián Moreno"
+
+- id: "head_description"
+  translation: "This hugo theme (Adritian) is based on Bootstrap and has features that make it suitable for a personal site, a portfolio or other kind of Single Page Applications."
+
+
+## Blog
+- id: "read_more"
+  translation: "Read more"
+
+- id: "published_on"
+  translation: "Published on "
+
+- id: "continue_reading"
+  translation: "Continue reading"
+
+## 404 Page
+- id: "404_title"
+  translation: "Page not found"
+- id: "404_description"  
+  translation: "Sorry, but the page you were looking for could not be found."
+- id: "404_button"
+  translation: "Back to homepage"
+
diff --git a/themes/adritian/exampleSite/i18n/es.yaml b/themes/adritian/exampleSite/i18n/es.yaml
new file mode 100644
index 0000000..fb9dfd0
--- /dev/null
+++ b/themes/adritian/exampleSite/i18n/es.yaml
@@ -0,0 +1,62 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - un tema Hugo de alto rendimiento por Adrián Moreno"
+- id: "meta_description"
+  translation: "Este tema de Hugo (Adritian) está basado en Bootstrap y tiene características que lo hacen adecuado para un sitio personal, un portafolio u otros tipos de aplicaciones de una sola página."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, sitio personal, portfolio, aplicación de una sola página"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian logo"
+- id: "logo_text1"
+  translation: "Genial"
+- id: "logo_text2"
+  translation: "Nombre"
+
+
+## General
+- id: "skipToMainContent"
+  translation: "Saltar al contenido principal"
+- id: "toggle_navigation"
+  translation: "Mostrar navegación"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Tema gratuito de Hugo por Adrián Moreno Peña."
+- id: "language"
+  translation: "Idioma"
+- id: "toggle_theme"
+  translation: "Seleccionar esquema de color"
+- id: "theme_light"
+  translation: "☀️ Claro"
+- id: "theme_dark"
+  translation: "🌑 Oscuro"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Sitio demo de Adritian - un tema Hugo de alto rendimiento por Adrián Moreno"
+- id: "head_description"
+  translation: "Este tema de Hugo (Adritian) está basado en Bootstrap y tiene características que lo hacen adecuado para un sitio personal, un portafolio u otros tipos de aplicaciones de una sola página."
+
+## Blog
+- id: "read_more"
+  translation: "Leer más"
+- id: "published_on"
+  translation: "Publicado el "
+- id: "continue_reading"
+  translation: "Continuar leyendo"
+
+## 404 Page
+- id: "404_title"  
+  translation: "Página no encontrada"
+- id: "404_description"
+  translation: "Lo sentimos, pero la página que buscabas no pudo ser encontrada."
+- id: "404_button"
+  translation: "Volver al inicio"
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/i18n/fr.yaml b/themes/adritian/exampleSite/i18n/fr.yaml
new file mode 100644
index 0000000..94ee3f9
--- /dev/null
+++ b/themes/adritian/exampleSite/i18n/fr.yaml
@@ -0,0 +1,61 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - un thème Hugo haute performance par Adrián Moreno"
+- id: "meta_description"
+  translation: "Ce thème Hugo (Adritian) est basé sur Bootstrap et possède des fonctionnalités qui le rendent adapté pour un site personnel, un portfolio ou d'autres types d'applications monopages."
+- id: "meta_keywords"
+  translation: "hugo, thème, bootstrap, adritian, adrian moreno, site personnel, portfolio, application monopage"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian logo"
+- id: "logo_text1"
+  translation: "Cool"
+- id: "logo_text2"
+  translation: "Nom"
+  
+## General
+- id: "skipToMainContent"
+  translation: "Aller au contenu principal"
+- id: "toggle_navigation" 
+  translation: "Basculer la navigation"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Thème gratuit Hugo par Adrián Moreno Peña."
+- id: "language"
+  translation: "Langue"
+- id: "toggle_theme"
+  translation: "Changer le thème"
+- id: "theme_light"
+  translation: "☀️ Clair"
+- id: "theme_dark"
+  translation: "🌑 Sombre"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Site de démonstration pour Adritian - un thème Hugo haute performance par Adrián Moreno"
+- id: "head_description"
+  translation: "Ce thème Hugo (Adritian) est basé sur Bootstrap et possède des fonctionnalités qui le rendent adapté pour un site personnel, un portfolio ou d'autres types d'applications monopages."
+
+## Blog
+- id: "read_more"
+  translation: "Lire la suite"
+- id: "published_on"
+  translation: "Publié le "
+- id: "continue_reading"
+  translation: "Continuer à lire"
+
+## 404 Page
+- id: "404_title"
+  translation: "Page non trouvée"
+- id: "404_description"
+  translation: "Désolé, mais la page que vous recherchez est introuvable."
+- id: "404_button"
+  translation: "Retour à l'accueil"
\ No newline at end of file
diff --git a/themes/adritian/exampleSite/package.hugo.json b/themes/adritian/exampleSite/package.hugo.json
new file mode 100644
index 0000000..86e787c
--- /dev/null
+++ b/themes/adritian/exampleSite/package.hugo.json
@@ -0,0 +1,20 @@
+{
+  "scripts": {
+    "start": "hugo server",
+    "serve": "hugo server --source exampleSite --themesDir ../.. --logLevel debug",
+    "build": "hugo build --source exampleSite --themesDir ../.. --logLevel debug --minify",
+    "test": "npm-run-all build --parallel --continue-on-error --aggregate-output test-*",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.49.1",
+    "@types/node": "^22.10.5",
+    "autoprefixer": "^10.4.17",
+    "bootstrap": "^5.3.3",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.35",
+    "postcss-cli": "^11.0.0"
+  }
+}
diff --git a/themes/adritian/exampleSite/package.json b/themes/adritian/exampleSite/package.json
new file mode 100644
index 0000000..08fe8f7
--- /dev/null
+++ b/themes/adritian/exampleSite/package.json
@@ -0,0 +1,37 @@
+{
+  "comments": {
+    "dependencies": {},
+    "devDependencies": {
+      "@playwright/test": "project",
+      "@types/node": "project",
+      "@zetxek/adritian-theme-helper": "github.com/zetxek/adritian-free-hugo-theme",
+      "autoprefixer": "project",
+      "bootstrap": "project",
+      "bootstrap-print-css": "github.com/zetxek/adritian-free-hugo-theme",
+      "npm-run-all": "project",
+      "postcss": "project",
+      "postcss-cli": "project"
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@playwright/test": "^1.56.1",
+    "@types/node": "^22.10.5",
+    "@zetxek/adritian-theme-helper": "^1.0.3",
+    "autoprefixer": "^10.4.17",
+    "bootstrap": "^5.3.3",
+    "bootstrap-print-css": "^1.0.0",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.35",
+    "postcss-cli": "^11.0.0"
+  },
+  "scripts": {
+    "build": "hugo build --source exampleSite --themesDir ../.. --logLevel debug --minify",
+    "serve": "hugo server --source exampleSite --themesDir ../.. --logLevel debug",
+    "start": "hugo server",
+    "test": "npm-run-all build --parallel --continue-on-error --aggregate-output test-*",
+    "test:e2e": "playwright test",
+    "test:e2e:debug": "playwright test --debug",
+    "test:e2e:ui": "playwright test --ui"
+  }
+}
diff --git a/themes/adritian/exampleSite/static/favicon.ico b/themes/adritian/exampleSite/static/favicon.ico
new file mode 100644
index 0000000..e6f1fa9
Binary files /dev/null and b/themes/adritian/exampleSite/static/favicon.ico differ
diff --git a/themes/adritian/exampleSite/static/img/blog/A minimalistic representation of creating a personal website, focusing on clean lines, subtle geometric shapes, and a modern web development aesthetic.png b/themes/adritian/exampleSite/static/img/blog/A minimalistic representation of creating a personal website, focusing on clean lines, subtle geometric shapes, and a modern web development aesthetic.png
new file mode 100644
index 0000000..fe59698
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/blog/A minimalistic representation of creating a personal website, focusing on clean lines, subtle geometric shapes, and a modern web development aesthetic.png differ
diff --git a/themes/adritian/exampleSite/static/img/blog/feature-sample-3.png b/themes/adritian/exampleSite/static/img/blog/feature-sample-3.png
new file mode 100644
index 0000000..16023aa
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/blog/feature-sample-3.png differ
diff --git a/themes/adritian/exampleSite/static/img/blog/icons.png b/themes/adritian/exampleSite/static/img/blog/icons.png
new file mode 100644
index 0000000..72b8239
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/blog/icons.png differ
diff --git a/themes/adritian/exampleSite/static/img/blog/new-icon-1.png b/themes/adritian/exampleSite/static/img/blog/new-icon-1.png
new file mode 100644
index 0000000..f971a48
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/blog/new-icon-1.png differ
diff --git a/themes/adritian/exampleSite/static/img/blog/new-icon-2.png b/themes/adritian/exampleSite/static/img/blog/new-icon-2.png
new file mode 100644
index 0000000..3e6dc29
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/blog/new-icon-2.png differ
diff --git a/themes/adritian/exampleSite/static/img/blog/new-icon-3.png b/themes/adritian/exampleSite/static/img/blog/new-icon-3.png
new file mode 100644
index 0000000..fb47606
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/blog/new-icon-3.png differ
diff --git a/themes/adritian/exampleSite/static/img/og-img.png b/themes/adritian/exampleSite/static/img/og-img.png
new file mode 100644
index 0000000..662b0e2
Binary files /dev/null and b/themes/adritian/exampleSite/static/img/og-img.png differ
diff --git a/themes/adritian/go.mod b/themes/adritian/go.mod
new file mode 100644
index 0000000..993d1f1
--- /dev/null
+++ b/themes/adritian/go.mod
@@ -0,0 +1,3 @@
+module github.com/zetxek/adritian-free-hugo-theme
+
+go 1.20 
\ No newline at end of file
diff --git a/themes/adritian/hugo.disablemenu.toml b/themes/adritian/hugo.disablemenu.toml
new file mode 100644
index 0000000..2c378d6
--- /dev/null
+++ b/themes/adritian/hugo.disablemenu.toml
@@ -0,0 +1,9 @@
+[params.languages.selector.disable]
+footer = true
+header = true
+mobileHeader = true
+
+[params.colorTheme.selector.disable]
+footer = true
+header = true
+mobileHeader = true
\ No newline at end of file
diff --git a/themes/adritian/hugo.toml b/themes/adritian/hugo.toml
new file mode 100644
index 0000000..9b90769
--- /dev/null
+++ b/themes/adritian/hugo.toml
@@ -0,0 +1,122 @@
+[module]
+
+  [module.hugoVersion]
+    extended = true
+    min = "0.92.0"
+
+# Related content configuration
+[related]
+  includeNewer = true
+  threshold = 80
+  toLower = false
+  
+  [[related.indices]]
+    name = "tags"
+    weight = 100
+  
+  [[related.indices]]
+    name = "date"
+    weight = 10
+
+# Performance optimizations
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true
+  [markup.highlight]
+    lineNos = false
+    style = "github"
+
+[imaging]
+  resampleFilter = "Lanczos"
+  quality = 85
+  anchor = "Smart"
+
+[minify]
+  disableCSS = false
+  disableHTML = false
+  disableJS = false
+  disableJSON = false
+  disableSVG = false
+  disableXML = false
+  minifyOutput = true
+  [minify.tdewolff]
+    [minify.tdewolff.html]
+      keepDefaultAttrVals = true
+      keepWhitespace = false
+    [minify.tdewolff.css]
+      precision = 0
+    [minify.tdewolff.js]
+      precision = 0
+
+
+# Exclude content with type "footer" from being rendered as HTML pages
+[outputFormats]
+  [outputFormats.footer]
+    mediaType = "text/html"
+    isHTML = true
+    isPlainText = false
+    noUgly = true
+    permalinkable = false
+    path = "footer"
+
+# Disable HTML generation for content with type "footer"
+[outputs]
+  page = ["HTML"]
+  home = ["HTML", "RSS", "JSON"]
+  section = ["HTML"]
+  taxonomy = ["HTML"]
+  term = ["HTML"]
+  footer = []
+
+# Disable specific content kinds to prevent footer from being rendered
+disableKinds = ["footer"]
+
+# Configure content by path to prevent footer directory from generating HTML
+[params]
+  [params.disabledContent]
+    paths = ["footer"]
+
+  [[module.mounts]]
+    source = "archetypes"
+    target = "archetypes"
+
+  [[module.mounts]]
+    source = "assets"
+    target = "assets"
+
+  [[module.mounts]]
+    source = "i18n"
+    target = "i18n"
+
+  [[module.mounts]]
+    source = "layouts" 
+    target = "layouts"
+
+  [[module.mounts]]
+    source = "static"
+    target = "static"
+
+  [[module.mounts]]
+    source = "node_modules/bootstrap/scss"
+    target = "assets/scss/bootstrap"
+
+  [[module.mounts]]
+    source = "node_modules/bootstrap/dist/js"
+    target = "assets/js/bootstrap"
+
+  [[module.mounts]]
+    source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
+    target = "assets/js/vendor/bootstrap.bundle.min.js"
+
+  [[module.mounts]]
+    source = "node_modules/bootstrap-print-css/css/bootstrap-print.css"
+    target = "assets/css/bootstrap-print.css"
+  
+  ## Search & sanitization
+  [[module.mounts]]
+    source = "node_modules/fuse.js/dist/fuse.min.js"
+    target = "static/js/fuse.min.js"
+  [[module.mounts]]
+    source = "node_modules/dompurify/dist/purify.min.js"
+    target = "static/js/purify.min.js"
\ No newline at end of file
diff --git a/themes/adritian/i18n/da.yaml b/themes/adritian/i18n/da.yaml
new file mode 100644
index 0000000..81f9d02
--- /dev/null
+++ b/themes/adritian/i18n/da.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - et kraftfuldt Hugo-tema af Adrián Moreno"
+- id: "meta_description"
+  translation: "Dette Hugo-tema (Adritian) er baseret på Bootstrap og har funktioner, der gør det egnet til et personligt website, en portefølje eller andre typer Single Page-applikationer."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, personligt website, portefølje, single page-applikation"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian-logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Gå til hovedindhold"
+
+- id: "toggle_navigation"
+  translation: "Skift navigation"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Gratis Hugo-tema af Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Sprog"
+
+- id: "toggle_theme"
+  translation: "Skift tema"
+
+- id: "theme_light"
+  translation: "☀️ Lys"
+- id: "theme_dark"
+  translation: "🌑 Mørk"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demosite for Adritian - et kraftfuldt Hugo-tema af Adrián Moreno"
+
+- id: "head_description"
+  translation: "Dette Hugo-tema (Adritian) er baseret på Bootstrap og har funktioner, der gør det egnet til et personligt website, en portefølje eller andre typer Single Page-applikationer."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Velkommen til demoen"
+
+- id: "showcase_subtitle"
+  translation: "Lad os dykke ned i et eksempel"
+
+- id: "showcase_description"
+  translation: "Dette er et kraftfuldt tema til den statiske website-generator Hugo."
+
+- id: "showcase_button"
+  translation: "Kontakt"
+
+- id: "showcase_image_alt"
+  translation: "Et billede af Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Hvem er jeg?"
+
+- id: "about_content"
+  translation: "Her kan du tilføje noget information om dig selv."
+
+- id: "about_button"
+  translation: "Om mig"
+
+## Homepage education
+- id: "education_title"
+  translation: "Uddannelse"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Download CV"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Vis alle"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Klienter & Arbejde"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Nyhedsbrev"
+
+- id: "newsletter_button"
+  translation: "Abonner"
+
+- id: "newsletter_placeholder"
+  translation: "Din e-mail"
+
+- id: "newsletter_success_message"
+  translation: "Tak for at abonnere på mit nyhedsbrev!"
+
+- id: "newsletter_error_message"
+  translation: "Der opstod en fejl. Prøv venligst igen."
+
+- id: "newsletter_note"
+  translation: "Vi deler aldrig din e-mail med andre."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Anbefalinger"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Kontakt"
+
+- id: "contact_button"
+  translation: "Send besked"
+
+- id: "contact_form_name"
+  translation: "Fulde navn"
+
+- id: "contact_form_email"
+  translation: "E-mailadresse"
+
+- id: "contact_form_message"
+  translation: "Skriv din besked her"
+
+- id: "contact_phone_title"
+  translation: "Telefonnummer"
+
+- id: "contact_phone_number"
+  translation: "Defineret i i18n/da.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-mail"
+
+- id: "contact_email_email"
+  translation: "Defineret i i18n/da.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Adresse"
+
+- id: "contact_address_address"
+  translation: "Defineret i i18n/da.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Læs mere"
+
+- id: "published_on"
+  translation: "Udgivet den "
+
+- id: "continue_reading"
+  translation: "Fortsæt med at læse"
+
+## 404 Page
+- id: "404_title"
+  translation: "Side ikke fundet"
+- id: "404_description"
+  translation: "Beklager, men siden du ledte efter kunne ikke findes."
+- id: "404_button"
+  translation: "Tilbage til forsiden"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Relaterede indlæg"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Del dette indlæg"
+- id: "share_on_twitter"
+  translation: "Del på Twitter"
+- id: "share_on_linkedin"
+  translation: "Del på LinkedIn"
+- id: "share_on_facebook"
+  translation: "Del på Facebook"
+- id: "share_via_email"
+  translation: "Del via e-mail"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-mail"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Indholdsfortegnelse"
+
+## Comments
+- id: "comments"
+  translation: "Kommentarer"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min. læsetid"
+- id: "last_updated"
+  translation: "Opdateret"
+
+## Taxonomy
+- id: "categories"
+  translation: "Kategorier"
+- id: "recent_posts"
+  translation: "Seneste indlæg"
diff --git a/themes/adritian/i18n/de.yaml b/themes/adritian/i18n/de.yaml
new file mode 100644
index 0000000..8694d0e
--- /dev/null
+++ b/themes/adritian/i18n/de.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - ein hochleistungsfähiges Hugo-Theme von Adrián Moreno"
+- id: "meta_description"
+  translation: "Dieses Hugo-Theme (Adritian) basiert auf Bootstrap und hat Funktionen, die es für eine persönliche Website, ein Portfolio oder andere Arten von Single-Page-Anwendungen geeignet machen."
+- id: "meta_keywords"
+  translation: "hugo, theme, bootstrap, adritian, adrian moreno, persönliche website, portfolio, single-page-anwendung"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian-Logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Zum Hauptinhalt springen"
+
+- id: "toggle_navigation"
+  translation: "Navigation umschalten"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Kostenloses Hugo-Theme von Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Sprache"
+
+- id: "toggle_theme"
+  translation: "Theme umschalten"
+
+- id: "theme_light"
+  translation: "☀️ Hell"
+- id: "theme_dark"
+  translation: "🌑 Dunkel"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demo-Website für Adritian - ein hochleistungsfähiges Hugo-Theme von Adrián Moreno"
+
+- id: "head_description"
+  translation: "Dieses Hugo-Theme (Adritian) basiert auf Bootstrap und hat Funktionen, die es für eine persönliche Website, ein Portfolio oder andere Arten von Single-Page-Anwendungen geeignet machen."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Willkommen zur Demo"
+
+- id: "showcase_subtitle"
+  translation: "Tauchen wir in ein Beispiel ein"
+
+- id: "showcase_description"
+  translation: "Dies ist ein hochleistungsfähiges Theme für den statischen Website-Generator Hugo."
+
+- id: "showcase_button"
+  translation: "Kontakt"
+
+- id: "showcase_image_alt"
+  translation: "Ein Bild von Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Wer bin ich?"
+
+- id: "about_content"
+  translation: "Hier können Sie einige Informationen über sich hinzufügen."
+
+- id: "about_button"
+  translation: "Über mich"
+
+## Homepage education
+- id: "education_title"
+  translation: "Ausbildung"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Lebenslauf herunterladen"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Alle anzeigen"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Kunden & Arbeit"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Newsletter"
+
+- id: "newsletter_button"
+  translation: "Abonnieren"
+
+- id: "newsletter_placeholder"
+  translation: "Ihre E-Mail"
+
+- id: "newsletter_success_message"
+  translation: "Vielen Dank für das Abonnieren meines Newsletters!"
+
+- id: "newsletter_error_message"
+  translation: "Ein Fehler ist aufgetreten. Bitte versuchen Sie es erneut."
+
+- id: "newsletter_note"
+  translation: "Wir werden Ihre E-Mail niemals mit anderen teilen."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Referenzen"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Kontakt"
+
+- id: "contact_button"
+  translation: "Nachricht senden"
+
+- id: "contact_form_name"
+  translation: "Vollständiger Name"
+
+- id: "contact_form_email"
+  translation: "E-Mail-Adresse"
+
+- id: "contact_form_message"
+  translation: "Geben Sie hier Ihre Nachricht ein"
+
+- id: "contact_phone_title"
+  translation: "Telefonnummer"
+
+- id: "contact_phone_number"
+  translation: "Definiert in i18n/de.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-Mail"
+
+- id: "contact_email_email"
+  translation: "Definiert in i18n/de.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Adresse"
+
+- id: "contact_address_address"
+  translation: "Definiert in i18n/de.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Mehr lesen"
+
+- id: "published_on"
+  translation: "Veröffentlicht am "
+
+- id: "continue_reading"
+  translation: "Weiterlesen"
+
+## 404 Page
+- id: "404_title"
+  translation: "Seite nicht gefunden"
+- id: "404_description"
+  translation: "Entschuldigung, aber die gesuchte Seite konnte nicht gefunden werden."
+- id: "404_button"
+  translation: "Zurück zur Startseite"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Ähnliche Beiträge"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Diesen Beitrag teilen"
+- id: "share_on_twitter"
+  translation: "Auf Twitter teilen"
+- id: "share_on_linkedin"
+  translation: "Auf LinkedIn teilen"
+- id: "share_on_facebook"
+  translation: "Auf Facebook teilen"
+- id: "share_via_email"
+  translation: "Per E-Mail teilen"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-Mail"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Inhaltsverzeichnis"
+
+## Comments
+- id: "comments"
+  translation: "Kommentare"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "Min. Lesezeit"
+- id: "last_updated"
+  translation: "Aktualisiert"
+
+## Taxonomy
+- id: "categories"
+  translation: "Kategorien"
+- id: "recent_posts"
+  translation: "Neueste Beiträge"
diff --git a/themes/adritian/i18n/en.yaml b/themes/adritian/i18n/en.yaml
new file mode 100644
index 0000000..3cfdcf8
--- /dev/null
+++ b/themes/adritian/i18n/en.yaml
@@ -0,0 +1,265 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - a high performance hugo theme by Adrián Moreno"
+- id: "meta_description"
+  translation: "This hugo theme (Adritian) is based on Bootstrap and has features that make it suitable for a personal site, a portfolio or other kind of Single Page Applications."
+- id: "meta_keywords"
+  translation: "hugo, theme, bootstrap, adritian, adrian moreno, personal site, portfolio, single page application"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+
+- id: "logo_alt"
+  translation: "Adritian logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Skip to main content"
+
+- id: "toggle_navigation"
+  translation: "Toggle navigation"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Free Hugo theme by Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Language"
+
+- id: "toggle_theme"
+  translation: "Toggle theme"
+
+- id: "theme_light"
+  translation: "☀️ Light"
+- id: "theme_dark"
+  translation: "🌑 Dark"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demo site for Adritian - a high performance hugo theme by Adrián Moreno"
+
+- id: "head_description"
+  translation: "This hugo theme (Adritian) is based on Bootstrap and has features that make it suitable for a personal site, a portfolio or other kind of Single Page Applications."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Welcome to the demo"
+
+- id: "showcase_subtitle"
+  translation: "Let's dive into an example"
+
+- id: "showcase_description"
+  translation: "This is a high performance theme for the Hugo static site generator. 
+    This sample content can be edited in the locale files (as the theme supports translations).
+    <br>
+    You can download this theme from <a target='_blank' href='https://github.com/zetxek/adritian-free-hugo-theme'>github</a>, 
+    and see it live <a target='_blank' href='https://adritian-demo.vercel.app/'>as a demo site</a> 
+    or <a target='_blank' href='https://www.adrianmoreno.info'>a real one</a>.
+    <br>
+    The content you see so far in the homepage is:
+    <ul>
+      <li>Site logo/name: site config file (<code>hugo.toml</code>)</li>
+      <li>Site top menu: site config file (<code>hugo.toml</code>), look for the <code>[[languages.en.menus.header]]</code> section</li>
+      <li>This paragraph: <code>i18n/en.yaml</code> (for English)</li>
+    </ul>
+    Additionally, the order of the items in the homepage is configured in the <code>sections</code> array in the <code>hugo.toml</code> file:
+    <code>sections = [
+  \"showcase\",
+  \"about\",
+  \"education\",
+  \"experience\",
+  \"client-and-work\",
+  \"testimonial\",
+  \"contact\",
+  \"newsletter\",
+  ]</code><br/> 
+  The content of each section is defined in the <code>data/homepage.yml</code> file (ie: links to social sites, mail, ...).
+  <br/>
+  If you scroll this page you will see some hints on where the content comes from - all the way to the footer menu. These links come from the site config file (<code>hugo.toml</code>), look for the <code>[[languages.en.menus.footer]]</code> section."
+
+- id: "showcase_button"
+  translation: "Contact"
+
+  ## not visible but used for accessibility
+- id: "showcase_image_alt"
+  translation: "A picture of Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Who am I?"
+
+- id: "about_content"
+  translation:  '<p class="lead">
+      Here you can add some information about you. A small excerpt that describes 
+      your experience, for example.   
+      <br/>
+      You explain something about your academic/study background, as well as your
+      preferred areas of work.
+      </p>
+      <p>The content for this section is defined in the <code>i18n/en.yaml</code> file, 
+      in the <code>about_content</code> item.
+      </p>'
+
+- id: "about_button"
+  translation: "About Me"
+
+## Homepage education
+- id: "education_title"
+  translation: "Education"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn" 
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Download resume"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "View all"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Clients & Work"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Newsletter"
+
+- id: "newsletter_button"
+  translation: "Subscribe"
+
+- id: "newsletter_placeholder"
+  translation: "Your email"
+
+- id: "newsletter_success_message"
+  translation: "Thank you for subscribing to my newsletter!"
+
+- id: "newsletter_error_message"
+  translation: "An error occurred. Please try again."
+
+- id: "newsletter_note"
+  translation: "We'll never share your email with anyone else."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Testimonials"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Contact"
+
+- id: "contact_button"
+  translation: "Send message"
+
+- id: "contact_form_name"
+  translation: "Full Name"
+
+- id: "contact_form_email"
+  translation: "Email Address"
+
+- id: "contact_form_message"
+  translation: "Type Your Message Here"
+
+- id: "contact_phone_title"
+  translation: "Phone Number"
+
+- id: "contact_phone_number"
+  translation: "Defined in i18n/en.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "Email"
+
+- id: "contact_email_email"
+  translation: 'Defined in i18n/en.yaml (contact_email_email)'
+
+- id: "contact_address_title"
+  translation: "Address"
+
+- id: "contact_address_address"
+  translation: "Defined in i18n/en.yaml (contact_address_address)"
+
+- id: "contact_button"
+  translation: "Send Message"
+
+## Blog
+- id: "read_more"
+  translation: "Read more"
+
+- id: "published_on"
+  translation: "Published on "
+
+- id: "continue_reading"
+  translation: "Continue reading"
+
+## 404 Page
+- id: "404_title"
+  translation: "Page not found"
+- id: "404_description"  
+  translation: "Sorry, but the page you were looking for could not be found."
+- id: "404_button"
+  translation: "Back to homepage"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Related Posts"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Share this post"
+- id: "share_on_twitter"
+  translation: "Share on Twitter"
+- id: "share_on_linkedin"
+  translation: "Share on LinkedIn"
+- id: "share_on_facebook"
+  translation: "Share on Facebook"
+- id: "share_via_email"
+  translation: "Share via Email"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "Email"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Table of Contents"
+
+## Comments
+- id: "comments"
+  translation: "Comments"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min read"
+- id: "last_updated"
+  translation: "Updated"
+
+## Taxonomy
+- id: "categories"
+  translation: "Categories"
+- id: "recent_posts"
+  translation: "Recent Posts"
+
diff --git a/themes/adritian/i18n/es.yaml b/themes/adritian/i18n/es.yaml
new file mode 100644
index 0000000..f8d4a2f
--- /dev/null
+++ b/themes/adritian/i18n/es.yaml
@@ -0,0 +1,115 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - un tema Hugo de alto rendimiento por Adrián Moreno"
+- id: "meta_description"
+  translation: "Este tema de Hugo (Adritian) está basado en Bootstrap y tiene características que lo hacen adecuado para un sitio personal, un portafolio u otros tipos de aplicaciones de una sola página."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, sitio personal, portafolio, aplicación de una sola página"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Saltar al contenido principal"
+
+- id: "toggle_navigation"
+  translation: "Mostrar navegación"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Tema gratuito de Hugo por Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Idioma"
+
+- id: "toggle_theme"
+  translation: "Seleccionar esquema de color"
+
+- id: "theme_light"
+  translation: "☀️ Claro"
+- id: "theme_dark"
+  translation: "🌑 Oscuro"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Sitio demo de Adritian - un tema Hugo de alto rendimiento por Adrián Moreno"
+
+- id: "head_description"
+  translation: "Este tema de Hugo (Adritian) está basado en Bootstrap y tiene características que lo hacen adecuado para un sitio personal, un portafolio u otros tipos de aplicaciones de una sola página."
+
+## Blog
+- id: "read_more"
+  translation: "Leer más"
+
+- id: "published_on"
+  translation: "Publicado el "
+
+- id: "continue_reading"
+  translation: "Continuar leyendo"
+
+## 404 Page
+- id: "404_title"  
+  translation: "Página no encontrada"
+- id: "404_description"
+  translation: "Lo sentimos, pero la página que buscabas no pudo ser encontrada."
+- id: "404_button"
+  translation: "Volver al inicio"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Publicaciones relacionadas"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Compartir esta publicación"
+- id: "share_on_twitter"
+  translation: "Compartir en Twitter"
+- id: "share_on_linkedin"
+  translation: "Compartir en LinkedIn"
+- id: "share_on_facebook"
+  translation: "Compartir en Facebook"
+- id: "share_via_email"
+  translation: "Compartir por correo electrónico"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "Correo"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Tabla de contenidos"
+
+## Comments
+- id: "comments"
+  translation: "Comentarios"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min de lectura"
+- id: "last_updated"
+  translation: "Actualizado"
+
+## Taxonomy
+- id: "categories"
+  translation: "Categorías"
+- id: "recent_posts"
+  translation: "Publicaciones recientes"
+
diff --git a/themes/adritian/i18n/fr.yaml b/themes/adritian/i18n/fr.yaml
new file mode 100644
index 0000000..75caf23
--- /dev/null
+++ b/themes/adritian/i18n/fr.yaml
@@ -0,0 +1,115 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - un thème Hugo haute performance par Adrián Moreno"
+- id: "meta_description"
+  translation: "Ce thème Hugo (Adritian) est basé sur Bootstrap et possède des fonctionnalités qui le rendent adapté pour un site personnel, un portfolio ou d'autres types d'applications monopages."
+- id: "meta_keywords"
+  translation: "hugo, thème, bootstrap, adritian, adrian moreno, site personnel, portfolio, application monopage"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian logo"
+  
+- id: "logo_text1"
+  translation: "Adritian"
+  
+- id: "logo_text2"
+  translation: "Demo"
+  
+## General
+- id: "skipToMainContent"
+  translation: "Aller au contenu principal"
+
+- id: "toggle_navigation" 
+  translation: "Basculer la navigation"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Thème gratuit Hugo par Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Langue"
+
+- id: "toggle_theme"
+  translation: "Changer le thème"
+
+- id: "theme_light"
+  translation: "☀️ Clair"
+- id: "theme_dark"
+  translation: "🌑 Sombre"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Site de démonstration pour Adritian - un thème Hugo haute performance par Adrián Moreno"
+
+- id: "head_description"
+  translation: "Ce thème Hugo (Adritian) est basé sur Bootstrap et possède des fonctionnalités qui le rendent adapté pour un site personnel, un portfolio ou d'autres types d'applications monopages."
+
+## Blog
+- id: "read_more"
+  translation: "Lire la suite"
+
+- id: "published_on"
+  translation: "Publié le "
+
+- id: "continue_reading"
+  translation: "Continuer à lire"
+
+## 404 Page
+- id: "404_title"
+  translation: "Page non trouvée"
+- id: "404_description"
+  translation: "Désolé, mais la page que vous recherchez est introuvable."
+- id: "404_button"
+  translation: "Retour à l'accueil"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Articles connexes"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Partager cet article"
+- id: "share_on_twitter"
+  translation: "Partager sur Twitter"
+- id: "share_on_linkedin"
+  translation: "Partager sur LinkedIn"
+- id: "share_on_facebook"
+  translation: "Partager sur Facebook"
+- id: "share_via_email"
+  translation: "Partager par email"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "Email"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Table des matières"
+
+## Comments
+- id: "comments"
+  translation: "Commentaires"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min de lecture"
+- id: "last_updated"
+  translation: "Mis à jour"
+
+## Taxonomy
+- id: "categories"
+  translation: "Catégories"
+- id: "recent_posts"
+  translation: "Articles récents"
+
diff --git a/themes/adritian/i18n/it.yaml b/themes/adritian/i18n/it.yaml
new file mode 100644
index 0000000..e95d6ee
--- /dev/null
+++ b/themes/adritian/i18n/it.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - un tema Hugo ad alte prestazioni di Adrián Moreno"
+- id: "meta_description"
+  translation: "Questo tema Hugo (Adritian) è basato su Bootstrap e ha caratteristiche che lo rendono adatto per un sito web personale, un portfolio o altri tipi di Single Page Application."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, sito web personale, portfolio, single page application"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Logo Adritian"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Vai al contenuto principale"
+
+- id: "toggle_navigation"
+  translation: "Attiva/disattiva navigazione"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Tema Hugo gratuito di Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Lingua"
+
+- id: "toggle_theme"
+  translation: "Cambia tema"
+
+- id: "theme_light"
+  translation: "☀️ Chiaro"
+- id: "theme_dark"
+  translation: "🌑 Scuro"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Sito demo per Adritian - un tema Hugo ad alte prestazioni di Adrián Moreno"
+
+- id: "head_description"
+  translation: "Questo tema Hugo (Adritian) è basato su Bootstrap e ha caratteristiche che lo rendono adatto per un sito web personale, un portfolio o altri tipi di Single Page Application."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Benvenuto alla demo"
+
+- id: "showcase_subtitle"
+  translation: "Immergiamoci in un esempio"
+
+- id: "showcase_description"
+  translation: "Questo è un tema ad alte prestazioni per il generatore di siti web statici Hugo."
+
+- id: "showcase_button"
+  translation: "Contatto"
+
+- id: "showcase_image_alt"
+  translation: "Un'immagine di Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Chi sono?"
+
+- id: "about_content"
+  translation: "Qui puoi aggiungere alcune informazioni su di te."
+
+- id: "about_button"
+  translation: "Su di me"
+
+## Homepage education
+- id: "education_title"
+  translation: "Istruzione"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Scarica curriculum"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Visualizza tutto"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Clienti & Lavoro"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Newsletter"
+
+- id: "newsletter_button"
+  translation: "Iscriviti"
+
+- id: "newsletter_placeholder"
+  translation: "La tua email"
+
+- id: "newsletter_success_message"
+  translation: "Grazie per esserti iscritto alla mia newsletter!"
+
+- id: "newsletter_error_message"
+  translation: "Si è verificato un errore. Riprova."
+
+- id: "newsletter_note"
+  translation: "Non condivideremo mai la tua email con altri."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Testimonianze"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Contatto"
+
+- id: "contact_button"
+  translation: "Invia messaggio"
+
+- id: "contact_form_name"
+  translation: "Nome completo"
+
+- id: "contact_form_email"
+  translation: "Indirizzo email"
+
+- id: "contact_form_message"
+  translation: "Digita qui il tuo messaggio"
+
+- id: "contact_phone_title"
+  translation: "Numero di telefono"
+
+- id: "contact_phone_number"
+  translation: "Definito in i18n/it.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "Email"
+
+- id: "contact_email_email"
+  translation: "Definito in i18n/it.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Indirizzo"
+
+- id: "contact_address_address"
+  translation: "Definito in i18n/it.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Leggi di più"
+
+- id: "published_on"
+  translation: "Pubblicato il "
+
+- id: "continue_reading"
+  translation: "Continua a leggere"
+
+## 404 Page
+- id: "404_title"
+  translation: "Pagina non trovata"
+- id: "404_description"
+  translation: "Spiacenti, ma la pagina che stavi cercando non è stata trovata."
+- id: "404_button"
+  translation: "Torna alla homepage"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Articoli correlati"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Condividi questo articolo"
+- id: "share_on_twitter"
+  translation: "Condividi su Twitter"
+- id: "share_on_linkedin"
+  translation: "Condividi su LinkedIn"
+- id: "share_on_facebook"
+  translation: "Condividi su Facebook"
+- id: "share_via_email"
+  translation: "Condividi via email"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "Email"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Indice"
+
+## Comments
+- id: "comments"
+  translation: "Commenti"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min di lettura"
+- id: "last_updated"
+  translation: "Aggiornato"
+
+## Taxonomy
+- id: "categories"
+  translation: "Categorie"
+- id: "recent_posts"
+  translation: "Articoli recenti"
diff --git a/themes/adritian/i18n/nl.yaml b/themes/adritian/i18n/nl.yaml
new file mode 100644
index 0000000..dd7f769
--- /dev/null
+++ b/themes/adritian/i18n/nl.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - een krachtig Hugo-thema door Adrián Moreno"
+- id: "meta_description"
+  translation: "Dit Hugo-thema (Adritian) is gebaseerd op Bootstrap en heeft functies die het geschikt maken voor een persoonlijke website, een portfolio of andere soorten Single Page-applicaties."
+- id: "meta_keywords"
+  translation: "hugo, thema, bootstrap, adritian, adrian moreno, persoonlijke website, portfolio, single page-applicatie"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian-logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Ga naar hoofdinhoud"
+
+- id: "toggle_navigation"
+  translation: "Navigatie in-/uitschakelen"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Gratis Hugo-thema door Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Taal"
+
+- id: "toggle_theme"
+  translation: "Thema wijzigen"
+
+- id: "theme_light"
+  translation: "☀️ Licht"
+- id: "theme_dark"
+  translation: "🌑 Donker"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demosite voor Adritian - een krachtig Hugo-thema door Adrián Moreno"
+
+- id: "head_description"
+  translation: "Dit Hugo-thema (Adritian) is gebaseerd op Bootstrap en heeft functies die het geschikt maken voor een persoonlijke website, een portfolio of andere soorten Single Page-applicaties."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Welkom bij de demo"
+
+- id: "showcase_subtitle"
+  translation: "Laten we een voorbeeld bekijken"
+
+- id: "showcase_description"
+  translation: "Dit is een krachtig thema voor de statische website-generator Hugo."
+
+- id: "showcase_button"
+  translation: "Contact"
+
+- id: "showcase_image_alt"
+  translation: "Een foto van Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Wie ben ik?"
+
+- id: "about_content"
+  translation: "Hier kunt u wat informatie over uzelf toevoegen."
+
+- id: "about_button"
+  translation: "Over mij"
+
+## Homepage education
+- id: "education_title"
+  translation: "Opleiding"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "CV downloaden"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Alles bekijken"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Klanten & Werk"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Nieuwsbrief"
+
+- id: "newsletter_button"
+  translation: "Abonneren"
+
+- id: "newsletter_placeholder"
+  translation: "Uw e-mail"
+
+- id: "newsletter_success_message"
+  translation: "Bedankt voor het abonneren op mijn nieuwsbrief!"
+
+- id: "newsletter_error_message"
+  translation: "Er is een fout opgetreden. Probeer het opnieuw."
+
+- id: "newsletter_note"
+  translation: "We zullen uw e-mail nooit met anderen delen."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Getuigenissen"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Contact"
+
+- id: "contact_button"
+  translation: "Bericht verzenden"
+
+- id: "contact_form_name"
+  translation: "Volledige naam"
+
+- id: "contact_form_email"
+  translation: "E-mailadres"
+
+- id: "contact_form_message"
+  translation: "Typ hier uw bericht"
+
+- id: "contact_phone_title"
+  translation: "Telefoonnummer"
+
+- id: "contact_phone_number"
+  translation: "Gedefinieerd in i18n/nl.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-mail"
+
+- id: "contact_email_email"
+  translation: "Gedefinieerd in i18n/nl.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Adres"
+
+- id: "contact_address_address"
+  translation: "Gedefinieerd in i18n/nl.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Lees meer"
+
+- id: "published_on"
+  translation: "Gepubliceerd op "
+
+- id: "continue_reading"
+  translation: "Doorgaan met lezen"
+
+## 404 Page
+- id: "404_title"
+  translation: "Pagina niet gevonden"
+- id: "404_description"
+  translation: "Sorry, maar de pagina die u zocht kon niet worden gevonden."
+- id: "404_button"
+  translation: "Terug naar startpagina"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Gerelateerde berichten"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Dit bericht delen"
+- id: "share_on_twitter"
+  translation: "Delen op Twitter"
+- id: "share_on_linkedin"
+  translation: "Delen op LinkedIn"
+- id: "share_on_facebook"
+  translation: "Delen op Facebook"
+- id: "share_via_email"
+  translation: "Delen via e-mail"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-mail"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Inhoudsopgave"
+
+## Comments
+- id: "comments"
+  translation: "Reacties"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min. leestijd"
+- id: "last_updated"
+  translation: "Bijgewerkt"
+
+## Taxonomy
+- id: "categories"
+  translation: "Categorieën"
+- id: "recent_posts"
+  translation: "Recente berichten"
diff --git a/themes/adritian/i18n/no.yaml b/themes/adritian/i18n/no.yaml
new file mode 100644
index 0000000..12c71f0
--- /dev/null
+++ b/themes/adritian/i18n/no.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - et høytytende Hugo-tema av Adrián Moreno"
+- id: "meta_description"
+  translation: "Dette Hugo-temaet (Adritian) er basert på Bootstrap og har funksjoner som gjør det egnet for et personlig nettsted, en portefølje eller andre typer Single Page-applikasjoner."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, personlig nettsted, portefølje, single page-applikasjon"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian-logo"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Hopp til hovedinnhold"
+
+- id: "toggle_navigation"
+  translation: "Veksle navigasjon"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Gratis Hugo-tema av Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Språk"
+
+- id: "toggle_theme"
+  translation: "Bytt tema"
+
+- id: "theme_light"
+  translation: "☀️ Lys"
+- id: "theme_dark"
+  translation: "🌑 Mørk"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demonstrasjonsside for Adritian - et høytytende Hugo-tema av Adrián Moreno"
+
+- id: "head_description"
+  translation: "Dette Hugo-temaet (Adritian) er basert på Bootstrap og har funksjoner som gjør det egnet for et personlig nettsted, en portefølje eller andre typer Single Page-applikasjoner."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Velkommen til demoen"
+
+- id: "showcase_subtitle"
+  translation: "La oss dykke ned i et eksempel"
+
+- id: "showcase_description"
+  translation: "Dette er et høytytende tema for den statiske nettstedgeneratoren Hugo."
+
+- id: "showcase_button"
+  translation: "Kontakt"
+
+- id: "showcase_image_alt"
+  translation: "Et bilde av Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Hvem er jeg?"
+
+- id: "about_content"
+  translation: "Her kan du legge til litt informasjon om deg selv."
+
+- id: "about_button"
+  translation: "Om meg"
+
+## Homepage education
+- id: "education_title"
+  translation: "Utdanning"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Last ned CV"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Vis alle"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Klienter & Arbeid"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Nyhetsbrev"
+
+- id: "newsletter_button"
+  translation: "Abonner"
+
+- id: "newsletter_placeholder"
+  translation: "Din e-post"
+
+- id: "newsletter_success_message"
+  translation: "Takk for at du abonnerer på nyhetsbrevet mitt!"
+
+- id: "newsletter_error_message"
+  translation: "Det oppstod en feil. Vennligst prøv igjen."
+
+- id: "newsletter_note"
+  translation: "Vi vil aldri dele e-posten din med andre."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Anbefalinger"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Kontakt"
+
+- id: "contact_button"
+  translation: "Send melding"
+
+- id: "contact_form_name"
+  translation: "Fullt navn"
+
+- id: "contact_form_email"
+  translation: "E-postadresse"
+
+- id: "contact_form_message"
+  translation: "Skriv meldingen din her"
+
+- id: "contact_phone_title"
+  translation: "Telefonnummer"
+
+- id: "contact_phone_number"
+  translation: "Definert i i18n/no.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-post"
+
+- id: "contact_email_email"
+  translation: "Definert i i18n/no.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Adresse"
+
+- id: "contact_address_address"
+  translation: "Definert i i18n/no.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Les mer"
+
+- id: "published_on"
+  translation: "Publisert den "
+
+- id: "continue_reading"
+  translation: "Fortsett å lese"
+
+## 404 Page
+- id: "404_title"
+  translation: "Side ikke funnet"
+- id: "404_description"
+  translation: "Beklager, men siden du lette etter ble ikke funnet."
+- id: "404_button"
+  translation: "Tilbake til startsiden"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Relaterte innlegg"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Del dette innlegget"
+- id: "share_on_twitter"
+  translation: "Del på Twitter"
+- id: "share_on_linkedin"
+  translation: "Del på LinkedIn"
+- id: "share_on_facebook"
+  translation: "Del på Facebook"
+- id: "share_via_email"
+  translation: "Del via e-post"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-post"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Innholdsfortegnelse"
+
+## Comments
+- id: "comments"
+  translation: "Kommentarer"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min lesetid"
+- id: "last_updated"
+  translation: "Oppdatert"
+
+## Taxonomy
+- id: "categories"
+  translation: "Kategorier"
+- id: "recent_posts"
+  translation: "Nyeste innlegg"
diff --git a/themes/adritian/i18n/pl.yaml b/themes/adritian/i18n/pl.yaml
new file mode 100644
index 0000000..7bcb69f
--- /dev/null
+++ b/themes/adritian/i18n/pl.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - wysokowydajny motyw Hugo autorstwa Adriána Moreno"
+- id: "meta_description"
+  translation: "Ten motyw Hugo (Adritian) jest oparty na Bootstrap i ma funkcje, które sprawiają, że nadaje się do osobistej strony internetowej, portfolio lub innych rodzajów aplikacji jednostronicowych."
+- id: "meta_keywords"
+  translation: "hugo, motyw, bootstrap, adritian, adrian moreno, osobista strona, portfolio, aplikacja jednostronicowa"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Logo Adritian"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Przejdź do głównej treści"
+
+- id: "toggle_navigation"
+  translation: "Przełącz nawigację"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Darmowy motyw Hugo autorstwa Adriána Moreno Peña."
+
+- id: "language"
+  translation: "Język"
+
+- id: "toggle_theme"
+  translation: "Przełącz motyw"
+
+- id: "theme_light"
+  translation: "☀️ Jasny"
+- id: "theme_dark"
+  translation: "🌑 Ciemny"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Strona demonstracyjna Adritian - wysokowydajny motyw Hugo autorstwa Adriána Moreno"
+
+- id: "head_description"
+  translation: "Ten motyw Hugo (Adritian) jest oparty na Bootstrap i ma funkcje, które sprawiają, że nadaje się do osobistej strony internetowej, portfolio lub innych rodzajów aplikacji jednostronicowych."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Witamy w demo"
+
+- id: "showcase_subtitle"
+  translation: "Przyjrzyjmy się przykładowi"
+
+- id: "showcase_description"
+  translation: "To jest wysokowydajny motyw dla generatora statycznych stron Hugo."
+
+- id: "showcase_button"
+  translation: "Kontakt"
+
+- id: "showcase_image_alt"
+  translation: "Zdjęcie Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Kim jestem?"
+
+- id: "about_content"
+  translation: "Tutaj możesz dodać kilka informacji o sobie."
+
+- id: "about_button"
+  translation: "O mnie"
+
+## Homepage education
+- id: "education_title"
+  translation: "Edukacja"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Pobierz CV"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Zobacz wszystko"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Klienci i Praca"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Newsletter"
+
+- id: "newsletter_button"
+  translation: "Subskrybuj"
+
+- id: "newsletter_placeholder"
+  translation: "Twój e-mail"
+
+- id: "newsletter_success_message"
+  translation: "Dziękujemy za subskrypcję mojego newslettera!"
+
+- id: "newsletter_error_message"
+  translation: "Wystąpił błąd. Spróbuj ponownie."
+
+- id: "newsletter_note"
+  translation: "Nigdy nie udostępnimy Twojego e-maila innym."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Referencje"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Kontakt"
+
+- id: "contact_button"
+  translation: "Wyślij wiadomość"
+
+- id: "contact_form_name"
+  translation: "Pełne imię i nazwisko"
+
+- id: "contact_form_email"
+  translation: "Adres e-mail"
+
+- id: "contact_form_message"
+  translation: "Wpisz swoją wiadomość tutaj"
+
+- id: "contact_phone_title"
+  translation: "Numer telefonu"
+
+- id: "contact_phone_number"
+  translation: "Zdefiniowano w i18n/pl.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-mail"
+
+- id: "contact_email_email"
+  translation: "Zdefiniowano w i18n/pl.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Adres"
+
+- id: "contact_address_address"
+  translation: "Zdefiniowano w i18n/pl.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Czytaj więcej"
+
+- id: "published_on"
+  translation: "Opublikowano "
+
+- id: "continue_reading"
+  translation: "Kontynuuj czytanie"
+
+## 404 Page
+- id: "404_title"
+  translation: "Strona nie znaleziona"
+- id: "404_description"
+  translation: "Przepraszamy, ale strona, której szukałeś, nie została znaleziona."
+- id: "404_button"
+  translation: "Powrót do strony głównej"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Powiązane wpisy"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Udostępnij ten wpis"
+- id: "share_on_twitter"
+  translation: "Udostępnij na Twitterze"
+- id: "share_on_linkedin"
+  translation: "Udostępnij na LinkedIn"
+- id: "share_on_facebook"
+  translation: "Udostępnij na Facebooku"
+- id: "share_via_email"
+  translation: "Udostępnij przez e-mail"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-mail"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Spis treści"
+
+## Comments
+- id: "comments"
+  translation: "Komentarze"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min czytania"
+- id: "last_updated"
+  translation: "Zaktualizowano"
+
+## Taxonomy
+- id: "categories"
+  translation: "Kategorie"
+- id: "recent_posts"
+  translation: "Najnowsze wpisy"
diff --git a/themes/adritian/i18n/pt.yaml b/themes/adritian/i18n/pt.yaml
new file mode 100644
index 0000000..1c80782
--- /dev/null
+++ b/themes/adritian/i18n/pt.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - um tema Hugo de alto desempenho por Adrián Moreno"
+- id: "meta_description"
+  translation: "Este tema Hugo (Adritian) é baseado em Bootstrap e tem recursos que o tornam adequado para um site pessoal, um portfólio ou outros tipos de aplicações de página única."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, site pessoal, portfólio, aplicação de página única"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Logotipo Adritian"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Ir para o conteúdo principal"
+
+- id: "toggle_navigation"
+  translation: "Alternar navegação"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Tema Hugo gratuito por Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Idioma"
+
+- id: "toggle_theme"
+  translation: "Alternar tema"
+
+- id: "theme_light"
+  translation: "☀️ Claro"
+- id: "theme_dark"
+  translation: "🌑 Escuro"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Site demo para Adritian - um tema Hugo de alto desempenho por Adrián Moreno"
+
+- id: "head_description"
+  translation: "Este tema Hugo (Adritian) é baseado em Bootstrap e tem recursos que o tornam adequado para um site pessoal, um portfólio ou outros tipos de aplicações de página única."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Bem-vindo à demo"
+
+- id: "showcase_subtitle"
+  translation: "Vamos mergulhar num exemplo"
+
+- id: "showcase_description"
+  translation: "Este é um tema de alto desempenho para o gerador de sites estáticos Hugo."
+
+- id: "showcase_button"
+  translation: "Contato"
+
+- id: "showcase_image_alt"
+  translation: "Uma imagem de Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Quem sou eu?"
+
+- id: "about_content"
+  translation: "Aqui você pode adicionar algumas informações sobre você."
+
+- id: "about_button"
+  translation: "Sobre mim"
+
+## Homepage education
+- id: "education_title"
+  translation: "Educação"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Baixar currículo"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Ver tudo"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Clientes & Trabalho"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Newsletter"
+
+- id: "newsletter_button"
+  translation: "Subscrever"
+
+- id: "newsletter_placeholder"
+  translation: "Seu e-mail"
+
+- id: "newsletter_success_message"
+  translation: "Obrigado por subscrever a minha newsletter!"
+
+- id: "newsletter_error_message"
+  translation: "Ocorreu um erro. Por favor, tente novamente."
+
+- id: "newsletter_note"
+  translation: "Nunca partilharemos o seu e-mail com outros."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Testemunhos"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Contato"
+
+- id: "contact_button"
+  translation: "Enviar mensagem"
+
+- id: "contact_form_name"
+  translation: "Nome completo"
+
+- id: "contact_form_email"
+  translation: "Endereço de e-mail"
+
+- id: "contact_form_message"
+  translation: "Digite sua mensagem aqui"
+
+- id: "contact_phone_title"
+  translation: "Número de telefone"
+
+- id: "contact_phone_number"
+  translation: "Definido em i18n/pt.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-mail"
+
+- id: "contact_email_email"
+  translation: "Definido em i18n/pt.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Endereço"
+
+- id: "contact_address_address"
+  translation: "Definido em i18n/pt.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Ler mais"
+
+- id: "published_on"
+  translation: "Publicado em "
+
+- id: "continue_reading"
+  translation: "Continuar a ler"
+
+## 404 Page
+- id: "404_title"
+  translation: "Página não encontrada"
+- id: "404_description"
+  translation: "Desculpe, mas a página que você procurava não foi encontrada."
+- id: "404_button"
+  translation: "Voltar à página inicial"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Artigos relacionados"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Partilhar este artigo"
+- id: "share_on_twitter"
+  translation: "Partilhar no Twitter"
+- id: "share_on_linkedin"
+  translation: "Partilhar no LinkedIn"
+- id: "share_on_facebook"
+  translation: "Partilhar no Facebook"
+- id: "share_via_email"
+  translation: "Partilhar por e-mail"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-mail"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Índice"
+
+## Comments
+- id: "comments"
+  translation: "Comentários"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min de leitura"
+- id: "last_updated"
+  translation: "Atualizado"
+
+## Taxonomy
+- id: "categories"
+  translation: "Categorias"
+- id: "recent_posts"
+  translation: "Artigos recentes"
diff --git a/themes/adritian/i18n/sv.yaml b/themes/adritian/i18n/sv.yaml
new file mode 100644
index 0000000..715aa27
--- /dev/null
+++ b/themes/adritian/i18n/sv.yaml
@@ -0,0 +1,224 @@
+## Meta tags
+- id: "meta_title"
+  translation: "Adritian - ett högpresterande Hugo-tema av Adrián Moreno"
+- id: "meta_description"
+  translation: "Detta Hugo-tema (Adritian) är baserat på Bootstrap och har funktioner som gör det lämpligt för en personlig webbplats, en portfölj eller andra typer av Single Page-applikationer."
+- id: "meta_keywords"
+  translation: "hugo, tema, bootstrap, adritian, adrian moreno, personlig webbplats, portfölj, single page-applikation"
+- id: "meta_author"
+  translation: "Adrián Moreno Peña"
+- id: "meta_image"
+  translation: "/img/general/og-image.jpg"
+
+## Header
+- id: "logo_alt"
+  translation: "Adritian-logotyp"
+
+- id: "logo_text1"
+  translation: "Adritian"
+
+- id: "logo_text2"
+  translation: "Demo"
+
+## General
+- id: "skipToMainContent"
+  translation: "Hoppa till huvudinnehåll"
+
+- id: "toggle_navigation"
+  translation: "Växla navigering"
+
+## Footer
+- id: "footer_notice"
+  translation: "© Adritian. Gratis Hugo-tema av Adrián Moreno Peña."
+
+- id: "language"
+  translation: "Språk"
+
+- id: "toggle_theme"
+  translation: "Växla tema"
+
+- id: "theme_light"
+  translation: "☀️ Ljust"
+- id: "theme_dark"
+  translation: "🌑 Mörkt"
+- id: "theme_auto"
+  translation: "✨ Auto"
+
+## Homepage head title
+- id: "head_title"
+  translation: "Demonstrationssida för Adritian - ett högpresterande Hugo-tema av Adrián Moreno"
+
+- id: "head_description"
+  translation: "Detta Hugo-tema (Adritian) är baserat på Bootstrap och har funktioner som gör det lämpligt för en personlig webbplats, en portfölj eller andra typer av Single Page-applikationer."
+
+## Homepage showcase
+- id: "showcase_title"
+  translation: "Välkommen till demon"
+
+- id: "showcase_subtitle"
+  translation: "Låt oss dyka in i ett exempel"
+
+- id: "showcase_description"
+  translation: "Detta är ett högpresterande tema för den statiska webbplatsgeneratorn Hugo."
+
+- id: "showcase_button"
+  translation: "Kontakt"
+
+- id: "showcase_image_alt"
+  translation: "En bild av Cool Name"
+
+## Homepage about
+- id: "about_title"
+  translation: "Vem är jag?"
+
+- id: "about_content"
+  translation: "Här kan du lägga till lite information om dig själv."
+
+- id: "about_button"
+  translation: "Om mig"
+
+## Homepage education
+- id: "education_title"
+  translation: "Utbildning"
+
+## Homepage experience
+- id: "experience_button"
+  translation: "LinkedIn"
+
+- id: "experience_button_url"
+  translation: "https://www.linkedin.com/in/adrianmoreno/"
+
+- id: "experience_button2"
+  translation: "Ladda ner CV"
+
+- id: "experience_button2_url"
+  translation: "/img/general/user-smile-fill.svg"
+
+- id: "experience_button3"
+  translation: "Visa alla"
+
+- id: "experience_button3_url"
+  translation: "/experience"
+
+## Homepage client & work
+- id: "client_work_title"
+  translation: "Kunder & Arbete"
+
+## Homepage newsletter
+- id: "newsletter_title"
+  translation: "Nyhetsbrev"
+
+- id: "newsletter_button"
+  translation: "Prenumerera"
+
+- id: "newsletter_placeholder"
+  translation: "Din e-post"
+
+- id: "newsletter_success_message"
+  translation: "Tack för att du prenumererar på mitt nyhetsbrev!"
+
+- id: "newsletter_error_message"
+  translation: "Ett fel uppstod. Försök igen."
+
+- id: "newsletter_note"
+  translation: "Vi kommer aldrig att dela din e-post med andra."
+
+## Homepage testimonials
+- id: "testimonials_title"
+  translation: "Rekommendationer"
+
+## Homepage contact
+- id: "contact_title"
+  translation: "Kontakt"
+
+- id: "contact_button"
+  translation: "Skicka meddelande"
+
+- id: "contact_form_name"
+  translation: "Fullständigt namn"
+
+- id: "contact_form_email"
+  translation: "E-postadress"
+
+- id: "contact_form_message"
+  translation: "Skriv ditt meddelande här"
+
+- id: "contact_phone_title"
+  translation: "Telefonnummer"
+
+- id: "contact_phone_number"
+  translation: "Definierat i i18n/sv.yaml (contact_phone_number)"
+
+- id: "contact_email_title"
+  translation: "E-post"
+
+- id: "contact_email_email"
+  translation: "Definierat i i18n/sv.yaml (contact_email_email)"
+
+- id: "contact_address_title"
+  translation: "Adress"
+
+- id: "contact_address_address"
+  translation: "Definierat i i18n/sv.yaml (contact_address_address)"
+
+## Blog
+- id: "read_more"
+  translation: "Läs mer"
+
+- id: "published_on"
+  translation: "Publicerad den "
+
+- id: "continue_reading"
+  translation: "Fortsätt läsa"
+
+## 404 Page
+- id: "404_title"
+  translation: "Sidan hittades inte"
+- id: "404_description"
+  translation: "Tyvärr, men sidan du letade efter kunde inte hittas."
+- id: "404_button"
+  translation: "Tillbaka till startsidan"
+
+## Related Posts
+- id: "related_posts"
+  translation: "Relaterade inlägg"
+
+## Social Sharing
+- id: "share_this_post"
+  translation: "Dela detta inlägg"
+- id: "share_on_twitter"
+  translation: "Dela på Twitter"
+- id: "share_on_linkedin"
+  translation: "Dela på LinkedIn"
+- id: "share_on_facebook"
+  translation: "Dela på Facebook"
+- id: "share_via_email"
+  translation: "Dela via e-post"
+- id: "share_twitter_label"
+  translation: "Twitter"
+- id: "share_linkedin_label"
+  translation: "LinkedIn"
+- id: "share_facebook_label"
+  translation: "Facebook"
+- id: "share_email_label"
+  translation: "E-post"
+
+## Table of Contents
+- id: "table_of_contents"
+  translation: "Innehållsförteckning"
+
+## Comments
+- id: "comments"
+  translation: "Kommentarer"
+
+## Reading time and metadata
+- id: "min_read"
+  translation: "min läsningstid"
+- id: "last_updated"
+  translation: "Uppdaterad"
+
+## Taxonomy
+- id: "categories"
+  translation: "Kategorier"
+- id: "recent_posts"
+  translation: "Senaste inläggen"
diff --git a/themes/adritian/images/blog-default.jpeg b/themes/adritian/images/blog-default.jpeg
new file mode 100644
index 0000000..9127feb
Binary files /dev/null and b/themes/adritian/images/blog-default.jpeg differ
diff --git a/themes/adritian/images/blog-sidebar.jpeg b/themes/adritian/images/blog-sidebar.jpeg
new file mode 100644
index 0000000..b573da3
Binary files /dev/null and b/themes/adritian/images/blog-sidebar.jpeg differ
diff --git a/themes/adritian/images/breadcrumbs-dark-mode.png b/themes/adritian/images/breadcrumbs-dark-mode.png
new file mode 100644
index 0000000..c96a916
Binary files /dev/null and b/themes/adritian/images/breadcrumbs-dark-mode.png differ
diff --git a/themes/adritian/images/breadcrumbs-light-mode.png b/themes/adritian/images/breadcrumbs-light-mode.png
new file mode 100644
index 0000000..e9f1293
Binary files /dev/null and b/themes/adritian/images/breadcrumbs-light-mode.png differ
diff --git a/themes/adritian/images/screenshot-dark-fullscroll.jpeg b/themes/adritian/images/screenshot-dark-fullscroll.jpeg
new file mode 100644
index 0000000..05f6ab0
Binary files /dev/null and b/themes/adritian/images/screenshot-dark-fullscroll.jpeg differ
diff --git a/themes/adritian/images/screenshot-light-fullscroll.jpeg b/themes/adritian/images/screenshot-light-fullscroll.jpeg
new file mode 100644
index 0000000..c27bab7
Binary files /dev/null and b/themes/adritian/images/screenshot-light-fullscroll.jpeg differ
diff --git a/themes/adritian/images/screenshot.png b/themes/adritian/images/screenshot.png
new file mode 100644
index 0000000..a1e491b
Binary files /dev/null and b/themes/adritian/images/screenshot.png differ
diff --git a/themes/adritian/images/tn.png b/themes/adritian/images/tn.png
new file mode 100644
index 0000000..a04b0fa
Binary files /dev/null and b/themes/adritian/images/tn.png differ
diff --git a/themes/adritian/layouts/404.html b/themes/adritian/layouts/404.html
new file mode 100644
index 0000000..d6aee75
--- /dev/null
+++ b/themes/adritian/layouts/404.html
@@ -0,0 +1,12 @@
+{{ define "main" }}
+    <section id="main-content" class="section four-o-four">
+      <div class="container text-center">
+        <h1 class="display-1">404</h1>
+        <h4>{{ i18n "404_title" }}</h4>
+        <p>
+          {{ i18n "404_description" }}
+        </p>
+        <a href="{{ .Site.BaseURL | absURL }}" class="btn btn-primary">{{ i18n "404_button" }}</a>
+      </div>
+    </section>
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/_default/baseof.html b/themes/adritian/layouts/_default/baseof.html
new file mode 100644
index 0000000..fdff1d6
--- /dev/null
+++ b/themes/adritian/layouts/_default/baseof.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="{{- $.Lang }}" 
+    {{- if .Site.Params.colorTheme.auto.disable }}
+    data-bs-theme="{{ .Site.Params.colorTheme.forced.theme }}"
+    theme-forced="true"
+    theme-auto="false"
+    {{- end }}>
+<head>
+    {{ partial "head.html" . }}
+    {{ partial "head_custom.html" . }}
+</head>
+
+<body class="{{- if .IsHome }}home{{- end }}{{- with .File }} page-{{- .ContentBaseName }}{{- end }}">
+    {{ partial "header.html" . }}
+
+    <main class="container">
+        {{ block "main" . }}{{ end }}
+    </main>
+
+    <div class="d-print-none">
+        {{ partial "footer.html" . }}
+    </div>
+    
+    {{ partial "base-foot.html" . }}
+
+    {{ block "footerfiles" . }}
+    {{ end }}
+</body>
+</html>
\ No newline at end of file
diff --git a/themes/adritian/layouts/_default/home.html b/themes/adritian/layouts/_default/home.html
new file mode 100644
index 0000000..dcb1e0b
--- /dev/null
+++ b/themes/adritian/layouts/_default/home.html
@@ -0,0 +1,72 @@
+<!-- inject:../components/baseHead/baseHeadStart.html -->
+<!DOCTYPE html>
+<html lang="{{- $.Lang }}" 
+	{{- if .Site.Params.colorTheme.auto.disable }}
+	data-bs-theme="{{ .Site.Params.colorTheme.forced.theme }}"
+	theme-forced="true"
+	theme-auto="false"
+	{{- end }}>
+
+<head>
+
+    {{ partial "head.html" . }}
+
+    {{ partial "head_custom.html" . }}
+
+</head>
+
+{{/*
+  This template iterates through all pages in the site and logs debugging information.
+  For each page, it prints:
+    - File path (if file exists)
+    - Draft status
+    - Page type
+    - Section
+    - Kind
+  
+  If a page doesn't have an associated file, it logs that information separately.    
+  Warning levels are used to make the output visible in Hugo's build logs.
+*/}}
+{{ range .Site.Pages }}
+  {{ if .File }}
+    {{ warnf "Path: %s | Lang: %s | IsDraft: %t | Type: %s | Section: %s | Kind: %s" .File.Path .Lang .Draft .Type .Section .Kind }}
+  {{ else }}
+    {{ warnf "No .File for this page: Type=%s, Section=%s, Kind=%s" .Type .Section .Kind }}
+  {{ end }}
+{{ end }}
+<body class="{{ if .IsHome }}home{{ end }}">
+
+	{{ partial "header.html" . }}
+
+    {{ $home := where (where .Site.Pages "Type" "home") "Lang" .Lang }}
+    {{ $homeCount := len $home }}
+
+  {{ range $home }}
+  {{ if .File }}
+    {{ warnf "[HOME] Path: %s | Lang: %s | IsDraft: %t | Type: %s | Section: %s | Kind: %s" .File.Path .Lang .Draft .Type .Section .Kind }}
+  {{ end }}
+{{ end }}              
+    
+    {{ if lt $homeCount 1 }}
+        <!-- DEFAULT -->
+        {{ warnf "Adritian: No homepage found for lang '%s' (%d 'home' items). Please create a home in your content folder." .Lang ($homeCount) }}
+        {{ warnf "Adritian: (deprecated) Using Site.Params.Sections to render homepage for lang '%s'." .Lang }}
+
+        {{ range .Site.Params.sections }}
+        {{ partial . $ }}
+        {{ end }}
+    {{ else }}
+    {{ range (sort $home "Date" "desc") }}
+        {{ warnf "Adritian: Using 'home' content type to render homepage." }}
+        <div class="container home-container">
+        {{ .Content | safeHTML }}
+        </div>
+    {{ end }}
+    {{ end }}
+
+	{{ partial "footer.html" . }}
+    {{ partial "base-foot.html" . }}
+</body>
+
+</html>
+<!-- endinject -->
\ No newline at end of file
diff --git a/themes/adritian/layouts/_default/index.json b/themes/adritian/layouts/_default/index.json
new file mode 100644
index 0000000..c93f805
--- /dev/null
+++ b/themes/adritian/layouts/_default/index.json
@@ -0,0 +1,5 @@
+{{- $.Scratch.Add "index" slice -}}
+{{- range .Site.RegularPages -}}
+    {{- $.Scratch.Add "index" (dict "title" .Title "tags" .Params.tags "categories" .Params.categories "contents" .Plain "permalink" .Permalink) -}}
+{{- end -}}
+{{- $.Scratch.Get "index" | jsonify -}}
diff --git a/themes/adritian/layouts/_default/list.html b/themes/adritian/layouts/_default/list.html
new file mode 100644
index 0000000..c62898b
--- /dev/null
+++ b/themes/adritian/layouts/_default/list.html
@@ -0,0 +1,32 @@
+{{ define "main" }}
+<div class="list flex-grow-1"> 
+  <section id="main-content" class="section list-{{ .Kind }}">
+    <h1>{{ .Title }}</h1>
+    {{ if eq .Kind "taxonomy" }}
+      <ul class="list list-{{ .Kind }}">
+        {{ range .Data.Terms.ByCount }}
+          <li class="item item-{{ .Page.Kind }}">
+            <a href="{{ .Page.RelPermalink }}">{{ .Page.Title }}</a> ({{ .Count }})
+          </li>
+        {{ end }}
+      </ul>
+    {{ else }}
+      {{ if eq .Site.Params.blog.listStyle "summary" }}
+        <div class="posts-list">
+          {{ range .Pages }}
+            <div class="row row--padded rad-animation-group rad-fade-down rad-waiting rad-animate section--border-bottom">
+              {{ .Render "summary" }}
+            </div>
+          {{ end }}
+        </div>
+      {{ else }}
+        <ul class="posts-list-simple">
+          {{ range .Pages }}
+            {{ .Render "li" }}
+          {{ end }}
+        </ul>
+      {{ end }}
+    {{ end }}
+  </section>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/_default/search.html b/themes/adritian/layouts/_default/search.html
new file mode 100644
index 0000000..340396e
--- /dev/null
+++ b/themes/adritian/layouts/_default/search.html
@@ -0,0 +1,49 @@
+{{ define "footerfiles" }}
+<script src="{{ "js/fuse.min.js" | absURL }}"></script>
+<script src="{{ "js/search.js" | absURL }}"></script>
+<script src="{{ "js/purify.min.js" | absURL }}"></script>
+
+{{ end }}
+
+{{ define "main" }}
+<section id="main-content" class="search-section p-3 p-lg-5 d-flex flex-column align-items-center bg-light rounded shadow-sm">
+  <div class="my-auto w-100" style="max-width: 760px;">
+    <h2 class="mb-4 text-center">Search the Site</h2>
+    
+    <noscript>
+      <div class="alert alert-warning" role="alert">
+        JavaScript is required to use the search functionality, because the search takes place client-side in the web browser. 
+        <br/>
+        Please enable JavaScript in your browser to use this functionality.
+      </div>
+    </noscript>
+    
+    <div class="mb-5">
+      <form action="{{ "search" | absURL }}">
+        <div class="input-group">
+          <input id="search-query" name="s" class="form-control form-control-lg" type="search" placeholder="Type to search..." autocomplete="off" aria-label="Search" />
+          <button type="submit" class="input-group-text">
+            <i class="icon-circle-arrow-right"></i>
+          </button>
+        </div>
+      </form>
+    </div>
+    
+    <div id="search-results" class="card border-0">
+      <div class="card-body">
+        <h3 class="card-title">Matching pages</h3>
+        <!-- Results will appear here -->
+      </div>
+    </div>
+  </div>
+</section>
+<!-- this template is sucked in by search.js and appended to the search-results div above. So editing here will adjust style -->
+<script id="search-result-template" type="text/x-js-template">
+  <div id="summary-${key}" class="mb-4 p-3 border-bottom">
+    <h4 class="mb-1"><a href="${link}" class="text-decoration-none">${title}</a></h4>
+    <p class="mb-2 text-muted small">${snippet}</p>
+    ${ isset tags }<span class="badge bg-primary me-1">Tags: ${tags}</span>${ end }
+    ${ isset categories }<span class="badge bg-secondary">Categories: ${categories}</span>${ end }
+  </div>
+</script>
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/_default/section.html b/themes/adritian/layouts/_default/section.html
new file mode 100644
index 0000000..7422cb3
--- /dev/null
+++ b/themes/adritian/layouts/_default/section.html
@@ -0,0 +1,37 @@
+{{ define "main" }}
+<div class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <h1>{{ .Title }}</h1>
+        {{ if .Params.description }}
+          <p class="lead">{{ .Params.description }}</p>
+        {{ end }}
+        
+        <div class="content">
+          {{ .Content }}
+        </div>
+        
+        {{ if .Pages }}
+          <div class="section-posts mt-5">
+            <div class="posts-list">
+              {{ $paginator := .Paginate (.Pages.ByDate.Reverse) }}
+              {{ range $paginator.Pages }}
+                <article class="post mb-4">
+                  <h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
+                  {{ if .Summary }}
+                    <div>{{ .Summary | safeHTML }}</div>
+                  {{ end }}
+                  <div class="post-meta">
+                    <small class="text-muted">{{ .Date.Format "January 2, 2006" }}</small>
+                  </div>
+                </article>
+              {{ end }}
+            </div>
+          </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/_default/single.html b/themes/adritian/layouts/_default/single.html
new file mode 100644
index 0000000..45027ed
--- /dev/null
+++ b/themes/adritian/layouts/_default/single.html
@@ -0,0 +1,12 @@
+{{ define "main" }}
+  <section id="main">
+    {{ if not .Params.hideTitle }}  
+    <h1 id="title">{{ .Title }}</h1>
+    {{ end }}
+    <div>
+      <article id="content">
+        {{ .Content }}
+      </article>
+    </div>
+  </section>
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/blog/li.html b/themes/adritian/layouts/blog/li.html
new file mode 100644
index 0000000..ff00cf0
--- /dev/null
+++ b/themes/adritian/layouts/blog/li.html
@@ -0,0 +1,4 @@
+<li class="post">
+    <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
+    <div class="meta">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
+  </li>
\ No newline at end of file
diff --git a/themes/adritian/layouts/blog/list.html b/themes/adritian/layouts/blog/list.html
new file mode 100644
index 0000000..54a6c02
--- /dev/null
+++ b/themes/adritian/layouts/blog/list.html
@@ -0,0 +1,157 @@
+{{ define "main" }}
+  <div id="main-content" class="blog flex-grow-1">
+    <div class="section">
+      <div
+        class="row {{ if or (eq .Site.Params.blog.layout "sidebar") (eq .Site.Params.blog.layout "sidebar-right") }}
+          has-sidebar
+        {{ end }}">
+        {{ if eq .Site.Params.blog.layout "sidebar" }}
+          <div
+            class="col-sidebar"
+            style="width: {{ .Site.Params.blog.sidebarWidth }}%">
+            {{ partial "blog-sidebar.html" . }}
+          </div>
+        {{ end }}
+
+
+        <div
+          class="col-content {{ if ne .Site.Params.blog.narrowContent false }}narrow-content{{ end }}"
+          {{ if or (eq .Site.Params.blog.layout "sidebar") (eq .Site.Params.blog.layout "sidebar-right") }}
+            style="width: calc(100% - {{ .Site.Params.blog.sidebarWidth }}%)"
+          {{ end }}>
+          <h1 class="rad-fade-down rad-waiting rad-animate">{{ .Title }}</h1>
+          {{ .Content }}
+
+          <!-- Main Featured Post - Full Width Design -->
+          <div class="featured-post-container">
+            {{ $featuredPosts := where .Pages ".Params.featured" true }}
+            {{ if isset .Site.Params "blog" }}
+              {{ if isset .Site.Params.blog "featured_sort_by_weight" }}
+                {{ if .Site.Params.blog.featured_sort_by_weight }}
+                  {{ $featuredPosts = sort $featuredPosts "Weight" }}
+                {{ end }}
+              {{ else }}
+                {{ $featuredPosts = sort $featuredPosts "Date" "desc" }}
+              {{ end }}
+            {{ else }}
+              {{ $featuredPosts = sort $featuredPosts "Date" "desc" }}
+            {{ end }}
+            {{ $mainFeaturedPost := first 1 $featuredPosts }}
+            {{ if $mainFeaturedPost }}
+              {{ range $mainFeaturedPost }}
+                <div class="p-4 p-md-5 mb-4 rounded text-body-emphasis bg-body-secondary">
+                  <div class="row align-items-center">
+                    <div class="col-lg-8 px-0">
+                      <h2 class="display-4 fst-italic">
+                        {{ .Title }}
+                      </h2>
+                        <div class="lead my-3">
+                        {{ .Summary | plainify | safeHTML }}
+                        </div>
+                      <p class="lead mb-0">
+                        <a href="{{ .RelPermalink }}" class="text-body-emphasis fw-bold">
+                          Continue reading...
+                        </a>
+                      </p>
+                    </div>
+                    {{ if isset .Params "images" }}
+                      {{ with .Params.images }}
+                        {{ if isset . "featured_image" }}
+                          <div class="col-lg-4 d-flex justify-content-center align-items-center mt-4 mt-lg-0">
+                            <img src="{{ .featured_image }}" alt="{{ $.Title }}" class="featured-thumbnail img-fluid rounded">
+                          </div>
+                        {{ end }}
+                      {{ end }}
+                    {{ end }}
+                  </div>
+                </div>
+              {{ end }}
+            {{ else }}
+              <!-- no featured post is found -->
+            {{ end }}
+          </div>
+
+          <div class="row mb-2">
+            <!-- Secondary featured posts (2-3rd featured posts) -->
+            {{ $secondaryFeaturedPosts := after 1 $featuredPosts | first 2 }}
+            
+            {{ if $secondaryFeaturedPosts }}
+              {{ range $secondaryFeaturedPosts }}
+                <div class="col-md-6">
+                  <div class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
+                    <div class="col p-4 d-flex flex-column position-static">
+                      {{ with .GetTerms "topics" }}
+                        {{ range first 1 . }}
+                          <strong class="d-inline-block mb-2 text-primary-emphasis">
+                            {{ .LinkTitle }}
+                          </strong>
+                        {{ end }}
+                      {{ end }}
+                      <h3 class="mb-0">{{ .Title }}</h3>
+                      <div class="mb-1 text-body-secondary">{{ .Date.Format "Jan 2, 2006" }}</div>
+                      <div class="card-text mb-auto">
+                        {{ .Summary | plainify | truncate 120 }}
+                      </div>
+                      <a href="{{ .RelPermalink }}" class="icon-link gap-1 icon-link-hover stretched-link">
+                        Continue reading
+                        <svg class="bi" aria-hidden="true" width="16" height="16" focusable="false">
+                          <use xlink:href="#chevron-right"></use>
+                        </svg>
+                      </a>
+                    </div>
+                    <div class="col-auto d-none d-lg-block">
+                      {{ if isset .Params "images" }}
+                        {{ with .Params.images }}
+                          {{ if isset . "featured_image" }}
+                            <img src="{{ .featured_image }}" width="200" height="250" alt="{{ $.Title }}" class="secondary-featured-img">
+                          {{ else }}
+                            <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" 
+                                role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice"
+                                focusable="false">
+                              <title>Placeholder</title>
+                              <rect width="100%" height="100%" fill="#55595c"></rect>
+                              <text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text>
+                            </svg>
+                          {{ end }}
+                        {{ end }}
+                      {{ else }}
+                        <svg class="bd-placeholder-img" width="200" height="250" xmlns="http://www.w3.org/2000/svg" 
+                            role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice"
+                            focusable="false">
+                          <title>Placeholder</title>
+                          <rect width="100%" height="100%" fill="#55595c"></rect>
+                          <text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text>
+                        </svg>
+                      {{ end }}
+                    </div>
+                  </div>
+                </div>
+              {{ end }}
+              
+            
+            {{ end }}
+          </div>
+
+          <div class="posts-list">
+            {{ $allPosts := .Pages }}
+            {{ $nonFeaturedPosts := where $allPosts ".Params.featured" "!=" true }}
+            {{ range $nonFeaturedPosts }}
+              <div
+                class="row row--padded rad-animation-group rad-fade-down rad-waiting rad-animate section--border-bottom">
+                {{ .Render "summary" }}
+              </div>
+            {{ end }}
+          </div>
+        </div>
+        
+        {{ if eq .Site.Params.blog.layout "sidebar-right" }}
+          <div
+            class="col-sidebar"
+            style="width: {{ .Site.Params.blog.sidebarWidth }}%">
+            {{ partial "blog-sidebar.html" . }}
+          </div>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+{{ end }}
diff --git a/themes/adritian/layouts/blog/single.html b/themes/adritian/layouts/blog/single.html
new file mode 100644
index 0000000..14b03bc
--- /dev/null
+++ b/themes/adritian/layouts/blog/single.html
@@ -0,0 +1,65 @@
+{{ define "main" }}
+<section id="blog-single" class="blog-single section section--border-bottom rad-animation-group flex-grow-1">
+  <div id="main-content">
+    <h1><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
+
+    <aside id="meta" class="light-border-bottom">
+      <div>
+        <section>
+          {{ i18n "published_on" }}&nbsp;<h4 id="date">{{ .Date.Format "Mon Jan 2, 2006" }}</h4>
+          ·
+          <h4 id="wordcount">{{ .WordCount }} Words</h4>
+          {{ $readingTime := div .WordCount 200 }}
+          {{ if lt $readingTime 1 }}
+            {{ $readingTime = 1 }}
+          {{ end }}
+          &nbsp;·&nbsp;
+          <h4 id="reading-time">{{ $readingTime }} {{ i18n "min_read" | default "min read" }}</h4>
+          {{ if .Params.lastmod }}
+          &nbsp;·&nbsp;
+          <h4 id="last-modified">{{ i18n "last_updated" | default "Updated" }}: {{ .Lastmod.Format "Jan 2, 2006" }}</h4>
+          {{ end }}
+        </section>
+        {{ with .GetTerms "topics" }}
+        <ul id="topics">
+          {{ range . }}
+          <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }} {{ with .GetTerms "tags" }}
+        <ul class="tags">
+          {{ range . }}
+          <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }}
+      </div>
+    </aside>
+
+    {{ partial "toc.html" . }}
+
+    <div class="row flex-column-reverse flex-md-row rad-fade-down">
+      <div class="col-12">{{ .Content | safeHTML }}</div>
+    </div>
+
+    {{ partial "social-sharing.html" . }}
+
+    {{ partial "related-posts.html" . }}
+
+    <aside class="content-browser light-border-top">
+      {{ i18n "continue_reading" }}
+      <div>
+        {{ with .PrevInSection }}
+        <a class="previous" href="{{ .RelPermalink }}">↩ {{ .LinkTitle }}</a>
+        {{ end }}
+        ■
+        {{ with .NextInSection }}
+        <a class="next" href="{{ .RelPermalink }}"> {{ .LinkTitle }} ↪</a>
+        {{ end }}
+      </div>
+    </aside>
+
+    {{ partial "comments.html" . }}
+  </div>
+</section>
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/blog/summary.html b/themes/adritian/layouts/blog/summary.html
new file mode 100644
index 0000000..19d7fda
--- /dev/null
+++ b/themes/adritian/layouts/blog/summary.html
@@ -0,0 +1,40 @@
+<article class="post summary col-12">
+  <header>
+    <h2 class="post-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
+    <div class="post-meta">
+      <div>
+        <div class="post-meta-info">
+          <span class="published-label">{{ i18n "published_on" }}</span> 
+          <time class="date" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Mon Jan 2, 2006" }}</time> · 
+          <span class="wordcount">{{ .WordCount }} Words</span>
+        </div>
+        {{ with .GetTerms "topics" }}
+        <ul class="topics">
+          {{ range . }}
+          <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }} {{ with .GetTerms "tags" }}
+        <ul class="tags">
+          {{ range . }}
+          <li class="border"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+          {{ end }}
+        </ul>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+  <div class="post-summary post-content">
+  {{ .Summary | safeHTML }}
+  </div>
+
+  <footer class="">
+    <div class="row">
+      <div class="col-12 col-lg-4">
+        <a class="btn btn-outline-secondary btn-sm" href="{{ .RelPermalink }}"
+          >{{ i18n "read_more" }}&nbsp;&raquo;</a
+        >
+      </div>
+    </div>
+  </footer>
+</article>
diff --git a/themes/adritian/layouts/experience/list.html b/themes/adritian/layouts/experience/list.html
new file mode 100644
index 0000000..7da0107
--- /dev/null
+++ b/themes/adritian/layouts/experience/list.html
@@ -0,0 +1,3 @@
+  {{ define "main" }}
+    {{ partial "experience.html" . }}
+  {{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/experience/single.html b/themes/adritian/layouts/experience/single.html
new file mode 100644
index 0000000..c0d0607
--- /dev/null
+++ b/themes/adritian/layouts/experience/single.html
@@ -0,0 +1,68 @@
+{{ define "main" }}
+<section
+  id="experience"
+  class="section section--border-bottom rad-animation-group flex-grow-1"
+>
+  <div id="main-content">
+    <div class="row flex-column-reverse flex-md-row rad-fade-down">
+      <div class="col-12 col-md-5 mt-5 mt-sm-0">
+        {{ $baseLangSite := .Sites.Default }}
+        {{ $currentPageID := .Page.File.UniqueID }}
+        
+        {{ $xp := (where .Site.RegularPages.ByDate.Reverse "Type" "experience") }}
+        {{ $xp = $xp | lang.Merge (where $baseLangSite.RegularPages.ByDate.Reverse "Type" "experience") }}   
+        {{ range $xp }} 
+        <div class="experience {{ if eq .Page.File.UniqueID $currentPageID }} selected {{ end }}" >
+          <a href="{{.Permalink | relURL}}">
+            {{/* The context, ".", is now each one of the pages as it goes
+            through the loop */}}
+            {{ $img := resources.Get .Params.companyLogo }}
+            {{ with $img }}
+            {{ $imgWebp := $img.Resize (printf "%dx%d webp q75 Lanczos picture" $img.Width $img.Height) }}  
+            <div class="experience__header  with-company-logo">
+              <img
+                src="{{ $imgWebp.RelPermalink }}"
+                alt="{{ .Params.company }} logo"
+                class="experience__company-logo"
+                loading="lazy"
+              >
+              {{ else }}
+              <div class="experience__header  no-company-logo">
+              {{ end }}
+              <div class="experience__meta">
+                <div class="experience__date">{{ .Params.duration }}</div>
+                <div class="experience__title">{{ .Params.jobTitle }}</div>
+                <div class="experience__company">{{ .Params.company }}. <span class="experience__location">
+                  {{ .Params.location }}</span></div>
+              </div>
+            </div>
+          </a>
+        </div>
+        {{ end }}
+      </div>
+      <div class="col-12 col-md-7 mt-7 mt-sm-0">
+        {{ if (default true .Site.Params.experience.showJobCard) }}
+        <div class="job-card mb-5">
+          {{ $img := resources.Get .Params.companyLogo }}
+          {{ with $img }}
+          <div class="with-company-logo d-flex align-items-center mb-3">
+            {{ $imgWebp := $img.Resize (printf "%dx%d webp q75 Lanczos picture" $img.Width $img.Height) }}
+            <img src="{{ $imgWebp.RelPermalink }}" alt="{{ $.Params.company }} logo" class="company-logo me-3" style="max-height: 50px;">
+            {{ else }}
+            <div class="no-company-logo d-flex align-items-center mb-3">
+            {{ end }}
+            <div>
+              <h2 class="h4 mb-1">{{ .Params.jobTitle }}</h2>
+              <div class="job-card__location text-muted">{{ .Params.company }} • {{ .Params.location }}</div>
+              <div class="job-card__dates text-muted">{{ .Params.duration }}</div>
+            </div>
+          </div>
+        </div>
+        {{ end }}
+        <h1>{{ .Params.title }}</h1>
+        {{ .Content | safeHTML }}
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
diff --git a/themes/adritian/layouts/footer/list.html b/themes/adritian/layouts/footer/list.html
new file mode 100644
index 0000000..6cefce2
--- /dev/null
+++ b/themes/adritian/layouts/footer/list.html
@@ -0,0 +1,5 @@
+{{/*  
+  This is an empty template for footer section list pages.
+  It intentionally does not generate any HTML output when accessed directly.
+  This prevents the generation of both index.html and index.xml for the footer section.
+*/}}
\ No newline at end of file
diff --git a/themes/adritian/layouts/footer/rss.xml b/themes/adritian/layouts/footer/rss.xml
new file mode 100644
index 0000000..041fd2a
--- /dev/null
+++ b/themes/adritian/layouts/footer/rss.xml
@@ -0,0 +1,5 @@
+{{/*  
+  This is an empty template for footer section RSS feeds.
+  It intentionally does not generate any XML output.
+  This prevents the generation of index.xml for the footer section.
+*/}}
\ No newline at end of file
diff --git a/themes/adritian/layouts/footer/single.html b/themes/adritian/layouts/footer/single.html
new file mode 100644
index 0000000..4339785
--- /dev/null
+++ b/themes/adritian/layouts/footer/single.html
@@ -0,0 +1,5 @@
+{{/*  
+  This is an empty template for footer type content.
+  It intentionally does not generate any HTML output when accessed directly.
+  The footer content is only meant to be included in other templates via partial or shortcode calls.
+*/}}
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/about.html b/themes/adritian/layouts/partials/about.html
new file mode 100644
index 0000000..a4b78a0
--- /dev/null
+++ b/themes/adritian/layouts/partials/about.html
@@ -0,0 +1,98 @@
+{{- $contextType := printf "%T" . -}}
+{{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+
+{{/* ---------------------------------------------------------------------------
+     TITLE AND CONTENT
+     --------------------------------------------------------------------------- */}}
+{{- $title := "" -}}
+{{- $content := "" -}}
+
+{{- if $isShortcode }}
+  {{- $title = .Get "title" | default ( i18n "about_title" ) -}}
+  {{- $content = .Get "content" | default ( i18n "about_content" ) | safeHTML -}}
+{{ else }}
+  {{- $title = i18n "about_title" -}}
+  {{- $content = i18n "about_content" | safeHTML -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     IMAGES
+     --------------------------------------------------------------------------- */}}
+{{- $imgSrc := "" -}}
+{{- $imgWidth := 0 -}}
+{{- $imgHeight := 0 -}}
+{{- $imgScale := 0.5 -}}
+
+{{- if $isShortcode }}
+  {{- $imgSrc = .Get "imgSrc" | default .Site.Data.homepage.about.image.src -}}
+  {{- $imgWidth = .Get "imgWidth" | default .Site.Data.homepage.about.image.width -}}
+  {{- $imgHeight = .Get "imgHeight" | default .Site.Data.homepage.about.image.height -}}
+  {{- $imgScale = .Get "imgScale" | default .Site.Data.homepage.about.image.scale -}}
+{{ else }}
+  {{- $imgSrc = .Site.Data.homepage.about.image.src -}}
+  {{- $imgWidth = .Site.Data.homepage.about.image.width -}}
+  {{- $imgHeight = .Site.Data.homepage.about.image.height -}}
+  {{- $imgScale = .Site.Data.homepage.about.image.scale -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     ALIGNMENT
+     --------------------------------------------------------------------------- */}}
+{{- $vAlign := "center" -}}
+{{- $hAlign := "left" -}}
+
+{{- if $isShortcode }}
+  {{- /* Support both v_align and text_align for backwards compatibility */ -}}
+  {{- $vAlign = .Get "v_align" | default (.Get "text_align") | default "center" -}}
+  {{- $hAlign = .Get "h_align" | default "left" -}}
+{{ else }}
+  {{- /* Support both v_align and text_align for backwards compatibility */ -}}
+  {{- $vAlign = .Site.Data.homepage.about.v_align | default .Site.Data.homepage.about.text_align | default "center" -}}
+  {{- $hAlign = .Site.Data.homepage.about.h_align | default "left" -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     BUTTON
+     --------------------------------------------------------------------------- */}}
+{{- $btnURL := "" -}}
+{{- $btnIcon := "" -}}
+{{- $btnText := "" -}}
+
+{{- if $isShortcode }}
+  {{- $btnURL = .Get "button_url" | default .Site.Data.homepage.about.button.URL -}}
+  {{- $btnIcon = .Get "button_icon" | default .Site.Data.homepage.about.button.icon -}}
+  {{- $btnText = .Get "button_text" | default false -}}
+{{ else }}
+  {{- $btnURL = .Site.Data.homepage.about.button.URL -}}
+  {{- $btnIcon = .Site.Data.homepage.about.button.icon -}}
+  {{- $btnText = i18n "about_button" -}}
+{{ end }}
+
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "about" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section rad-animation-group pb-0">
+  <div class="rad-fade-down">
+    <div class="row d-flex flex-column-reverse flex-md-row">
+      <div class="about__profile-picture col-12 col-md-6">
+        {{ partial "lazypicture" (dict "src" $imgSrc "width" $imgWidth "height" $imgHeight "scale" $imgScale "class" "image-left-overflow")}}
+      </div>
+      <div class="col-12 col-md-6{{ if eq $vAlign "center" }} my-auto{{ else if eq $vAlign "top" }} align-self-start{{ else if eq $vAlign "bottom" }} align-self-end{{ end }}{{ if eq $hAlign "center" }} text-center{{ else if eq $hAlign "right" }} text-end{{ end }}">
+        <h1>{{ $title }}</h1>
+        <div class="about-me content lead">
+          {{ $content }}
+        </div>
+        {{ if $btnText }}
+          <a href="{{ $btnURL | absURL }}" target="_blank" class="btn btn-primary">
+            <i class="{{ $btnIcon }}"></i>
+            {{ $btnText }}
+          </a>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/base-foot.html b/themes/adritian/layouts/partials/base-foot.html
new file mode 100644
index 0000000..13e2086
--- /dev/null
+++ b/themes/adritian/layouts/partials/base-foot.html
@@ -0,0 +1,43 @@
+<!-- Optimized lazy loading initialization -->
+<script>
+  window.addEventListener("load", function() {
+    if (typeof lozad !== 'undefined') {
+      try {
+        var observer = window.lozad(".lozad", {
+          rootMargin: window.innerHeight / 2 + "px 0px",
+          threshold: 0.01,
+          loaded: function(el) {
+            el.setAttribute('data-loaded', 'true');
+          }
+        });
+        observer.observe();
+      } catch(e) {
+        console.error('Lozad initialization error:', e);
+      }
+    }
+  });
+</script>
+
+<!-- Non-critical scripts loaded with defer for better performance -->
+<script defer src='{{ "js/rad-animations.js" | absURL }}'></script>
+<script defer src='{{ "js/library/smooth-scroll.polyfills.min.js" | absURL }}'></script>
+<script defer src='{{ "js/sticky-header.js" | absURL }}'></script>
+<script defer src='{{ "js/smooth-scroll-init.js" | absURL }}'></script>
+
+{{- $bootstrapJs := resources.Get "js/vendor/bootstrap.bundle.min.js" | fingerprint | resources.Copy "/assets/js/vendor/bootstrap.bundle.min.js" }}
+<script defer src="{{ $bootstrapJs.RelPermalink }}"></script>
+
+
+<!-- vercel insights -->
+{{- $vercelPageInsights := .Site.Params.analytics.vercelPageInsights }}
+{{- $vercelAnalytics := .Site.Params.analytics.vercelAnalytics }}
+
+<script>
+  window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
+</script>
+{{- if $vercelPageInsights }}
+<script defer src="/_vercel/speed-insights/script.js"></script>
+{{- end }}
+{{- if $vercelAnalytics }} 
+<script defer src="/_vercel/insights/script.js"></script>
+{{- end }}
diff --git a/themes/adritian/layouts/partials/blog-sidebar.html b/themes/adritian/layouts/partials/blog-sidebar.html
new file mode 100644
index 0000000..431f624
--- /dev/null
+++ b/themes/adritian/layouts/partials/blog-sidebar.html
@@ -0,0 +1,30 @@
+<aside class="blog-sidebar">
+  {{ if .Site.Params.blog.showCategories }}
+  <div class="sidebar-section categories">
+    <h3>{{ i18n "categories" | default "Categories" }}</h3>
+    {{ if .Site.Taxonomies.tags }}
+    <ul class="tags">
+      {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
+      <li>
+        <a href="{{ "/tags/" | relLangURL }}{{ $name | urlize }}">{{ $name }}</a>
+      </li>
+      {{ end }}
+    </ul>
+    {{ end }}
+  </div>
+  {{ end }}
+
+  {{ if .Site.Params.blog.showRecentPosts }}
+  <div class="sidebar-section recent-posts">
+    <h3>{{ i18n "recent_posts" | default "Recent Posts" }}</h3>
+    <ul>
+      {{ range first .Site.Params.blog.recentPostCount (where .Site.RegularPages "Type" "blog") }}
+      <li>
+        <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+        <span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
+      </li>
+      {{ end }}
+    </ul>
+  </div>
+  {{ end }}
+</aside> 
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/breadcrumb.html b/themes/adritian/layouts/partials/breadcrumb.html
new file mode 100644
index 0000000..6f044a6
--- /dev/null
+++ b/themes/adritian/layouts/partials/breadcrumb.html
@@ -0,0 +1,78 @@
+<section id="breadcrumb-bar" class="breadcrumb-bar container">
+    <nav aria-label="breadcrumb" class="d-print-none">
+        <ol class="breadcrumbs">
+            <li class="breadcrumb-item">
+                <a href="{{ relURL "" }}" class="breadcrumb-link">
+                    <span class="breadcrumb-icon" aria-hidden="true">🏠</span>
+                    <span class="breadcrumb-text">Home</span>
+                </a>
+            </li>
+            {{- $.Scratch.Set "url" "" -}}
+            {{- $taxonomy := .Data.Plural -}}
+            {{- range $index, $element := (split (trim .RelPermalink "/") "/") -}}
+            {{- $.Scratch.Add "url" (print "/" . ) -}}
+            {{- if eq $index 0 -}}
+            {{- if eq . "tags" -}}
+            <li class="breadcrumb-item">
+                <a href="{{ $.Scratch.Get `url` }}" class="breadcrumb-link">
+                    <span class="breadcrumb-text">Tags</span>
+                </a>
+            </li>
+            {{- else if eq . "categories" -}}
+            <li class="breadcrumb-item">
+                <a href="{{ $.Scratch.Get `url` }}" class="breadcrumb-link">
+                    <span class="breadcrumb-text">Categories</span>
+                </a>
+            </li>
+            {{- else -}}
+            {{- $section := $.Site.GetPage "section" . -}}
+            {{- if $section -}}
+            <li class="breadcrumb-item">
+                <a href="{{ $.Scratch.Get `url` }}" class="breadcrumb-link">
+                    <span class="breadcrumb-text">{{ $section.Title }}</span>
+                </a>
+            </li>
+            {{- else -}}
+            <li class="breadcrumb-item">
+                <a href="{{ $.Scratch.Get `url` }}" class="breadcrumb-link">
+                    <span class="breadcrumb-text">{{ humanize . }}</span>
+                </a>
+            </li>
+            {{- end -}}
+            {{- end -}}
+            {{- else -}}
+            {{- if eq $taxonomy "tags" -}}
+            <li class="breadcrumb-item active" aria-current="page">
+                <span class="breadcrumb-text">{{ humanize . }}</span>
+            </li>
+            {{- else if eq $taxonomy "categories" -}}
+            <li class="breadcrumb-item active" aria-current="page">
+                <span class="breadcrumb-text">{{ humanize . }}</span>
+            </li>
+            {{- else -}}
+            {{- $currentPage := $.Site.GetPage ($.Scratch.Get "url") -}}
+            {{- if $currentPage -}}
+            {{- if $currentPage.IsPage -}}
+            <li class="breadcrumb-item active" aria-current="page">
+                <span class="breadcrumb-text">{{ $currentPage.Title }}</span>
+            </li>
+            {{- else -}}
+            <li class="breadcrumb-item">
+                <a href="{{ $.Scratch.Get `url` }}" class="breadcrumb-link">
+                    <span class="breadcrumb-text">{{ $currentPage.Title }}</span>
+                </a>
+            </li>
+            {{- end -}}
+            {{- else -}}
+            <li class="breadcrumb-item">
+                <a href="{{ $.Scratch.Get `url` }}" class="breadcrumb-link">
+                    <span class="breadcrumb-text">{{ humanize . }}</span>
+                </a>
+            </li>
+            {{- end -}}
+            {{- end -}}
+            {{- end -}}
+            {{- end -}}
+        </ol>
+    </nav>
+</section>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/client-and-work.html b/themes/adritian/layouts/partials/client-and-work.html
new file mode 100644
index 0000000..84a9bb5
--- /dev/null
+++ b/themes/adritian/layouts/partials/client-and-work.html
@@ -0,0 +1,102 @@
+{{/* Used for the Client&Works section in the homepage */}}
+{{/* If some content is missing/not displayed, check the images for the client/work */}}
+
+{{- $contextType := printf "%T" . -}}
+{{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+
+{{/* ---------------------------------------------------------------------------
+     SECTION TITLE
+     --------------------------------------------------------------------------- */}}
+{{- $sectionTitle := "" -}}
+{{- if $isShortcode -}}
+  {{- $sectionTitle = .Get "title" -}}
+{{- else -}}
+  {{- $sectionTitle = i18n "client_work_title" -}}
+{{- end -}}
+
+{{/* ---------------------------------------------------------------------------
+     CLIENTS
+     --------------------------------------------------------------------------- */}}
+{{- $clients := slice -}}
+{{- if not $isShortcode -}}
+  {{- $baseLangSite := .Sites.Default -}}
+  {{- $clients = (where .Site.RegularPages.ByDate.Reverse "Type" "client-work" | lang.Merge (where $baseLangSite.RegularPages.ByDate.Reverse "Type" "client-work") ) -}}
+{{- else -}}
+  {{- $clients = (where .Site.RegularPages.ByDate.Reverse "Type" "client-work") -}}
+{{- end -}}
+
+{{/* ---------------------------------------------------------------------------
+     PROJECTS
+     --------------------------------------------------------------------------- */}}
+{{- $projects := (where .Site.RegularPages.ByDate.Reverse "Type" "projects") -}}
+
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "client-and-work-section" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section section--border-bottom">
+  <div class="client-works-container">
+    <h2 class="rad-animation-group rad-fade-down">
+      {{ $sectionTitle }}
+    </h2>
+    <div class="row row--padded rad-animation-group rad-fade-down">
+      <div class="col-12">
+        <div class="clients">
+          {{ range $clients }}
+          <div class="clients__item">
+            <a href="{{ .Params.link }}" aria-label="Link to the client site for {{ .Params.title }} (opens in a new window)" target="_blank">
+
+              {{ partial "lazypicture" (dict "src" .Params.logo.src "scale" .Params.logo.scale "class" "portfolio-project img-responsive")}}
+            </a>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+    {{/* Projects */}}
+    {{ range $index, $element := $projects }}
+    {{ $is_even := eq (mod $index 2) 0 }}
+    {{ with $element }}
+    <div
+      class="row row--padded rad-animation-group rad-fade-down 
+      {{ if $is_even }}flex-column-reverse flex-md-row even-row{{ else }}uneven-row{{ end }}"
+    >
+      {{ if $is_even }}
+      <div class="col-12 col-md-5 mt-4 mt-md-0 my-md-auto even">
+        <h3>{{ .Params.title }}</h3>
+        <div class="lead">
+          {{ .Page.Content }}
+        </div>
+        <a href="{{ .Params.button.URL | absURL }}" class="btn btn-primary"
+          >{{ .Params.button.btnText }}<i class="{{ .Params.button.icon }}"></i
+        ></a>
+      </div>
+      <div class="col-12 col-md-7 pl-md-0 text-right">
+
+
+        {{ partial "lazypicture" (dict "src" .Params.image.src "scale" .Params.image.scale "class" "picture-works even")}}
+
+      </div>
+      {{ else }}
+      <div class="col-12 col-md-7 pl-md-0 text-right not-even">
+
+        {{ partial "lazypicture" (dict "src" .Params.image.src "scale" .Params.image.scale "class" "picture-works odd")}}
+      </div>
+      <div class="col-12 col-md-5 mt-4 mt-md-0 my-md-auto">
+        <h3>{{ .Params.title }}</h3>
+        <div class="lead">
+          {{ .Page.Content }}
+        </div>
+        <a href="{{ .Params.button.URL | absURL }}" class="btn btn-primary"
+          >{{ .Params.button.btnText }}<i class="{{ .Params.button.icon }}"></i
+        ></a>
+      </div>
+      {{ end }}
+    </div>
+    {{ end }}
+    {{ end }}
+  </div>
+</section>
diff --git a/themes/adritian/layouts/partials/comments.html b/themes/adritian/layouts/partials/comments.html
new file mode 100644
index 0000000..8b653c4
--- /dev/null
+++ b/themes/adritian/layouts/partials/comments.html
@@ -0,0 +1,45 @@
+{{ if .Site.Params.comments.enabled }}
+<aside class="comments-section light-border-top">
+  <h3>{{ i18n "comments" | default "Comments" }}</h3>
+  
+  {{ if eq .Site.Params.comments.provider "disqus" }}
+    {{ if .Site.DisqusShortname }}
+      {{ template "_internal/disqus.html" . }}
+    {{ end }}
+  {{ end }}
+  
+  {{ if eq .Site.Params.comments.provider "giscus" }}
+    {{ with .Site.Params.comments.giscus }}
+    <script src="https://giscus.app/client.js"
+            data-repo="{{ .repo }}"
+            data-repo-id="{{ .repoId }}"
+            data-category="{{ .category }}"
+            data-category-id="{{ .categoryId }}"
+            data-mapping="{{ .mapping | default "pathname" }}"
+            data-strict="{{ .strict | default "0" }}"
+            data-reactions-enabled="{{ .reactionsEnabled | default "1" }}"
+            data-emit-metadata="{{ .emitMetadata | default "0" }}"
+            data-input-position="{{ .inputPosition | default "bottom" }}"
+            data-theme="{{ .theme | default "preferred_color_scheme" }}"
+            data-lang="{{ .lang | default "en" }}"
+            data-loading="{{ .loading | default "lazy" }}"
+            crossorigin="anonymous"
+            async>
+    </script>
+    {{ end }}
+  {{ end }}
+  
+  {{ if eq .Site.Params.comments.provider "utterances" }}
+    {{ with .Site.Params.comments.utterances }}
+    <script src="https://utteranc.es/client.js"
+            repo="{{ .repo }}"
+            issue-term="{{ .issueTerm | default "pathname" }}"
+            label="{{ .label }}"
+            theme="{{ .theme | default "preferred-color-scheme" }}"
+            crossorigin="anonymous"
+            async>
+    </script>
+    {{ end }}
+  {{ end }}
+</aside>
+{{ end }}
diff --git a/themes/adritian/layouts/partials/contact.html b/themes/adritian/layouts/partials/contact.html
new file mode 100644
index 0000000..8ef4943
--- /dev/null
+++ b/themes/adritian/layouts/partials/contact.html
@@ -0,0 +1,193 @@
+{{/*
+  contact.html, used via {{ partial "contact.html" . }}
+  from contact-section.html
+  
+  Arguments:
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+
+{{- $contextType := printf "%T" . -}}
+{{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+
+{{ $sectionId := "contact" }}
+{{ if $isShortcode }}
+  {{ with .Get "sectionId" }}
+    {{ $sectionId = . }}
+  {{ end }}
+{{ end }}
+
+{{/*----------------------------------------------
+    TITLE
+------------------------------------------------*/}}
+{{ $title := "" }}
+{{ if $isShortcode }}
+  {{ $title = .Get "title" | default (i18n "contact_title") }}
+{{ else }}
+  {{ $title = i18n "contact_title" }}
+{{ end }}
+
+{{/*----------------------------------------------
+    FORM CONFIGURATION
+------------------------------------------------*/}}
+{{ $form_action := "" }}
+{{ $form_method := "" }}
+{{ if $isShortcode }}
+  {{ $form_action = .Get "form_action" | default .Site.Data.homepage.contact.form_action }}
+  {{ $form_method = .Get "form_method" | default .Site.Data.homepage.contact.form_method }}
+{{ else }}
+  {{ $form_action = .Site.Data.homepage.contact.form_action }}
+  {{ $form_method = .Site.Data.homepage.contact.form_method }}
+{{ end }}
+
+{{/*----------------------------------------------
+    FORM FIELD PLACEHOLDERS
+------------------------------------------------*/}}
+{{ $name_placeholder := "" }}
+{{ if $isShortcode }}
+  {{ $name_placeholder = .Get "contact_form_name" | default (.Get "name_placeholder") | default .Site.Data.homepage.contact.form_name_placeholder | default (i18n "contact_name_placeholder") }}
+{{ else }}
+  {{ $name_placeholder = .Site.Data.homepage.contact.form_name_placeholder | default (i18n "contact_name_placeholder") }}
+{{ end }}
+{{ $name_placeholder_attr := "" }}
+{{ if $name_placeholder }}
+  {{ $name_placeholder_attr = printf "placeholder=%q" $name_placeholder }}
+{{ end }}
+
+{{ $email_placeholder := "" }}
+{{ if $isShortcode }}
+  {{ $email_placeholder = .Get "contact_form_email" | default (.Get "email_placeholder") | default .Site.Data.homepage.contact.form_email_placeholder | default (i18n "contact_email_placeholder") }}
+{{ else }}
+  {{ $email_placeholder = .Site.Data.homepage.contact.form_email_placeholder | default (i18n "contact_email_placeholder") }}
+{{ end }}
+{{ $email_placeholder_attr := "" }}
+{{ if $email_placeholder }}
+  {{ $email_placeholder_attr = printf "placeholder=%q" $email_placeholder }}
+{{ end }}
+
+{{ $phone_placeholder := "" }}
+{{ if $isShortcode }}
+  {{ $phone_placeholder = .Get "contact_form_phone" | default (.Get "phone_placeholder") | default .Site.Data.homepage.contact.form_phone_placeholder | default (i18n "contact_phone_placeholder") }}
+{{ else }}
+  {{ $phone_placeholder = .Site.Data.homepage.contact.form_phone_placeholder | default (i18n "contact_phone_placeholder") }}
+{{ end }}
+{{ $phone_placeholder_attr := "" }}
+{{ if $phone_placeholder }}
+  {{ $phone_placeholder_attr = printf "placeholder=%q" $phone_placeholder }}
+{{ end }}
+
+{{ $message_placeholder := "" }}
+{{ if $isShortcode }}
+  {{ $message_placeholder = .Get "contact_form_message" | default (.Get "message_placeholder") | default .Site.Data.homepage.contact.form_message_placeholder | default (i18n "contact_message_placeholder") }}
+{{ else }}
+  {{ $message_placeholder = .Site.Data.homepage.contact.form_message_placeholder | default (i18n "contact_message_placeholder") }}
+{{ end }}
+{{ $message_placeholder_attr := "" }}
+{{ if $message_placeholder }}
+  {{ $message_placeholder_attr = printf "placeholder=%q" $message_placeholder }}
+{{ end }}
+
+{{/*----------------------------------------------
+    TEXTAREA ROWS
+------------------------------------------------*/}}
+{{ $message_rows := 2 }}
+{{ if $isShortcode }}
+  {{ $message_rows = .Get "contact_form_rows" | default (.Get "message_rows") | default 2 }}
+{{ end }}
+
+{{/*----------------------------------------------
+    BUTTON TEXT
+------------------------------------------------*/}}
+{{ $button_text := "" }}
+{{ if $isShortcode }}
+  {{ $button_text = .Get "contact_button" | default (.Get "button_text") | default .Site.Data.homepage.contact.button_text | default (i18n "contact_button_text") }}
+{{ else }}
+  {{ $button_text = .Site.Data.homepage.contact.button_text | default (i18n "contact_button_text") }}
+{{ end }}
+
+{{/*----------------------------------------------
+    CONTACT INFORMATION FIELDS
+------------------------------------------------*/}}
+{{ $phone := "" }}
+{{ $phone_display := "" }}
+{{ $email := "" }}
+{{ $location := "" }}
+{{ if $isShortcode }}
+  {{ $phone = .Get "contact_phone_number" | default (.Get "phone") | default .Site.Data.homepage.contact.phone }}
+  {{ $phone_display = .Get "contact_phone_number" | default (.Get "phone_display") | default .Site.Data.homepage.contact.phone_display | default $phone }}
+  {{ $email = .Get "contact_email_email" | default (.Get "email") | default .Site.Data.homepage.contact.email }}
+  {{ $location = .Get "contact_address_address" | default (.Get "location") | default .Site.Data.homepage.contact.location }}
+{{ else }}
+  {{ $phone = .Site.Data.homepage.contact.phone }}
+  {{ $phone_display = .Site.Data.homepage.contact.phone_display | default $phone }}
+  {{ $email = .Site.Data.homepage.contact.email }}
+  {{ $location = .Site.Data.homepage.contact.location }}
+{{ end }}
+
+{{/*----------------------------------------------
+    HEADING LABELS
+------------------------------------------------*/}}
+{{ $phone_heading := "" }}
+{{ $email_heading := "" }}
+{{ $location_heading := "" }}
+{{ if $isShortcode }}
+  {{ $phone_heading = .Get "contact_phone_title" | default (.Get "phone_heading") | default .Site.Data.homepage.contact.phone_heading | default (i18n "contact_phone_heading") }}
+  {{ $email_heading = .Get "contact_email_title" | default (.Get "email_heading") | default .Site.Data.homepage.contact.email_heading | default (i18n "contact_email_heading") }}
+  {{ $location_heading = .Get "contact_address_title" | default (.Get "location_heading") | default .Site.Data.homepage.contact.location_heading | default (i18n "contact_location_heading") }}
+{{ else }}
+  {{ $phone_heading = .Site.Data.homepage.contact.phone_heading | default (i18n "contact_phone_heading") }}
+  {{ $email_heading = .Site.Data.homepage.contact.email_heading | default (i18n "contact_email_heading") }}
+  {{ $location_heading = .Site.Data.homepage.contact.location_heading | default (i18n "contact_location_heading") }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section section--contact pt-0">
+    <div class="container">
+        <div class="contact w-100">
+            <h2>{{ $title }}</h2>
+
+            <div class="row pt-2">
+                <div class="col-12 col-lg-7">
+                    <form action="{{ $form_action }}" method="{{ $form_method }}" class="contact__form">
+                        <div class="row">
+                            <div class="col-12 col-sm-6">
+                                <input type="text" name="full_name" class="form-control" {{ $name_placeholder_attr | safeHTMLAttr }}>
+                            </div>
+                            <div class="col-12 col-sm-6">
+                                <input type="email" name="email" class="form-control" {{ $email_placeholder_attr | safeHTMLAttr }}>
+                            </div>
+                        </div>
+                        <div class="row pt-4">
+                            <div class="col-12">
+                                <input type="tel" name="phone" class="form-control" {{ $phone_placeholder_attr | safeHTMLAttr }}>
+                            </div>
+                        </div>
+                        <div class="row pt-4">
+                            <div class="col-12">
+                                <textarea name="message" class="form-control" rows="{{ $message_rows }}" {{ $message_placeholder_attr | safeHTMLAttr }}></textarea>
+                            </div>
+                        </div>
+                        <div class="row pt-4">
+                            <div class="col-12">
+                                <button type="submit" class="btn btn-primary">{{ $button_text }}</button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <div class="col-12 col-lg-5 contact__info">
+                    {{ if $phone }}
+                    <h3>{{ $phone_heading }}</h3>
+                    <span>{{ $phone | safeHTML }}</span>
+                    {{ end }}
+
+                    {{ if $email }}
+                    <h3>{{ $email_heading }}</h3>
+                    <span>{{ $email | safeHTML }}</span>
+                    {{ end }}
+                    
+                    {{ if $location }}
+                    <h3>{{ $location_heading }}</h3>
+                    <span>{{ $location | safeHTML }}</span>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
diff --git a/themes/adritian/layouts/partials/education.html b/themes/adritian/layouts/partials/education.html
new file mode 100644
index 0000000..4e6bec7
--- /dev/null
+++ b/themes/adritian/layouts/partials/education.html
@@ -0,0 +1,42 @@
+{{- $contextType := printf "%T" . -}}
+{{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "education" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+{{- /* Title */}}
+{{- $title := "" -}}
+
+{{- if $isShortcode }}
+  {{- $title = .Get "title" | default ( i18n "education_title" ) -}}
+{{ else }}
+  {{- $title = i18n "education_title" -}}
+{{ end }}
+
+<section
+  id="{{ $sectionId }}"
+  class="section section--border-bottom rad-animation-group"
+>
+  <div class="container-education">
+    <div class="row rad-fade-down">
+      <div class="col-12">
+        <h2>{{ $title }}</h2>
+        <div class="row pt-2 pt-md-4">
+          {{ range where .Site.RegularPages "Type" "education" }}
+          <div class="col-12 col-sm-6 mb-4 mb-sm-0">
+            <div class="education">
+              <div class="education__date">{{ .Params.year }}</div>
+              <div class="education__title">{{ .Params.university }}</div>
+              <div class="education__degree">{{ .Params.degree }}</div>
+            </div>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/themes/adritian/layouts/partials/experience-description.html b/themes/adritian/layouts/partials/experience-description.html
new file mode 100644
index 0000000..3094836
--- /dev/null
+++ b/themes/adritian/layouts/partials/experience-description.html
@@ -0,0 +1,178 @@
+{{/*This partial is used from
+- layouts/shortcodes/experience.html, anywhere via shortcode (commonly in homepage)
+- layouts/experience/list.html, in "/experience" page(s))
+*/}}
+{{- $contextType := printf "%T" . -}}
+{{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+
+{{/* ---------------------------------------------------------------------------
+     INTRO TITLE / DESCRIPTION
+     --------------------------------------------------------------------------- */}}
+{{- /* Intro title/description */}}
+{{- $introTitle := "" -}}
+{{- $introDescription := "" -}}
+
+{{- if $isShortcode }}
+  {{/* Shortcode params */}}
+  {{- $introTitle = .Get "intro_title" | default false -}}
+  {{- $introDescription = .Get "intro_description" | default ( i18n "experience_description" ) | safeHTML -}}
+{{ else }}
+  {{/* Fallback to the content of the markdown in /experience/_index.md */}}
+  {{/* Base fields from content */}}
+  {{- $introTitle = .Title -}}
+  {{- $introDescription = .Content | safeHTML -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     BUTTON #1
+     --------------------------------------------------------------------------- */}}
+{{- /* Button #1 */}}
+{{- $btn1Enable := false -}}
+{{- $btn1Icon := "" -}}
+{{- $btn1URL := "" -}}
+{{- $btn1Text := "" -}}
+
+{{- if $isShortcode }}
+  {{- $btn1Enable = true -}}
+  {{- $btn1Icon = .Get "button1_icon" | default .Site.Data.homepage.experience.button.icon -}}
+  {{- $btn1URL = .Get "button1_url" | default ( i18n "experience_button_url" ) -}}
+  {{- $btn1Text = .Get "button1_text" | default ( i18n "experience_button" ) -}}
+{{ else }}
+  {{- $btn1Enable = .Site.Data.homepage.experience.button.enable -}}
+  {{- $btn1Icon = .Site.Data.homepage.experience.button.icon -}}
+  {{- $btn1URL = i18n "experience_button_url" -}}
+  {{- $btn1Text = i18n "experience_button" -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     BUTTON #2
+     --------------------------------------------------------------------------- */}}
+{{- /* Button #2 */}}
+{{- $btn2Enable := false -}}
+{{- $btn2Icon := "" -}}
+{{- $btn2URL := "" -}}
+{{- $btn2Text := "" -}}
+
+{{- if $isShortcode }}
+  {{- $btn2Enable = true -}}
+  {{- $hideViewAll := .Get "hideViewAll" -}}
+  {{- if eq $hideViewAll "true" -}}
+    {{- $btn2Enable = false -}}
+  {{- end -}}
+  {{- $btn2Icon = .Get "button2_icon" | default .Site.Data.homepage.experience.button2.icon -}}
+  {{- $btn2URL = .Get "button2_url" | default ( i18n "experience_button2_url" ) -}}
+  {{- $btn2Text = .Get "button2_text" | default ( i18n "experience_button2" ) -}}
+{{ else }}
+  {{- $btn2Enable = .Site.Data.homepage.experience.button2.enable -}}
+  {{- $btn2Icon = .Site.Data.homepage.experience.button2.icon -}}
+  {{- $btn2URL = i18n "experience_button2_url" -}}
+  {{- $btn2Text = i18n "experience_button2" -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     BUTTON #3
+     --------------------------------------------------------------------------- */}}
+{{- /* Button #3 */}}
+{{- $btn3Enable := false -}}
+{{- $btn3Icon := "" -}}
+{{- $btn3URL := "" -}}
+{{- $btn3Text := "" -}}
+
+{{- if $isShortcode }}
+  {{- $btn3Enable = true -}}
+  {{- $hideViewAll := .Get "hideViewAll" -}}
+  {{- if eq $hideViewAll "true" -}}
+    {{- $btn3Enable = false -}}
+  {{- end -}}
+  {{- $btn3Icon = .Get "button3_icon" | default .Site.Data.homepage.experience.button3.icon -}}
+  {{- $btn3URL = .Get "button3_url" | default ( i18n "experience_button3_url" ) -}}
+  {{- $btn3Text = .Get "button3_text" | default ( i18n "experience_button3" ) -}}
+{{ else }}
+  {{- $btn3Enable = .Site.Data.homepage.experience.button3.enable -}}
+  {{- $btn3Icon = .Site.Data.homepage.experience.button3.icon -}}
+  {{- $btn3URL = i18n "experience_button3_url" -}}
+  {{- $btn3Text = i18n "experience_button3" -}}
+{{ end }}
+
+{{/* Fields from front matter */}}
+  {{- with .Params.button1_icon }}
+    {{- $btn1Icon = . -}}
+  {{ end }}
+  {{- with .Params.button1_url }}
+    {{- $btn1URL = . -}}
+  {{ end }}
+  {{- with .Params.button1_text }}
+    {{- $btn1Enable = true -}}
+    {{- $btn1Text = . -}}
+  {{ end }}
+  {{- with .Params.button2_icon }}
+    {{- $btn2Icon = . -}}
+  {{ end }}
+  {{- with .Params.button2_url }}
+    {{- $btn2URL = . -}}
+  {{ end }}
+  {{- with .Params.button2_text }}
+    {{- $btn2Enable = true -}}
+    {{- $btn2Text = . -}}
+  {{ end }}
+  {{- with .Params.button3_icon }}
+    {{- $btn3Icon = . -}}
+  {{ end }}
+  {{- with .Params.button3_url }}
+    {{- $btn3URL = . -}}
+  {{ end }}
+  {{- with .Params.button3_text }}
+    {{- $btn3Enable = true -}}
+    {{- $btn3Text = . -}}
+  {{ end }}
+
+<div class="container-experience">
+  <div class="row">
+    <h2>{{ $introTitle }}</h2>
+    <div class="lead">{{ $introDescription }}</div>
+  </div>
+
+  <div class="row">
+    {{ if $btn1Enable }}
+      <div class="col-12 col-lg-4">
+        <a
+          href='{{ $btn1URL | absURL }}'
+          class="btn btn-primary btn-block w-100"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {{ if $btn1Icon }}<i class="{{ $btn1Icon }}"></i>{{ end }}
+          {{ $btn1Text }}
+          <i class="icon-arrow-right"></i>
+        </a>
+      </div>
+    {{ end }}
+
+    {{ if $btn2Enable }}
+      <div class="col-12 col-lg-4">
+        <a
+          href='{{ $btn2URL | absURL }}'
+          class="btn btn-frameless w-100"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {{ if $btn2Icon }}<i class="{{ $btn2Icon }}"></i>{{ end }}
+          {{ $btn2Text }}
+        </a>
+      </div>
+    {{ end }}
+
+    {{ if $btn3Enable }}
+      <div class="col-12 col-lg-4">
+        <a
+          href='{{ $btn3URL | absURL }}'
+          class="btn btn-frameless w-100"
+          rel="noopener noreferrer"
+        >
+          {{ if $btn3Icon }}<i class="{{ $btn3Icon }}"></i>{{ end }}
+          {{ $btn3Text }}
+        </a>
+      </div>
+    {{ end }}
+  </div>
+</div>
diff --git a/themes/adritian/layouts/partials/experience.html b/themes/adritian/layouts/partials/experience.html
new file mode 100644
index 0000000..5812c81
--- /dev/null
+++ b/themes/adritian/layouts/partials/experience.html
@@ -0,0 +1,92 @@
+{{ $contextType := printf "%T" . }}
+{{ $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") }}
+
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used.
+  hideViewAll: Optional argument to hide the "View All" button. Set to "true" to hide the button. */}}
+{{ $sectionId := "experience-single" }}
+{{ $showViewAll := true }}
+{{ if $isShortcode }}
+  {{ with .Get "sectionId" }}
+    {{ $sectionId = . }}
+  {{ end }}
+  {{ $hideViewAllParam := .Get "hideViewAll" }}
+  {{ if eq $hideViewAllParam "true" }}
+    {{ $showViewAll = false }}
+  {{ end }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section-experience section section--border-bottom rad-animation-group flex-grow-1">
+  <div class="row flex-column-reverse flex-md-row rad-fade-down">
+    <div class="experience-list col-12 col-md-6">
+      <h2>
+        {{ if $isShortcode }}
+          {{ .Get "title" | default "" }}
+        {{ else }}
+          {{ i18n "experience_title" }}
+        {{ end }}
+      </h2>
+
+      {{ $xp := where .Site.RegularPages.ByDate "Type" "experience" }}
+      {{ if not $isShortcode }}
+        {{ $baseLangSite := .Sites.Default }}
+        {{ $xp = $xp | lang.Merge (where $baseLangSite.RegularPages.ByDate.Reverse "Type" "experience") }}
+      {{ end }}
+
+      {{ $xpCount := len $xp }}
+{{/* in the homepage we limit to the homepageExperienceCount param (6 by default) in the inner page (experience) we display the all */}}
+      {{ $totalCount := .Site.Params.homepageExperienceCount }}
+
+      {{ if not $isShortcode }}
+      {{ if not .IsHome }}
+        {{ $totalCount = $xpCount }}
+      {{ end }}
+      {{ end }}
+
+      {{ range first $totalCount (sort $xp "Date" "desc") }}
+      <div class="experience">
+        <a href="{{ .Permalink | relURL }}" class="experience__link">
+          <div class="experience__header">
+            {{ $img := resources.Get .Params.companyLogo }}
+            {{ with $img }}
+              {{ $imgWebp := $img.Resize (printf "%dx%d webp q75 Lanczos picture" $img.Width $img.Height) }}
+              <img 
+                src="{{ $imgWebp.RelPermalink }}" 
+                alt="{{ .Params.company }} logo"
+                class="experience__company-logo"
+                loading="lazy"
+              />
+            {{ end }}
+            <div class="experience__meta">
+              <div class="experience__date">{{ .Params.duration }}</div>
+              <div class="experience__title">{{ .Params.jobTitle }}</div>
+              <div class="experience__company">
+                {{ .Params.company }}.
+                <span class="experience__location">{{ .Params.location }}</span>
+              </div>
+            </div>
+            <div class="experience__description d-none d-print-block">
+              <h1>{{ .Params.title }}</h1>
+              {{ .Content | safeHTML | transform.Plainify }}
+            </div>
+          </div>
+        </a>
+      </div>
+      {{ end }}
+
+      {{ if and (gt $xpCount $totalCount) $showViewAll }}
+      <div class="all-experience-container">
+        {{ $xpExtra := sub $xpCount $totalCount }}
+        <em>And {{ $xpExtra }} more</em><br />
+        <a href="{{ absURL "experience" | relLangURL }}" class="btn btn-primary btn-all-experience">
+          <i class="{{ .Site.Data.homepage.experience.button3.icon }}"></i>
+          {{ i18n "experience_button3" }}
+        </a>
+      </div>
+      {{ end }}
+    </div>
+    <div class="experience-description col-12 col-md-6">
+      {{ partial "experience-description.html" . }}
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/footer.html b/themes/adritian/layouts/partials/footer.html
new file mode 100644
index 0000000..120a265
--- /dev/null
+++ b/themes/adritian/layouts/partials/footer.html
@@ -0,0 +1,56 @@
+<footer class="footer w-100 d-print-none">
+
+
+    {{ $footer := where (where .Site.Pages "Type" "footer") "Lang" .Lang }}
+
+    {{ range (sort $footer "Date" "desc") }}
+      {{ if .File }}
+        {{ warnf "[FOOTER] Path: %s | Lang: %s | IsDraft: %t | Type: %s | Section: %s | Kind: %s" .File.Path .Lang .Draft .Type .Section .Kind }}
+      {{ end }}        
+      {{ .Content | safeHTML }}
+    {{ end }}
+
+  <div class="container items">
+    <div class="container">
+      <div class="row w-100 align-items-center">
+        <div class="footer_left col-12 col-lg-4 mb-3 mb-lg-0 text-center text-lg-start">
+          <div class="footer__copy">
+            <span>{{ i18n "footer_notice" | safeHTML }}</span>
+          </div>
+        </div>
+        <div class="footer_links col-12 col-lg-6 mb-3 mb-lg-0 text-center text-lg-start">
+          <ul class="navbar-nav w-100 align-items-center justify-content-center justify-content-lg-start d-flex flex-wrap gap-2">
+            {{ range .Site.Menus.footer }}
+            <li class="nav-item">
+              <a class="nav-link" href="{{ .URL | relURL }}"
+                >{{ if .Pre }}
+                  <i class="icon-{{ .Pre }}" aria-label="{{ or .Name .Pre }}"></i>
+                {{ else }}
+                  {{ .Name | upper }}
+                {{ end }}</a
+              >
+            </li>
+            {{ end }}
+          </ul>
+        </div>
+        <div class="footer_right col-12 col-lg-2 mb-3 mb-lg-0 text-center text-lg-end">
+          <div class="d-flex flex-column flex-lg-row justify-content-center align-items-center gap-2 d-grid col-12 ">
+            {{- if hugo.IsMultilingual }} 
+            {{- if not .Site.Params.languages.selector.disable.footer }}
+            {{ .Scratch.Set "selectorPlacement" "footer" }}
+            {{ .Scratch.Set "dropdownDirection" "up" }}
+            {{ partial "selector-language.html" . }}
+            {{- end }} 
+            {{- end }}
+            
+            {{- if not .Site.Params.colorTheme.selector.disable.footer }}
+            {{ .Scratch.Set "selectorPlacement" "footer" }}
+            {{ .Scratch.Set "dropdownDirection" "up" }}
+            {{ partial "selector-theme.html" . }}
+            {{- end }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/themes/adritian/layouts/partials/head.html b/themes/adritian/layouts/partials/head.html
new file mode 100644
index 0000000..206f209
--- /dev/null
+++ b/themes/adritian/layouts/partials/head.html
@@ -0,0 +1,141 @@
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+<meta name="theme-color" content="#478079" />
+
+{{- if .Site.Params.analytics.googleTagManager.enabled }}
+  <link rel="preconnect" href="https://www.googletagmanager.com" />
+{{- end }}
+{{- if .Site.Params.analytics.googleAnalytics.enabled }}
+  {{- if .Site.Params.analytics.googleAnalytics.code }}
+    <!-- Google tag (gtag.js) - moved to bottom for non-blocking -->
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '{{ .Site.Params.analytics.googleAnalytics.code}}');
+    </script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id={{ .Site.Params.analytics.googleAnalytics.code }}"></script>
+  {{- end }}
+{{- end }}
+
+
+<title>
+  {{ if .IsHome }}
+  {{ else }}
+    {{ if .Title }}{{ .Title }} |{{ end }}
+  {{ end }}
+  {{ i18n "head_title" }}
+</title>
+
+<meta name="description" content="{{ i18n "head_description" }}" />
+<meta name="generator-mode" content="{{ hugo.Environment }}" />
+{{- $critical := resources.Get "css/critical.css" | resources.Minify }}
+<style data-generator="critical-css">
+{{- $critical.Content | safeCSS }}
+</style>
+
+{{- $cssResources := slice }}
+{{- range .Site.Params.plugins.css }}
+  {{- if findRE "^http" .URL }}
+    <link rel="stylesheet" href="{{ .URL | absURL }}" />
+  {{- else }}
+    {{- with resources.Get .URL }}
+      {{- $cssResources = $cssResources | append . }}
+    {{- end }}
+  {{- end }}
+{{- end }}
+
+{{- if gt (len $cssResources) 0 }}
+  {{- $cssBundle := $cssResources | resources.Concat "css/bundle.css" }}
+  {{- $css := $cssBundle }}
+  {{- if hugo.IsProduction }}
+    {{- $css = $css | minify | fingerprint | resources.PostProcess }}
+  {{- end }}
+  <link
+    rel="preload"
+    href="{{ $css.RelPermalink }}"
+    as="style"
+    onload="this.onload=null;this.rel='stylesheet'"
+    {{ if hugo.IsProduction }}
+      integrity="{{ $css.Data.Integrity }}" crossorigin="anonymous"
+    {{ end }} />
+  <noscript>
+    <link
+      rel="stylesheet"
+      href="{{ $css.RelPermalink }}"
+      {{ if hugo.IsProduction }}
+        integrity="{{ $css.Data.Integrity }}" crossorigin="anonymous"
+      {{ end }} />
+  </noscript>
+{{- end }}
+{{- range .Site.Params.plugins.scss }}
+  {{/* no external scss processing - as they need to be processed by the theme */}}
+  {{- $scss := resources.Get .URL }}
+  {{- $style := false }}
+  {{- if $scss }}
+    {{- $style = $scss | css.Sass }}
+  {{- else }}
+    {{- warnf "SCSS file not found: %s" .URL }}
+  {{- end }}
+  {{- if hugo.IsProduction }}
+    {{- $style = $scss | css.Sass | resources.Minify | resources.Fingerprint }}
+  {{- end }}
+  {{- if $style }}
+    <link
+      rel="stylesheet"
+      href="{{ $style.Permalink }}"
+      integrity="{{ $style.Data.Integrity }}"
+      crossorigin="anonymous" />
+  {{- end }}
+{{- end }}
+
+
+<!-- printed only it not disabled -->
+{{- if not .Site.Params.colorTheme.auto.disable }}
+  {{/* Inline script to prevent theme flash */}}
+  <script>
+    // Simple script to set initial theme to prevent flash
+    (function() {
+      const storedTheme = localStorage.getItem('theme');
+      if (storedTheme) {
+        if (storedTheme === 'auto') {
+          const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+          document.documentElement.setAttribute('data-bs-theme', isDark ? 'dark' : 'light');
+          document.documentElement.setAttribute('data-theme-auto', 'true');
+        } else {
+          document.documentElement.setAttribute('data-bs-theme', storedTheme);
+        }
+      } else {
+        const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        document.documentElement.setAttribute('data-bs-theme', isDark ? 'dark' : 'light');
+        document.documentElement.setAttribute('data-theme-auto', 'true');
+      }
+    })();
+  </script>
+  {{- $colorModesScript := resources.Get "js/color-modes.js" }}
+  {{- if hugo.IsProduction }}
+    {{- $colorModesScript = $colorModesScript | resources.Minify | resources.Fingerprint }}
+  {{- end }}
+  <script defer src="{{ $colorModesScript.Permalink }}"></script>
+{{- else }}
+  <!-- disabled color theme selector -->
+{{- end }}
+
+{{- if .Site.Params.analytics.google_tag_manager.enabled }}
+  <!-- Google tag (gtag.js), google analytics -->
+  <script
+    defer
+    src="https://www.googletagmanager.com/gtag/js?id={{ .Site.Params.analytics.google_tag_manager.code }}"></script>
+  {{- $analytics := resources.Get "js/gtag.js" | resources.Minify }}
+  <script defer src="{{ $analytics.Permalink }}"></script>
+{{- else }}
+  <!-- no google tag displayed -->
+{{- end }}
+<!-- Preload lozad for faster image loading -->
+<link rel="preload" href="{{ "js/library/lozad.min.js" | absURL }}" as="script">
+<script async src="{{ "js/library/lozad.min.js" | absURL }}"></script>
+
+{{ template "_internal/opengraph.html" . }}
diff --git a/themes/adritian/layouts/partials/head_custom.html b/themes/adritian/layouts/partials/head_custom.html
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/themes/adritian/layouts/partials/head_custom.html
@@ -0,0 +1 @@
+
diff --git a/themes/adritian/layouts/partials/header.html b/themes/adritian/layouts/partials/header.html
new file mode 100644
index 0000000..7fc546c
--- /dev/null
+++ b/themes/adritian/layouts/partials/header.html
@@ -0,0 +1,83 @@
+<!-- if you want to enable google tag manager you can check in your theme toml -->
+{{ if .Site.Params.analytics.google_tag_manager.enabled }}
+<!-- Google Tag Manager (noscript) -->
+<noscript
+  ><iframe
+    src="https://www.googletagmanager.com/ns.html?id={{ .Site.Params.analytics.google_tag_manager.id }}"
+    height="0"
+    width="0"
+    style="display: none; visibility: hidden"
+  ></iframe
+></noscript>
+<!-- End Google Tag Manager (noscript) -->
+{{ end }}
+
+{{ partial "skip-to-content.html" }}
+
+<header class="header fixed-top rad-animation-group" id="header">
+  <div class="container rad-fade-in">
+    <nav class="navbar bd-navbar navbar-expand-lg navbar-light p-0">
+      <div class="container-fluid">
+        <a class="navbar-brand mx-auto" href="{{ .Site.BaseURL | relLangURL }}">
+            {{ if .Site.Params.logo }}
+            <img
+            src="{{ .Site.Params.logo | absURL }}"
+            alt="{{ i18n "logo_alt" }}"
+            class="logo"
+            />
+            {{ end }}
+          <span>{{ i18n "logo_text1" }}</span>
+          <span>{{ i18n "logo_text2" }}</span>
+        </a>
+        <button
+          class="navbar-toggler collapsed"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarSupportedContent, #header"
+          aria-controls="navbarSupportedContent"
+          aria-expanded="false"
+          aria-label='{{ i18n "toggle_navigation" }}'
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav ml-lg-auto">
+            {{- range .Site.Menus.header }}
+            <li class="nav-item">
+              <a data-scroll class="nav-link" href="{{ .URL | relURL }}"
+                >{{ if .Pre }}
+                  <i class="icon-{{ .Pre }}" aria-label="{{ or .Name .Pre }}"></i>
+                {{ else }}
+                  {{ .Name | upper }}
+                {{ end }}</a
+              >
+            </li>
+            {{- end }}
+            
+            {{- if hugo.IsMultilingual }} 
+            {{- if not .Site.Params.languages.selector.disable.header }}
+            {{ .Scratch.Set "selectorPlacement" "header" }}
+            {{ .Scratch.Set "dropdownDirection" "down" }}         
+            <li class="dropdown language-selector nav-item">
+            {{ partial "selector-language.html" . }}
+            </li>
+            {{- end }}
+            {{- end }}
+            {{- if not .Site.Params.colorTheme.selector.disable.header }}
+            <li class="dropdown theme-selector nav-item">
+              {{ .Scratch.Set "selectorPlacement" "header" }}
+              {{ .Scratch.Set "dropdownDirection" "down" }}  
+              {{ partial "selector-theme.html" . }}
+            </li>
+            {{- end }}
+          </ul>
+        </div>
+
+      </div>
+    </nav>
+  </div>
+</header>
+
+{{- if not .IsHome }} 
+  {{ partial "breadcrumb.html" . }} 
+{{- end }}
diff --git a/themes/adritian/layouts/partials/lazypicture.html b/themes/adritian/layouts/partials/lazypicture.html
new file mode 100644
index 0000000..9945866
--- /dev/null
+++ b/themes/adritian/layouts/partials/lazypicture.html
@@ -0,0 +1,73 @@
+{{/*.src is the image path*/}}
+{{/*.height is used for resizing*/}}
+{{/*.width is used for resizing*/}}
+{{/*.scale is used for resizing*/}}
+{{/*.alt alternate text*/}}
+{{/*.class is added to the image*/}}
+{{/*.pictureclass is added to the picture*/}}
+
+{{ $img := resources.Get .src }}
+{{ if $img }}
+
+    {{- $target1 := "" -}}
+    {{- $target2 := "" -}}
+
+    {{- if (and .width .height) }}
+{{/*        {{ warnf "lazypicture.html: width and height" }}*/}}
+        {{ $swidth := int .width }}
+        {{ $sheight := int .height }}
+        {{- $target1 = (printf "%dx%d" $swidth $sheight) -}}
+        {{- $target2 = (printf "%dx%d" (mul 2 $swidth) (mul 2 $sheight)) -}}
+    {{- else if .width }}
+{{/*        {{ warnf "lazypicture.html: width" }}*/}}
+        {{ $swidth := int .width }}
+        {{- $target1 = (printf "%dx" $swidth) -}}
+        {{- $target2 = (printf "%dx" (mul 2 $swidth)) -}}
+    {{- else if .height }}
+{{/*        {{ warnf "lazypicture.html: height" }}*/}}
+        {{ $sheight := int .height }}
+        {{- $target1 = (printf "x%d" $sheight) -}}
+        {{- $target2 = (printf "x%d" (mul 2 $sheight)) -}}
+    {{- else if .scale }}
+{{/*        {{ warnf "lazypicture.html: scale" }}*/}}
+        {{ $swidth := int (mul (float $img.Width) (float .scale) ) }}
+        {{ $sheight := int (mul (float $img.Height) (float .scale) ) }}
+
+        {{- $target1 = (printf "%dx%d" $swidth $sheight) -}}
+        {{- $target2 = (printf "%dx%d" (mul 2 $swidth) (mul 2 $sheight)) -}}
+    {{ else }}
+        {{- $target1 = (printf "%dx%d" $img.Width $img.Height) -}}
+    {{ end }}
+
+{{/*    {{ warnf "lazypicture.html: target1 %s" $target1 }}*/}}
+
+    {{ $imgOri := $img.Resize (printf "%s q75 Lanczos picture" $target1) }}
+    {{ $imgWebp := $img.Resize (printf "%s webp q75 Lanczos picture" $target1) }}
+
+
+    <picture class="{{ .pictureclass }}">
+        {{- if $target2 }}
+            {{ $imgOri2 := $img.Resize (printf "%s q75 Lanczos picture" $target2) }}
+            {{ $imgWebp2 := $img.Resize (printf "%s webp q75 Lanczos picture" $target2) }}
+
+            <source srcset="{{ $imgWebp.RelPermalink }} 1x, {{ $imgWebp2.RelPermalink }} 2x" type="image/webp" />
+            <source srcset="{{ $imgOri.RelPermalink }} 1x, {{ $imgOri2.RelPermalink }} 2x" type="{{ $imgOri.MediaType.Type }}">
+        {{- else }}
+            <source srcset="{{ $imgWebp.RelPermalink }} 1x" type="image/webp" />
+            <source srcset="{{ $imgOri.RelPermalink }} 1x" type="{{ $imgOri.MediaType.Type }}">
+        {{- end }}
+
+        <img
+                width="{{ $imgOri.Width }}"
+                height="{{ $imgOri.Height }}"
+                class="lozad img-responsive {{ .class }}"
+                data-src="{{ $imgOri.RelPermalink }}"
+                alt='{{ .alt }}'
+                src="data:image/gif;base64,R0lGODlhBwACAIAAAP///wAAACH5BAEAAAEALAAAAAAHAAIAAAIDjI9YADs="
+                loading="lazy"
+                decoding="async"
+        />
+    </picture>
+{{ else }}
+    {{ warnf "lazypicture.html: Image src was not found: %q" .src }}
+{{ end }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/newsletter.html b/themes/adritian/layouts/partials/newsletter.html
new file mode 100644
index 0000000..af98623
--- /dev/null
+++ b/themes/adritian/layouts/partials/newsletter.html
@@ -0,0 +1,88 @@
+{{ $contextType := printf "%T" . }}
+{{ $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") }}
+
+{{/* ---------------------------------------------------------------------------
+     NEWSLETTER FORM CONFIGURATION
+     --------------------------------------------------------------------------- */}}
+{{- /* Form action and method */}}
+{{- $formAction := "" -}}
+{{- $formMethod := "" -}}
+{{- if $isShortcode }}
+    {{- $formAction = .Get "form_action" | default .Site.Data.homepage.newsletter.form.action -}}
+    {{- $formMethod = .Get "form_method" | default .Site.Data.homepage.newsletter.form.method -}}
+{{ else }}
+    {{- $formAction = .Site.Data.homepage.newsletter.form.action -}}
+    {{- $formMethod = .Site.Data.homepage.newsletter.form.method -}}
+{{ end }}
+
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "newsletter" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section section--cta">
+  <div class="container d-flex justify-content-center align-items-center">
+    <div class="row">
+      <div class="col-12 text-center">
+        <h2>
+          {{ if $isShortcode }} 
+            {{ .Get "newsletter_title" }} 
+          {{ else }} 
+            {{ i18n "newsletter_title" }}
+          {{ end }}
+        </h2>
+        <div class="rad-subscription-group">
+          <form
+            id="rad-subscription"
+            action="{{ $formAction }}"
+            method="{{ $formMethod }}"
+          >
+            <input
+              id="rad-subscription-email"
+              type="email"
+              class="form-control"
+              aria-describedby="emailHelp"
+              placeholder='{{ if $isShortcode }} {{ .Get "newsletter_placeholder" }} {{ else }} {{ i18n "newsletter_placeholder" }} {{ end }}'
+              aria-label='{{ if $isShortcode }} {{ .Get "newsletter_placeholder" }} {{ else }} {{ i18n "newsletter_placeholder" }} {{ end }}'
+            >
+            <button type="submit" id="rad-subscription-submit" class="btn btn-light btn-rounded">
+              {{ if $isShortcode }} 
+                {{ .Get "newsletter_button" }} 
+              {{ else }} 
+                {{ i18n "newsletter_button" }} 
+              {{ end }}
+            </button>
+          </form>
+          <div id="rad-subscription-success" class="d-none">
+            <p class="lead">
+              {{ if $isShortcode }} 
+                {{ .Get "newsletter_success_message" }} 
+              {{ else }} 
+                {{ i18n "newsletter_success_message" }} 
+              {{ end }}
+            </p>
+          </div>
+          <div id="rad-subscription-fail" class="d-none">
+            <p>
+              {{ if $isShortcode }} 
+                {{ .Get "newsletter_error_message" }} 
+              {{ else }} 
+                {{ i18n "newsletter_error_message" }} 
+              {{ end }}
+            </p>
+          </div>
+          <script src='{{ "js/subscription.js" | absURL }}'></script>
+        </div>
+        <small id="emailHelp" class="form-text text-muted">
+          {{ if $isShortcode }} 
+            {{ .Get "newsletter_note" }} 
+          {{ else }} 
+            {{ i18n "newsletter_note" }}
+          {{ end }}
+        </small>
+      </div>
+    </div>
+  </div>
+</section>
diff --git a/themes/adritian/layouts/partials/related-posts.html b/themes/adritian/layouts/partials/related-posts.html
new file mode 100644
index 0000000..bd5e2bb
--- /dev/null
+++ b/themes/adritian/layouts/partials/related-posts.html
@@ -0,0 +1,30 @@
+{{ $related := .Site.RegularPages.Related . | first 3 }}
+{{ with $related }}
+<aside class="related-posts light-border-top">
+  <h3>{{ i18n "related_posts" | default "Related Posts" }}</h3>
+  <ul class="related-posts-list">
+    {{ range . }}
+    <li class="related-post-item">
+      <a href="{{ .RelPermalink }}">
+        <h4>{{ .Title }}</h4>
+        {{ with .Description }}
+        <p class="related-post-excerpt">{{ . }}</p>
+        {{ else }}
+        <p class="related-post-excerpt">{{ .Summary | plainify | truncate 120 }}</p>
+        {{ end }}
+        <div class="related-post-meta">
+          <span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
+          {{ with .GetTerms "tags" }}
+          <span class="post-tags">
+            {{ range first 2 . }}
+            <span class="tag">{{ .LinkTitle }}</span>
+            {{ end }}
+          </span>
+          {{ end }}
+        </div>
+      </a>
+    </li>
+    {{ end }}
+  </ul>
+</aside>
+{{ end }}
diff --git a/themes/adritian/layouts/partials/selector-language.html b/themes/adritian/layouts/partials/selector-language.html
new file mode 100644
index 0000000..39772b9
--- /dev/null
+++ b/themes/adritian/layouts/partials/selector-language.html
@@ -0,0 +1,29 @@
+{{/* indicates where the partial is placed
+so far the placement can either be header or footer */}}
+{{- $placement := .Scratch.Get "selectorPlacement" }}
+{{- $direction := .Scratch.Get "dropdownDirection" }}
+<div id='{{ $placement }}-language-selector'
+  class='d-grid gap-2 col-6 mx-auto nav-link dropdown {{ if  (eq $direction "up") }}dropup{{ end }} {{ if eq $placement "mobile-header" }}nav-link{{ end }}'>
+  {{ range .Site.Languages }}
+  {{ if eq . $.Site.Language }}
+  <button class="btn btn-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center show"
+    id='btn-select-language-{{ $placement }}' type="button" aria-expanded="true"
+    aria-controls="languages-dropdown-{{ $placement }}" data-bs-toggle="dropdown" data-bs-display="static"
+    aria-label='{{ i18n "language" }}'>
+    <span class="label">{{ i18n "language" }}</span>
+  </button>
+  <ul class='dropdown-menu dropdown-menu-end {{ if  (eq $direction "up") }}dropup{{ end }}'
+    id="languages-dropdown-{{ $placement }}" data-bs-popper="static">
+    <li class="dropdown-item current selected">
+      <span>✔️ {{ .LanguageName }}</span>
+    </li>
+    {{ end }}
+    {{ end }}
+    {{ range $.Translations }}
+    <li class="dropdown-item choice">
+      <a class="dropdown-item translation btn-link d-flex align-items-center show" title="{{ .Language.LanguageName }}"
+        href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+    </li>
+    {{ end }}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/selector-theme.html b/themes/adritian/layouts/partials/selector-theme.html
new file mode 100644
index 0000000..09f4e54
--- /dev/null
+++ b/themes/adritian/layouts/partials/selector-theme.html
@@ -0,0 +1,38 @@
+{{/* indicates where the partial is placed
+so far the placement can either be header or footer */}}
+{{- $placement := .Scratch.Get "selectorPlacement" }}
+{{- $direction := .Scratch.Get "dropdownDirection" }}
+<div id='{{ .Scratch.Get "selectorPlacement" }}-color-selector'
+  class='d-grid gap-2 col-6 mx-auto nav-link dropdown {{ if eq $direction "up" }}dropup{{ end }} {{ if eq $placement "mobile-header" }}nav-link{{ end }}'>
+  <button class="btn btn-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center show bd-theme-selector"
+    id='bd-theme-{{ .Scratch.Get "selectorPlacement" }}' type="button" aria-expanded="true" data-bs-toggle="dropdown"
+    data-bs-display="static" aria-label='{{ i18n "toggle_theme" }}'>
+    <span class="theme-icon auto d-none" aria-hidden="true">{{ i18n "theme_auto_short" }}</span>
+    <span class="current-theme">{{ i18n "theme_auto" }}</span>
+    <span class="d-lg-none ms-2 visually-hidden bd-theme-text" id="bd-theme-text-{{ $placement }}">{{ i18n
+      "toggle_theme" }}</span>
+  </button>
+  <ul id="theme-dropdown-{{ $placement }}" class="dropdown-menu dropdown-menu-end {{ if eq $direction " up" }}dropup{{
+    end }}" aria-labelledby="bd-theme-text-{{ $placement }}" data-bs-popper="static">
+    <li>
+      <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="light"
+        aria-pressed="true">
+        {{ i18n "theme_light" }}
+      </button>
+    </li>
+    <li>
+      <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark"
+        aria-pressed="false">
+        {{ i18n "theme_dark" }}
+        <span class="theme-icon dark d-none" aria-hidden="true">{{ i18n "theme_dark_short" }}</span>
+      </button>
+    </li>
+    <li>
+      <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto"
+        aria-pressed="false">
+        {{ i18n "theme_auto" }}
+        <span class="theme-icon light d-none" aria-hidden="true">{{ i18n "theme_light_short" }}</span>
+      </button>
+    </li>
+  </ul>
+</div>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/showcase.html b/themes/adritian/layouts/partials/showcase.html
new file mode 100644
index 0000000..900f508
--- /dev/null
+++ b/themes/adritian/layouts/partials/showcase.html
@@ -0,0 +1,114 @@
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "showcase" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="rad-showcase rad-showcase--index rad-animation-group rad-fade-down">
+  <div id="main-content">
+
+    {{- $contextType := printf "%T" . -}}
+    {{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+    {{- $inner := (.Scratch.Get "Inner") -}}
+
+    
+
+    {{/* ---------------------------------------------------------------------------
+         INTRO TITLE / DESCRIPTION / BUTTON
+         --------------------------------------------------------------------------- */}}
+    {{- /* Intro title/description */}}
+    {{- $showcaseTitle := "" -}}
+    {{- $showcaseSubtitle := "" -}}
+    {{- $showcaseDescription := "" -}}
+    {{- $buttonURL := "" -}}
+    {{- $buttonIcon := "" -}}
+    {{- $buttonText := "" -}}
+    {{- $imgSrc := "" -}}
+    {{- $imgWidth := 0 -}}
+    {{- $imgHeight := 0 -}}
+    {{- $imgScale := 0.5 -}}
+    {{- $socialLinks := "" -}}
+
+    {{- if $isShortcode }}
+      {{/* Shortcode params */}}
+      {{- $showcaseTitle = .Get "title" | default ( i18n "showcase_title" ) -}}
+      {{- $showcaseSubtitle = .Get "subtitle" | default ( i18n "showcase_subtitle" ) -}}
+      {{- $showcaseDescription = .Get "description" | default ( i18n "showcase_description" ) | safeHTML -}}
+      {{- $buttonURL = .Get "button_url" | default .Site.Data.homepage.showcase.button.URL -}}
+      {{- $buttonIcon = .Get "button_icon" | default .Site.Data.homepage.showcase.button.icon -}}
+      {{- $buttonText = .Get "button_text" | default false -}}
+      {{- $imgSrc = .Get "imgSrc" | default .Site.Data.homepage.showcase.image.src -}}
+      {{- $imgWidth = .Get "imgWidth" | default .Site.Data.homepage.showcase.image.width -}}
+      {{- $imgHeight = .Get "imgHeight" | default .Site.Data.homepage.showcase.image.height -}}
+      {{- $imgScale = .Get "imgScale" | default .Site.Data.homepage.showcase.image.scale -}}
+      {{- $socialLinks = .Get "social_links" -}}
+    {{ else }}
+      {{/* Fallback site or i18n */}}
+      {{- $showcaseTitle = i18n "showcase_title" -}}
+      {{- $showcaseSubtitle = i18n "showcase_subtitle" -}}
+      {{- $showcaseDescription = i18n "showcase_description" | safeHTML -}}
+      {{- $buttonURL = .Site.Data.homepage.showcase.button.URL -}}
+      {{- $buttonIcon = .Site.Data.homepage.showcase.button.icon -}}
+      {{- $buttonText = i18n "showcase_button" -}}
+      {{- $imgSrc = .Site.Data.homepage.showcase.image.src -}}
+      {{- $imgWidth = .Site.Data.homepage.showcase.image.width -}}
+      {{- $imgHeight = .Site.Data.homepage.showcase.image.height -}}
+      {{- $imgScale = .Site.Data.homepage.showcase.image.scale -}}
+      {{- $socialLinks = .Site.Data.homepage.showcase.socialLinks -}}
+    {{ end }}
+
+
+        {{ warnf "showcase.html: Image x: %q" $imgSrc }}
+
+    <div class="showcase-section row flex-column-reverse flex-md-row rad-fade-down rad-waiting rad-animate">
+      <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
+        <h1 class="display-1">
+          {{ $showcaseTitle }}
+        </h1>
+        <h2 class="display-5">
+          <span>{{ $showcaseSubtitle | safeHTML }}</span>
+        </h2>
+        <div class="lead">
+          {{ $showcaseDescription }}
+        </div>
+        {{ if $buttonText }}
+        <a
+          href="{{ $buttonURL }}"
+          class="btn btn-primary"
+        >
+          <i class="{{ $buttonIcon }}"></i>
+          {{ $buttonText }}
+        </a>
+        {{ end }}
+      </div>
+      <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 profile-image">
+        {{ partial "lazypicture" (dict "src" $imgSrc "width" $imgWidth "height" $imgHeight "scale" $imgScale "class" "")}}
+
+<!-- future "right text -->
+
+      </div>
+
+    {{- if $inner }}
+    <div class="col-12 inner-content">
+      {{ $inner }}
+    </div>
+    {{ end }}
+
+    </div>
+
+
+    <div class="row platform-links">
+      <div class="col-12">
+        {{- if $socialLinks -}}
+          {{ range $socialLinks }}
+          <a href="{{ .URL | absURL }}" target="_blank" rel="noopener noreferrer" aria-label="{{ .icon }}"
+            ><i class="icon-{{ .icon }}"></i
+          ></a>
+          {{ end }}
+        {{- end -}}
+      </div>
+    </div>
+  </div>
+  
+</section>
diff --git a/themes/adritian/layouts/partials/skip-to-content.html b/themes/adritian/layouts/partials/skip-to-content.html
new file mode 100644
index 0000000..c60ad4e
--- /dev/null
+++ b/themes/adritian/layouts/partials/skip-to-content.html
@@ -0,0 +1,5 @@
+<a href="#main-content" 
+    class="skip-to-content-link"
+    aria-label='{{ i18n "skipToMainContent" }}'>
+  {{ i18n "skipToMainContent" }}
+</a>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/social-sharing.html b/themes/adritian/layouts/partials/social-sharing.html
new file mode 100644
index 0000000..95497cf
--- /dev/null
+++ b/themes/adritian/layouts/partials/social-sharing.html
@@ -0,0 +1,61 @@
+{{ $shareUrl := .Permalink }}
+{{ $shareTitle := .Title }}
+{{ $shareDescription := .Description | default .Summary }}
+
+{{ if or .Site.Params.sharing.enabled (not (isset .Site.Params.sharing "enabled")) }}
+<aside class="social-sharing light-border-top">
+  <h3>{{ i18n "share_this_post" | default "Share this post" }}</h3>
+  <div class="share-buttons">
+    {{ if or .Site.Params.sharing.twitter (not (isset .Site.Params.sharing "twitter")) }}
+    <a href="https://twitter.com/intent/tweet?url={{ $shareUrl | urlquery }}&text={{ $shareTitle | urlquery }}" 
+       target="_blank" 
+       rel="noopener noreferrer"
+       aria-label="{{ i18n "share_on_twitter" | default "Share on Twitter" }}"
+       class="share-button share-twitter">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+      </svg>
+      <span>{{ i18n "share_twitter_label" | default "Twitter" }}</span>
+    </a>
+    {{ end }}
+    
+    {{ if or .Site.Params.sharing.linkedin (not (isset .Site.Params.sharing "linkedin")) }}
+    <a href="https://www.linkedin.com/sharing/share-offsite/?url={{ $shareUrl | urlquery }}" 
+       target="_blank" 
+       rel="noopener noreferrer"
+       aria-label="{{ i18n "share_on_linkedin" | default "Share on LinkedIn" }}"
+       class="share-button share-linkedin">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
+      </svg>
+      <span>{{ i18n "share_linkedin_label" | default "LinkedIn" }}</span>
+    </a>
+    {{ end }}
+    
+    {{ if or .Site.Params.sharing.facebook (not (isset .Site.Params.sharing "facebook")) }}
+    <a href="https://www.facebook.com/sharer/sharer.php?u={{ $shareUrl }}" 
+       target="_blank" 
+       rel="noopener noreferrer"
+       aria-label="{{ i18n "share_on_facebook" | default "Share on Facebook" }}"
+       class="share-button share-facebook">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
+      </svg>
+      <span>{{ i18n "share_facebook_label" | default "Facebook" }}</span>
+    </a>
+    {{ end }}
+    
+    {{ if or .Site.Params.sharing.email (not (isset .Site.Params.sharing "email")) }}
+    <a href="mailto:?subject={{ $shareTitle }}&body={{ $shareDescription }}%0A%0A{{ $shareUrl }}" 
+       aria-label="{{ i18n "share_via_email" | default "Share via Email" }}"
+       class="share-button share-email">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
+        <polyline points="22,6 12,13 2,6"></polyline>
+      </svg>
+      <span>{{ i18n "share_email_label" | default "Email" }}</span>
+    </a>
+    {{ end }}
+  </div>
+</aside>
+{{ end }}
diff --git a/themes/adritian/layouts/partials/testimonial.html b/themes/adritian/layouts/partials/testimonial.html
new file mode 100644
index 0000000..798d5ef
--- /dev/null
+++ b/themes/adritian/layouts/partials/testimonial.html
@@ -0,0 +1,55 @@
+{{- $contextType := printf "%T" . -}}
+{{- $isShortcode := (eq $contextType "*hugolib.ShortcodeWithPage") -}}
+
+{{/* ---------------------------------------------------------------------------
+     SECTION TITLE
+     --------------------------------------------------------------------------- */}}
+{{- $title := "" -}}
+{{- if $isShortcode }}
+  {{- $title = .Get "title" -}}
+{{ else }}
+  {{- $title = i18n "testimonials_title" -}}
+{{ end }}
+
+{{/* ---------------------------------------------------------------------------
+     TESTIMONIALS COLLECTION
+     --------------------------------------------------------------------------- */}}
+{{- $testimonials := (where .Site.RegularPages.ByDate "Type" "testimonial") -}}
+{{- if not $isShortcode }}
+  {{- $baseLangSite := .Sites.Default -}}
+  {{- $testimonials = $testimonials | lang.Merge (where $baseLangSite.RegularPages.ByDate "Type" "testimonial") -}}
+{{- end -}}
+
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "testimonial" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section rad-animation-group section--border-bottom">
+    <div class="container">
+    {{/* 
+    When passed from a shortcode, the context type is *hugolib.ShortcodeWithPage. 
+    When passed from a partial included in a page via params, the context type is *hugolib.pageState. 
+    */}}
+    <h2 class="rad-fade-down">{{ $title }}</h2>
+        <div class="row row--padded mb-0 rad-fade-down">
+            {{ range $testimonials }}
+            <div class="col-12 col-md-4 mb-5 mb-md-0 testimonial container">
+                <i class="icon-quote-left"></i>
+                {{ .Content }}
+                <div class="testimonial__author row gx-0">
+
+                    {{ partial "lazypicture" (dict "src" .Params.image.src "scale" .Params.image.scale "pictureclass" "picture testimonial col-2" "alt" $title)}}
+                    
+                         <div class="testimonial__author-info col-10">
+                        <h3>{{ .Params.name }}</h3>
+                        <span>{{ .Params.position }}</span>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/themes/adritian/layouts/partials/toc.html b/themes/adritian/layouts/partials/toc.html
new file mode 100644
index 0000000..a98fe15
--- /dev/null
+++ b/themes/adritian/layouts/partials/toc.html
@@ -0,0 +1,8 @@
+{{ if and .Params.toc (gt .WordCount 400) }}
+{{ if .TableOfContents }}
+<aside class="table-of-contents {{ if .Params.tocSticky }}toc-sticky{{ end }}">
+  <h3>{{ i18n "table_of_contents" | default "Table of Contents" }}</h3>
+  {{ .TableOfContents }}
+</aside>
+{{ end }}
+{{ end }}
diff --git a/themes/adritian/layouts/robots.txt b/themes/adritian/layouts/robots.txt
new file mode 100644
index 0000000..e9c772b
--- /dev/null
+++ b/themes/adritian/layouts/robots.txt
@@ -0,0 +1,7 @@
+User-agent: *
+{{- if hugo.IsProduction | or (eq site.Params.env "production") }}
+Disallow:
+{{- else }}
+Disallow: /
+{{- end }}
+Sitemap: {{ "sitemap.xml" | absURL }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/about-section.html b/themes/adritian/layouts/shortcodes/about-section.html
new file mode 100644
index 0000000..505ff6d
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/about-section.html
@@ -0,0 +1 @@
+{{ partial "about.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/client-and-work-section.html b/themes/adritian/layouts/shortcodes/client-and-work-section.html
new file mode 100644
index 0000000..6ede2b6
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/client-and-work-section.html
@@ -0,0 +1 @@
+{{ partial "client-and-work.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/contact-section.html b/themes/adritian/layouts/shortcodes/contact-section.html
new file mode 100644
index 0000000..234f5dd
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/contact-section.html
@@ -0,0 +1 @@
+{{ partial "contact.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/education-list.html b/themes/adritian/layouts/shortcodes/education-list.html
new file mode 100644
index 0000000..53ff57c
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/education-list.html
@@ -0,0 +1 @@
+{{ partial "education.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/experience-list.html b/themes/adritian/layouts/shortcodes/experience-list.html
new file mode 100644
index 0000000..f4053e9
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/experience-list.html
@@ -0,0 +1,54 @@
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "experience-list-shortcode" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+{{ $padding := .Get "padding" }}
+{{ $title := .Get "title" | default "" }}
+{{ $containerClass := "" }}
+{{ if eq $padding "true" }}
+    {{ $containerClass = "container" }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section-experience section section--border-bottom rad-animation-group flex-grow-1 {{ $containerClass }}">
+    <div class="row flex-column-reverse flex-md-row rad-fade-down">
+        <div class="experience-list col-12 mt-5 mt-sm-0">
+            {{ if $title }}
+            <h2 class="section__title mb-4">{{ $title }}</h2>
+            {{ end }}
+            
+            {{ $xp := (where .Site.RegularPages.ByDate "Type" "experience") }}
+
+            {{ $xpCount := len $xp }}
+
+            {{ range $index, $element := first $xpCount (sort $xp "Date" "desc") }}
+            <div class="experience row">
+                <div class="experience__header col-12 col-md-3 d-flex align-items-start">
+                    {{ $img := resources.Get .Params.companyLogo }}
+                    {{ with $img }}
+                    {{ $imgWebp := $img.Resize (printf "%dx%d webp q75 Lanczos picture" $img.Width $img.Height) }}
+                    <img src="{{ $imgWebp.RelPermalink }}" alt="{{ .Params.company }} logo"
+                        class="experience__company-logo" loading="lazy">
+                    {{ end }}
+                    <div class="experience__meta">
+                        <div class="experience__date">{{ .Params.duration }}</div>
+                        <div class="experience__title">{{ .Params.jobTitle }}</div>
+                        <div class="experience__company">{{ .Params.company }}. <span class="experience__location">
+                                {{ .Params.location }}</span></div>
+                    </div>
+                </div>
+                <div class="experience__description d-print-block col-12 col-md-9 mt-3 mt-md-0">
+                    <h1>{{ .Params.title }}</h1>
+                    {{ .Content | safeHTML }}
+                </div>
+            </div>
+            {{ if ne $index (sub $xpCount 1) }}
+            <!-- Separator between experiences for mobile -->
+            <hr class="d-block d-md-none my-4">
+            {{ end }}
+            {{ end }}
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/experience-section.html b/themes/adritian/layouts/shortcodes/experience-section.html
new file mode 100644
index 0000000..924a07f
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/experience-section.html
@@ -0,0 +1 @@
+{{ partial "experience.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/link.html b/themes/adritian/layouts/shortcodes/link.html
new file mode 100644
index 0000000..10db707
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/link.html
@@ -0,0 +1,9 @@
+{{ $url := .Get "url" }}
+{{ $icon := .Get "icon" }} <!-- Fixed variable assignment for icon -->
+<a
+  href="{{ $url | absURL }}"
+  target="_blank"
+  rel="noopener noreferrer"
+  {{ if $icon }}aria-label="{{ $icon }}"{{ end }}
+  >{{ if $icon }}<i class="icon-{{ $icon }}"></i>{{ end }}
+</a>
diff --git a/themes/adritian/layouts/shortcodes/newsletter-section.html b/themes/adritian/layouts/shortcodes/newsletter-section.html
new file mode 100644
index 0000000..e228070
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/newsletter-section.html
@@ -0,0 +1 @@
+{{ partial "newsletter.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/platform-links.html b/themes/adritian/layouts/shortcodes/platform-links.html
new file mode 100644
index 0000000..7e9982d
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/platform-links.html
@@ -0,0 +1,11 @@
+{{/* layouts/shortcodes/platform-links.html */}}
+
+{{ $sectionId := "" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+<div class="container"{{ if $sectionId }} id="{{ $sectionId }}"{{ end }}>
+  <div class="row platform-links shortcode">
+    <div class="col-12">{{ .Inner }}</div>
+  </div>
+</div>
diff --git a/themes/adritian/layouts/shortcodes/showcase-section.html b/themes/adritian/layouts/shortcodes/showcase-section.html
new file mode 100644
index 0000000..5a7fbb0
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/showcase-section.html
@@ -0,0 +1,2 @@
+{{ .Scratch.Set "Inner" .Inner }}
+{{ partial "showcase.html" . }}
diff --git a/themes/adritian/layouts/shortcodes/spacer.html b/themes/adritian/layouts/shortcodes/spacer.html
new file mode 100644
index 0000000..2218bb1
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/spacer.html
@@ -0,0 +1,14 @@
+{{ $size := .Get "size" | default "medium" }}
+{{ $class := "" }}
+
+{{ if eq $size "small" }}
+    {{ $class = "pt-3" }}
+{{ else if eq $size "medium" }}
+    {{ $class = "pt-5" }}
+{{ else if eq $size "large" }}
+    {{ $class = "pt-5 mt-4" }}
+{{ else if eq $size "xlarge" }}
+    {{ $class = "pt-5 mt-5" }}
+{{ end }}
+
+<div class="spacer {{ $class }}"></div>
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/testimonial-section.html b/themes/adritian/layouts/shortcodes/testimonial-section.html
new file mode 100644
index 0000000..b53566a
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/testimonial-section.html
@@ -0,0 +1 @@
+{{ partial "testimonial.html" . }}
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/text-section.html b/themes/adritian/layouts/shortcodes/text-section.html
new file mode 100644
index 0000000..1a45d53
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/text-section.html
@@ -0,0 +1,42 @@
+{{/*
+  sectionId: Optional argument to override the default HTML id for this section. If not provided, the default id is used. */}}
+{{ $sectionId := "" }}
+{{ with .Get "sectionId" }}
+  {{ $sectionId = . }}
+{{ end }}
+
+{{ $title := .Get "title" | default "" }}
+{{ $subtitle := .Get "subtitle" | default "" }}
+{{ $padding := .Get "padding" | default "true" }}
+{{ $centered := .Get "centered" | default "false" }}
+{{ $containerClass := "" }}
+{{ $paddingClass := "" }}
+{{ $columnClass := "col-12" }}
+
+{{ if eq $padding "true" }}
+    {{ $containerClass = "container" }}
+    {{ $paddingClass = "section--padding" }}
+{{ end }}
+
+{{ if eq $centered "true" }}
+    {{ $containerClass = printf "%s %s" $containerClass "d-flex justify-content-center align-items-center" }}
+    {{ $columnClass = printf "%s %s" $columnClass "text-center" }}
+{{ end }}
+
+<section {{if $sectionId}} id="{{ $sectionId }}"{{end}} class="section section--border-bottom rad-animation-group {{ $paddingClass }}">
+    <div class="{{ $containerClass }}">
+        <div class="row rad-fade-down">
+            <div class="{{ $columnClass }}">
+                {{ if $title }}
+                <h2 class="section__title">{{ $title }}</h2>
+                {{ end }}
+                {{ if $subtitle }}
+                <p class="section__subtitle">{{ $subtitle }}</p>
+                {{ end }}
+                <div class="text-section__content">
+                    {{ .Inner | markdownify }}
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/themes/adritian/layouts/shortcodes/toc.html b/themes/adritian/layouts/shortcodes/toc.html
new file mode 100644
index 0000000..0a889ff
--- /dev/null
+++ b/themes/adritian/layouts/shortcodes/toc.html
@@ -0,0 +1,14 @@
+{{ $class := .Get "class" | default "table-of-contents" }}
+{{ $heading := .Get "heading" | default "Table of Contents" }}
+{{ $showHeading := .Get "showHeading" | default true }}
+
+{{ if .Page.TableOfContents }}
+<div class="{{ $class }}">
+  {{ if $showHeading }}
+    <h2 class="toc-heading">{{ $heading }}</h2>
+  {{ end }}
+  <div class="toc-content">
+    {{ .Page.TableOfContents }}
+  </div>
+</div>
+{{ end }} 
\ No newline at end of file
diff --git a/themes/adritian/layouts/skills/list.html b/themes/adritian/layouts/skills/list.html
new file mode 100644
index 0000000..a01a2d5
--- /dev/null
+++ b/themes/adritian/layouts/skills/list.html
@@ -0,0 +1,41 @@
+{{ define "main" }}
+<section class="site-skills-section">
+    <div class="container">
+        <div class="row">
+            <div class="col-12 text-center">
+                <h1 class="site-skills-title">{{ .Title }}</h1>
+                <div class="site-skills-description">
+                    {{ .Content }}
+                </div>
+            </div>
+        </div>
+
+        {{ range .Params.skill_categories }}
+        <div class="row mt-5">
+            <div class="col-12">
+                <h2 class="mb-4">{{ .name }}</h2>
+                <div class="row">
+                    {{ range .skills }}
+                    <div class="col-md-6">
+                        <div class="skill-item">
+                            <div class="skill-header">
+                                <h3 class="skill-name">{{ .name }}</h3>
+                                <span class="skill-level">{{ .level }}%</span>
+                            </div>
+                            <div class="skill-bar">
+                                <div class="skill-bar-fill" style="width: {{ .level }}%;"></div>
+                            </div>
+                            <div class="d-flex justify-content-between align-items-center">
+                                <span class="skill-years">{{ .years }} years</span>
+                                <span class="skill-description">{{ .description }}</span>
+                            </div>
+                        </div>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</section>
+{{ end }}
diff --git a/themes/adritian/package.hugo.json b/themes/adritian/package.hugo.json
new file mode 100644
index 0000000..4961586
--- /dev/null
+++ b/themes/adritian/package.hugo.json
@@ -0,0 +1,10 @@
+{
+  "devDependencies": {
+    "bootstrap": "^5.3.7",
+    "bootstrap-print-css": "^1.0.0",
+    "autoprefixer": "^10.4.17",
+    "postcss": "^8.5.4",
+    "postcss-cli": "^11.0.0",
+    "@zetxek/adritian-theme-helper": "^1.0.5"
+  }
+}
diff --git a/themes/adritian/package.json b/themes/adritian/package.json
new file mode 100644
index 0000000..3639f46
--- /dev/null
+++ b/themes/adritian/package.json
@@ -0,0 +1,30 @@
+{
+  "scripts": {
+    "start": "hugo server",
+    "serve": "hugo server --source exampleSite --themesDir ../.. --logLevel debug",
+    "build": "hugo build --source exampleSite --themesDir ../.. --logLevel debug --minify",
+    "build:performance": "npm run optimize:performance && npm run build",
+    "optimize:performance": "node scripts/optimize-performance.js",
+    "test": "npm-run-all build --parallel --continue-on-error --aggregate-output test-*",
+    "test:e2e": "export TEST_NO_MENUS=false; playwright test",
+    "test:e2e:no-menus": "export TEST_NO_MENUS=true; playwright test",
+    "test:e2e:new-features": "playwright test tests/e2e/new-features.spec.ts",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.57.0",
+    "@types/node": "^24.10.1",
+    "@zetxek/adritian-theme-helper": "^1.0.5",
+    "autoprefixer": "^10.4.22",
+    "bootstrap": "^5.3.8",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.0",
+    "prettier-plugin-go-template": "^0.0.15"
+  },
+  "dependencies": {
+    "fuse.js": "^7.1.0",
+    "dompurify": "^3.3.0"
+  }
+}
diff --git a/themes/adritian/playwright.config.ts b/themes/adritian/playwright.config.ts
new file mode 100644
index 0000000..c6ba932
--- /dev/null
+++ b/themes/adritian/playwright.config.ts
@@ -0,0 +1,50 @@
+import { PlaywrightTestConfig, defineConfig, devices } from '@playwright/test';
+
+import path from 'path';
+import fs from 'fs';
+
+// Ensure output directories exist
+const outputFolder = path.join(process.cwd(), 'playwright-report');
+const testResults = path.join(process.cwd(), 'test-results');
+
+// Create directories if they don't exist
+[outputFolder, testResults].forEach(dir => {
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+    }
+});
+
+export default defineConfig ({
+    testDir: './tests',
+    use: {
+        baseURL: 'http://localhost:1313',
+        screenshot: 'on',
+        trace: 'retain-on-failure',
+        video: 'on',
+        
+    },
+    // Run all tests in parallel.
+    fullyParallel: true,
+    // Fail the build on CI if you accidentally left test.only in the source code.
+    forbidOnly: !!process.env.CI,
+
+    reporter: 
+        process.env.CI ? 
+        [
+            ['github'],
+            ['html', { outputFolder }],
+            ['list']
+        ] : 
+        [
+            ['html', { outputFolder }],
+            ['list']
+        ]
+    ,
+    outputDir: testResults,
+    webServer: {
+        command: 'cd exampleSite && hugo server --themesDir ../.. --buildDrafts --buildFuture --bind 0.0.0.0',
+        url: 'http://localhost:1313',
+        reuseExistingServer: true,
+    },
+    preserveOutput: 'always',
+});
\ No newline at end of file
diff --git a/themes/adritian/scripts/optimize-performance.js b/themes/adritian/scripts/optimize-performance.js
new file mode 100644
index 0000000..ee796ca
--- /dev/null
+++ b/themes/adritian/scripts/optimize-performance.js
@@ -0,0 +1,87 @@
+#!/usr/bin/env node
+
+/**
+ * Performance optimization script for Hugo theme
+ * Run this script to optimize CSS, JS, and images for better Lighthouse scores
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+function optimizePerformance() {
+  console.log('🚀 Starting performance optimization...');
+
+  // Check for critical CSS generation
+  const criticalCssPath = path.join(__dirname, '../assets/css/critical.css');
+  if (fs.existsSync(criticalCssPath)) {
+    const content = fs.readFileSync(criticalCssPath, 'utf8');
+    if (content.includes('placeholder file')) {
+      console.log('⚠️  Critical CSS is still a placeholder. Make sure your GitHub Action generates it.');
+    } else {
+      console.log('✅ Critical CSS found and populated');
+    }
+  }
+
+  // Check for Hugo configuration optimizations
+  const hugoConfigPath = path.join(__dirname, '../hugo.toml');
+  if (fs.existsSync(hugoConfigPath)) {
+    const config = fs.readFileSync(hugoConfigPath, 'utf8');
+    
+    // Suggest Hugo performance configurations
+    console.log('\n📝 Hugo Performance Recommendations:');
+    console.log('Add these configurations to your hugo.toml for better performance:');
+    console.log(`
+[markup]
+  [markup.goldmark]
+    [markup.goldmark.renderer]
+      unsafe = true
+  [markup.highlight]
+    lineNos = false
+    style = "github"
+
+[imaging]
+  resampleFilter = "Lanczos"
+  quality = 85
+  anchor = "Smart"
+
+[minify]
+  disableCSS = false
+  disableHTML = false
+  disableJS = false
+  disableJSON = false
+  disableSVG = false
+  disableXML = false
+  minifyOutput = true
+  [minify.tdewolff]
+    [minify.tdewolff.html]
+      keepDefaultAttrVals = true
+      keepWhitespace = false
+    [minify.tdewolff.css]
+      precision = 0
+    [minify.tdewolff.js]
+      precision = 0
+`);
+  }
+
+  // Performance checklist
+  console.log('\n📋 Performance Optimization Checklist:');
+  console.log('✅ Images have width/height attributes (lazypicture.html updated)');
+  console.log('✅ JavaScript is deferred for non-blocking loading');
+  console.log('✅ Lazy loading is optimized with proper error handling');
+  console.log('✅ Preconnect links added for external resources');
+  console.log('✅ Font-display: swap added for web fonts');
+  console.log('✅ Hugo minification enabled for all asset types');
+  console.log('⚠️  Critical CSS: Ensure GitHub Action populates it correctly');
+  
+  console.log('\n🎯 Additional Recommendations:');
+  console.log('1. Enable gzip/brotli compression on your server');
+  console.log('2. Set up proper cache headers for static assets');
+  console.log('3. Consider using a CDN for image delivery');
+  console.log('4. Monitor Core Web Vitals regularly');
+  console.log('5. Use Hugo --minify flag in production builds');
+
+  console.log('\n✨ Performance optimization complete!');
+}
+
+// Run the optimization
+optimizePerformance(); 
\ No newline at end of file
diff --git a/themes/adritian/static/.htaccess b/themes/adritian/static/.htaccess
new file mode 100644
index 0000000..58eeb9f
--- /dev/null
+++ b/themes/adritian/static/.htaccess
@@ -0,0 +1,16 @@
+<IfModule mod_deflate.c>
+AddOutputFilterByType DEFLATE text/plain
+AddOutputFilterByType DEFLATE text/html
+AddOutputFilterByType DEFLATE text/xml
+AddOutputFilterByType DEFLATE text/css
+AddOutputFilterByType DEFLATE application/xml
+AddOutputFilterByType DEFLATE application/xhtml+xml
+AddOutputFilterByType DEFLATE application/rss+xml
+AddOutputFilterByType DEFLATE application/javascript
+AddOutputFilterByType DEFLATE application/x-javascript
+AddOutputFilterByType DEFLATE image/jpg
+AddOutputFilterByType DEFLATE image/png
+AddOutputFilterByType DEFLATE image/gif
+AddOutputFilterByType DEFLATE image/jpeg
+AddOutputFilterByType DEFLATE image/svg+xml
+</IfModule>
\ No newline at end of file
diff --git a/themes/adritian/static/fonts/adritian-icons.eot b/themes/adritian/static/fonts/adritian-icons.eot
new file mode 100644
index 0000000..df027a6
Binary files /dev/null and b/themes/adritian/static/fonts/adritian-icons.eot differ
diff --git a/themes/adritian/static/fonts/adritian-icons.svg b/themes/adritian/static/fonts/adritian-icons.svg
new file mode 100644
index 0000000..2369e29
--- /dev/null
+++ b/themes/adritian/static/fonts/adritian-icons.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2025 by original authors @ fontello.com</metadata>
+<defs>
+<font id="adritian-icons" horiz-adv-x="1000" >
+<font-face font-family="adritian-icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="threads" unicode="&#xe800;" d="M648 465q2 0 6-2 2-2 6-4 86-41 121-119 24-54 16-131t-76-148q-100-104-278-104h-2q-205 2-312 137-96 121-98 332 2 211 98 332 107 135 312 137h2q207-2 317-137 55-66 80-160l-80-19q-20 74-63 127-86 105-254 107-168-2-252-107-76-98-78-280 2-181 78-279 84-106 252-107 145 0 221 80 47 48 53 99t-10 88q-19 43-62 68-12-78-49-127-51-64-143-68-70-4-125 31-60 43-66 116-2 72 47 117 50 45 138 53 63 1 118-6-8 43-30 68-29 35-90 35h-2q-25 0-54-10-28-11-49-43l-68 47q58 86 171 88h2q188-6 203-211h-1 1z m-304-134q2-36 33-53 33-18 72-16 39 0 74 28 34 27 43 115-39 10-85 10-14 0-28-2-62-4-88-28-25-25-21-53v-1z" horiz-adv-x="875" />
+
+<glyph glyph-name="bluesky" unicode="&#xe801;" d="M797 350h-2q-10 2-18 4 6-2 10-2t10-2z m-234 133q-41 80-131 189-88 112-188 186-92 62-137 66-42 6-64-9-27-14-35-45t-8-57q0-22 6-86 4-64 10-129 7-66 13-90 32-95 118-133 84-35 181-25 6 2 12 2 4 0 8 2l-20-4q-94-12-162-45t-72-99q-2-69 101-188 118-113 190-88t115 117q41 90 63 172v2q5-17 11-39 20-80 55-158 37-76 105-92 71-16 192 86 96 102 96 170-2 70-67 109-64 41-158 53-2 0-2 2-10 0-18 2 6-2 10-2t10-2q98-10 182 25 86 38 117 133 6 24 13 90 6 65 10 129 6 64 6 86 0 25-8 57t-35 45q-19 13-64 9t-137-66q-100-74-188-186-89-109-130-189z" horiz-adv-x="1125" />
+
+<glyph glyph-name="x-twitter" unicode="&#xe802;" d="M760 832h138-138 138l-300-343 353-469h-277l-217 283-248-283h-139l323 367-340 445h283l197-259 227 259z m-49-730h78-78 78l-494 652h-82l498-652z" horiz-adv-x="1000" />
+
+<glyph glyph-name="email" unicode="&#xe803;" d="M0 62l0 576q0 1 3 19l339-290-338-325q-4 14-4 20z m45 635q7 3 17 3l913 0q9 0 18-3l-340-291-45-36-89-73-89 73-45 36z m1-694l341 327 132-107 132 107 341-327q-8-3-17-3l-913 0q-8 0-16 3z m650 364l338 290q3-9 3-19l0-576q0-9-3-20z" horiz-adv-x="1037" />
+
+<glyph glyph-name="tiktok" unicode="&#xe804;" d="M875 516q-133 0-240 76v-347q0-102-57-182-55-80-148-117-96-34-190-10t-162 100q-64 76-76 173-10 96 37 186 49 88 135 133 88 43 187 31v-176q-46 14-89-2-43-13-73-52-27-39-27-86 0-45 27-86 30-37 74-51 43-16 90 0 45 16 73 53t27 86v681h172q0-21 4-43 21-99 105-156 61-39 131-41v-170z" horiz-adv-x="875" />
+
+<glyph glyph-name="search" unicode="&#xe805;" d="M680 256c-55-55-126-83-197-83-65 0-129 23-182 66l-51-125-130-130c-14-10-29-15-45-15-41 0-75 37-75 77 0 16 5 32 15 45l129 130 126 51c-44 52-66 117-66 182 0 152 127 277 279 277 150 0 277-128 277-278 0-72-26-144-80-197z m-319 75c34-33 78-50 122-50 92 0 170 77 170 172 0 93-79 170-170 170-94 0-172-79-172-170 0-45 17-89 50-122z" horiz-adv-x="760" />
+
+<glyph glyph-name="user" unicode="&#xf007;" d="M438 350c-139 0-250 112-250 250s111 250 250 250 250-112 250-250-112-250-250-250z m175-62c144 0 262-118 262-263v-81c0-52-42-94-94-94h-687c-52 0-94 42-94 94v81c0 145 118 263 263 263h32c44-20 92-32 143-32s99 12 142 32h33z" horiz-adv-x="875" />
+
+<glyph glyph-name="table-list" unicode="&#xf00b;" d="M0 739q2 52 37 88 35 35 88 37h750q53-2 88-37t37-88v-625q-2-53-37-88t-88-37h-750q-53 2-88 37t-37 88v625z m125 0v-125 125-125h125v125h-125z m750 0h-500 500-500v-125h500v125z m-750-250v-125 125-125h125v125h-125z m750 0h-500 500-500v-125h500v125z m-750-250v-125 125-125h125v125h-125z m750 0h-500 500-500v-125h500v125z" horiz-adv-x="1000" />
+
+<glyph glyph-name="download" unicode="&#xf019;" d="M563 864q0 27-18 45-18 17-45 17t-45-17-17-45v-475l-143 145q-20 17-45 17t-45-17q-17-20-17-45t17-45l250-250q20-18 45-18t45 18l250 250q18 19 18 45t-18 45q-20 17-45 17t-45-17l-142-145v475z m-438-625q-53-2-88-37-35-36-37-88v-63q2-53 37-88t88-37h750q53 2 88 37t37 88v63q-2 52-37 88t-88 37h-197l-90-88q-39-37-88-37-51 0-88 37l-88 88h-199z m719-110q43-4 47-47-4-42-47-46-43 4-47 46 4 43 47 47z" horiz-adv-x="1000" />
+
+<glyph glyph-name="circle-info" unicode="&#xf05a;" d="M500-74q137 2 250 67 113 66 184 183 66 119 66 250t-66 250q-71 117-184 184-113 64-250 66-137-2-250-66-113-67-184-184-66-119-66-250t66-250q71-117 184-183 113-65 250-67z m-78 344h47-47 47v125h-47q-43 4-47 47 4 43 47 47h94q43-4 47-47v-172h15q43-4 47-47-4-43-47-47h-156q-43 4-47 47 4 43 47 47z m78 406q27 0 45-17 18-18 18-45t-18-45-45-18-45 18-17 45 17 45 45 17z" horiz-adv-x="1000" />
+
+<glyph glyph-name="square-twitter" unicode="&#xf081;" d="M125 864q-53-2-88-37-35-36-37-88v-625q2-53 37-88t88-37h625q53 2 88 37t37 88v625q-2 52-37 88t-88 37h-625z m561-326q0-88-41-170-43-84-123-139-82-55-200-57-111 2-197 57h31q92 0 159 55-43 0-75 25-33 23-45 63 28-4 57 1-43 10-72 45-30 34-30 82v2q26-15 59-17-27 17-43 47-16 27-16 60 2 35 18 65 49-59 117-94 67-35 147-41-10 68 27 111 37 45 100 47 56-2 91-41 45 10 82 31-15-45-56-70 39 4 74 20-27-39-64-67v-15z" horiz-adv-x="875" />
+
+<glyph glyph-name="square-facebook" unicode="&#xf082;" d="M125 864q-53-2-88-37-35-36-37-88v-625q2-53 37-88t88-37h191v285h-103v152h103v67q-1 252 245 248 25 0 58-4 31-4 51-8v-139q-20 2-59 2-60 0-88-25-25-27-25-86v-55h164l-29-152h-135v-285h252q53 2 88 37t37 88v625q-2 52-37 88t-88 37h-625z" horiz-adv-x="875" />
+
+<glyph glyph-name="linkedin" unicode="&#xf08c;" d="M813 864h-750 750-750q-28 0-45-18-18-19-18-45v-750q0-25 18-45 17-17 45-17h750q27 0 44 17 18 20 18 45v750q0 26-18 45-17 18-44 18z m-549-750h-129 129-129v418h131v-418h-2z m-65 474q-31 0-52 22-22 21-22 53 0 33 22 54t52 22q33 0 53-22 21-21 23-54-2-32-23-53-20-22-53-22z m551-474h-129 129-129v203q2 39-10 74-9 33-58 37-49-2-65-33-13-31-11-74v-207h-131v418h125v-57h2q11 25 43 45 31 21 80 21 95-1 127-56 31-57 27-143v-228z" horiz-adv-x="875" />
+
+<glyph glyph-name="square-github" unicode="&#xf092;" d="M875 739q-2 52-37 88-35 35-88 37h-625q-53-2-88-37t-37-88v-625q2-53 37-88t88-37h625q53 2 88 37t37 88v625z m-355-610v110q-2 45-22 58 57 4 102 28 43 25 47 115-2 49-34 76 2 8 6 31 2 24-10 57-23 4-54-14t-35-19q-39 10-80 10-43 0-83-10-3 2-35 19t-54 14q-12-33-10-57 4-23 8-31-32-27-32-76 2-90 45-113 43-26 100-30-14-11-20-43-15-7-44-7-28 0-51 35-14 21-32 27-15 6-17 6-22-2-14-10 8-10 12-10 16-9 25-27t10-20q20-41 63-41 43-1 46 2v-74q0-4 2-6 0-15-23-15-98 35-158 117-59 84-61 193 2 137 90 225t227 90q136-2 228-90t96-225q-2-109-61-193-56-82-156-117-23 0-21 15z m-178 108q0 6 6 6 8 0 8-4t-6-6q-6 0-8 4z m-18-6q-6 0-8 4 2 4 8 6 6 0 8-6-2-4-8-4z m-27 4q-6 2-6 6 2 4 8 4 6-2 6-8-2-4-8-2z m-25 13q-4 6-2 8 3 4 9 0 4-6 2-8-4-3-9 0z m-16 20q-4 6 0 8t8-2q2-6 0-8-4-2-8 2z m-12 18q-4 4-2 7 4 2 8-2 2-3 0-5-4-4-6 0z m-12 13q-3 2-3 4 2 2 5 2 4-4 2-6 0-2-4 0z" horiz-adv-x="875" />
+
+<glyph glyph-name="circle-arrow-left" unicode="&#xf0a8;" d="M1000 426q-2 137-66 250-67 114-184 184-119 66-250 66t-250-66q-117-70-184-184-64-113-66-250 2-136 66-250 67-113 184-183 119-67 250-67t250 67q117 70 184 183 64 114 66 250z m-580 252q33 28 66 0 28-33 0-66l-138-139h418q43-4 47-47-4-43-47-47h-418l138-138q28-34 0-67-33-27-66 0l-219 219q-27 33 0 66l219 219z" horiz-adv-x="1000" />
+
+<glyph glyph-name="circle-arrow-right" unicode="&#xf0a9;" d="M0 426q2-136 66-250 67-113 184-183 119-67 250-67t250 67q117 70 184 183 64 114 66 250-2 137-66 250-67 114-184 184-119 66-250 66t-250-66q-117-70-184-184-64-113-66-250z m580-252q-33-27-66 0-28 33 0 67l138 138h-418q-43 4-46 47 3 43 46 47h418l-138 139q-28 33 0 66 33 28 66 0l219-219q27-33 0-66l-219-219z" horiz-adv-x="1000" />
+
+<glyph glyph-name="circle-arrow-up" unicode="&#xf0aa;" d="M500-74q137 2 250 67 113 66 184 183 66 119 66 250t-66 250q-71 117-184 184-113 64-250 66-137-2-250-66-113-67-184-184-66-119-66-250t66-250q71-117 184-183 113-65 250-67z m252 580q27-33 0-66-33-27-66 0l-139 139v-418q-4-43-47-47-43 4-47 47v418l-138-139q-34-27-67 0-27 33 0 66l219 219q33 27 66 0l219-219z" horiz-adv-x="1000" />
+
+<glyph glyph-name="circle-arrow-down" unicode="&#xf0ab;" d="M500 926q-137-2-250-66-113-67-184-184-66-119-66-250t66-250q71-117 184-183 113-65 250-67 137 2 250 67 113 66 184 183 66 119 66 250t-66 250q-71 117-184 184-113 64-250 66z m-252-580q-27 33 0 67 33 27 67 0l138-139v418q4 43 47 47 43-4 47-47v-418l139 139q33 27 66 0 27-34 0-67l-219-219q-33-27-66 0l-219 219z" horiz-adv-x="1000" />
+
+<glyph glyph-name="quote-left" unicode="&#xf10d;" d="M0 504q2 100 68 166t166 69h16q27 0 45-18t18-45-18-45-45-17h-16q-46-2-78-32-29-31-31-78v-15h125q53-2 88-37t37-88v-125q-2-53-37-88t-88-37h-125q-53 2-88 37t-37 88v265z m500 0q2 100 68 166t166 69h16q27 0 45-18t18-45-18-45-45-17h-16q-46-2-78-32-29-31-31-78v-15h125q53-2 88-37t37-88v-125q-2-53-37-88t-88-37h-125q-53 2-88 37t-37 88v265z" horiz-adv-x="875" />
+
+<glyph glyph-name="face-smile" unicode="&#xf118;" d="M906 426q0 112-54 203-53 92-149 149-96 54-203 54t-203-54q-96-57-149-149-54-91-54-203t54-203q53-92 149-148 96-55 203-55t203 55q96 56 149 148 54 92 54 203z m-906 0q2 137 66 250 67 114 184 184 119 66 250 66t250-66q117-70 184-184 64-113 66-250-2-136-66-250-67-113-184-183-119-67-250-67t-250 67q-117 70-184 183-64 114-66 250z m348-121q21-25 60-45 37-19 92-21 55 2 92 21 39 20 60 45 34 29 67 2 29-31 4-66-33-35-88-65-57-29-135-31-78 2-135 31-54 30-88 65-25 35 4 66 34 27 67-2z m-67 215q2 27 20 45 17 17 43 17 27 0 45-17t17-45-17-45-45-18q-26 0-43 18t-20 45z m375 62q28 0 45-17 18-18 18-45t-18-45-45-18q-25 0-43 18t-19 45q2 27 19 45t43 17z" horiz-adv-x="1000" />
+
+<glyph glyph-name="square-arrow-up-right" unicode="&#xf14c;" d="M750 864q53-2 88-37 35-36 37-88v-625q-2-53-37-88t-88-37h-625q-53 2-88 37t-37 88v625q2 52 37 88t88 37h625z m-437-219q-43-4-47-47 4-43 47-47h183l-264-263q-27-34 0-67 34-27 67 0l264 264v-199q3-43 46-47 43 4 47 47v312q-4 43-47 47h-296z" horiz-adv-x="875" />
+
+<glyph glyph-name="youtube" unicode="&#xf167;" d="M1074 684q-23 72-95 96-47 10-145 15-98 4-182 6h-179q-84-2-182-6-98-5-144-15-73-24-96-96-10-45-16-103-4-61-6-108v-96q2-46 6-105 6-61 16-106 23-72 96-93 46-10 144-16 98-4 182-6h179q84 2 182 6 98 6 145 16 72 21 95 93 10 45 16 106 4 59 6 105v96q-2 47-6 108-6 58-16 103z m-621-418v318-318 318l279-158-279-160z" horiz-adv-x="1125" />
+
+<glyph glyph-name="square-xing" unicode="&#xf169;" d="M875 739q-2 52-37 88-35 35-88 37h-625q-53-2-88-37t-37-88v-625q2-53 37-88t88-37h625q53 2 88 37t37 88v625z m-691-438q-18 2-12 20l96 170-61 105q-8 18 12 20h90q15 0 25-18l63-107q-4-6-98-172-10-18-26-18h-89z m318 65l129-233q6-17-12-19h-92q-15 0-25 17l-129 235q6 9 125 216 20 36 41 75 18 31 37 64 10 18 24 18h91q18-2 12-20l-201-353z" horiz-adv-x="875" />
+
+<glyph glyph-name="stack-overflow" unicode="&#xf16c;" d="M568 319l-382 80 382-80-382 80-16-76 383-80z m100 170l-301 250 301-250-301 250-49-61 299-250z m-61-78l-355 166 355-166-355 166-31-73 353-164z m-95 453l-63-47 63 47-63-47 233-313 62 47z m41-641h-391 391-391v-78h391v78z m76-156h-545 545-545v234h-78v-312h701v312h-78v-234z" horiz-adv-x="750" />
+
+<glyph glyph-name="instagram" unicode="&#xf16d;" d="M438 651q-96-2-159-67-64-62-66-158 2-95 66-158 63-64 159-66 95 2 158 66 64 63 66 158-2 96-66 158-63 65-158 67z m0-371q-63 2-104 43-41 41-43 103 2 63 43 104t104 43q62-2 103-43t43-104q-2-62-43-103t-103-43z m287 381q-6-49-53-53-49 4-53 53 0 21 16 37 13 13 37 13 21 0 37-13 14-16 16-37z m148-55q0 107-72 184-76 72-182 72-39 2-111 2h-141q-72 0-109-2-106 0-184-72-72-77-70-182-4-39-4-111v-141t4-109q-2-108 70-184 76-72 184-70 37-2 109-4h141q72 2 111 4 106-2 182 70 72 76 72 184 2 39 2 109v141q0 72-2 111v-2z m-94-438q-25-58-84-84-39-13-105-15t-121-2h-63q-54 0-121 2-64 2-105 15-59 26-84 84-14 41-16 106-2 66-2 121v62q0 55 2 122t16 105q25 59 84 84 41 14 105 16 67 4 121 2h63q54 0 121-2t105-16q59-25 84-84 14-39 16-105 4-67 2-122v-62q2-55-2-121-2-67-16-106z" horiz-adv-x="875" />
+
+<glyph glyph-name="dribbble" unicode="&#xf17d;" d="M500 911q-135-2-244-67-109-64-174-174-64-109-66-244 2-135 66-244t174-174 244-66q135 2 244 66t174 174 66 244q-2 135-66 244t-174 174-244 67z m320-223q90-109 94-258-14 4-98 14t-191-2q-16 39-35 82 113 51 170 101 55 49 60 63z m-47 47q-3-12-54-59-53-47-162-90-53 94-98 162-45 67-57 81 100 23 198-2 97-24 173-92z m-449 64q10-11 55-78 45-66 98-160-149-37-256-45t-125-6q19 98 80 172 60 76 148 117z m-238-373v12q20-2 143 6 123 10 283 53 17-36 33-71-113-33-207-111t-145-166q-103 113-107 277z m160-326q33 68 117 141 84 72 211 117 43-115 63-199 21-84 25-114-101-43-213-31-109 14-203 86z m485-18q-2 22-22 102-18 80-59 193 100 14 172 0 73-11 86-17-13-86-60-158-47-71-117-120z" horiz-adv-x="1000" />
+
+<glyph glyph-name="behance" unicode="&#xf1b4;" d="M453 463q94 41 94 145-2 101-65 137-64 37-156 35h-326v-694h336q98 0 168 49 72 47 76 153 0 134-127 175z m-301 198h143-143 143q43 2 72-16 31-16 31-63 0-44-25-64t-66-20h-155v163z m163-457h-163 163-163v191h166q106 4 110-100-2-50-33-72-32-19-80-19z m701 470h-282 282-282v69h282v-69z m109-343q0 113-62 191-63 76-182 80-115-2-186-76-68-74-70-190 0-119 68-189 69-72 188-74 180 0 234 170h-121q-12-34-43-49-33-18-66-18-121 4-123 129h361q2 12 2 26z m-363 60q11 104 115 107 102-3 109-107h-224z" horiz-adv-x="1125" />
+
+<glyph glyph-name="file-pdf" unicode="&#xf1c1;" d="M0 801q2 53 37 88 35 35 88 37h313v-250q0-27 17-45t45-17h250v-282h-406q-53-1-88-37t-37-88v-281h-94q-53 2-88 37t-37 88v750z m750-125h-250 250-250v250l250-250z m-406-437h62-62 62q47-2 78-32 30-31 32-78-2-47-32-78-31-29-78-31h-31v-63q-2-29-31-31-29 2-31 31v250q2 30 31 32z m62-157q43 4 47 47-4 43-47 47h-31v-94h31z m188 157h62-62 62q39-2 67-28 25-27 27-66v-125q-2-39-27-67-28-25-67-27h-62q-29 2-31 31v250q2 30 31 32z m62-250q30 2 32 31v125q-2 29-32 31h-31v-187h31z m157 218q2 30 31 32h94q29-2 31-32-2-29-31-31h-63v-62h63q29-2 31-32-2-29-31-31h-63v-94q-2-29-31-31-29 2-31 31v250z" horiz-adv-x="1000" />
+
+<glyph glyph-name="codepen" unicode="&#xf1cb;" d="M981 614l-458 304 458-304-458 304q-23 16-46 0l-457-304q-20-12-20-35v-305q0-22 20-35l457-305q23-16 46 0l458 305q19 13 19 35v305q0 23-19 35z m-438 189l336-224-336 224 336-224-150-100-186 123v201z m-86 0v-201 201-201l-185-123-151 100 336 224z m-371-305l107-72-107 72 107-72-107-72v144z m371-449l-336 225 336-225-336 225 151 99 185-123v-201z m43 276l-152 101 152-101-152 101 152 102 152-102-152-101z m43-276v201-201 201l186 123 150-99-336-225z m371 305l-107 72 107-72-107 72 107 72v-144z" horiz-adv-x="1000" />
+
+<glyph glyph-name="yelp" unicode="&#xf1e9;" d="M84 457l195-95-195 95 195-95q28-16 24-45-2-27-33-39l-209-51q-22-6-38 6t-19 31q-10 86 18 166 7 20 25 27 19 8 37 0z m86-468q70-47 154-63 20-2 37 10 14 14 16 33l8 217q-2 31-28 43-27 10-50-12l-145-160q-14-16-12-35 4-22 20-33z m283 215l115-184-115 184 115-184q12-16 32-20t35 10q66 55 103 131 8 20 0 37-7 20-27 26l-205 66q-31 8-49-14-17-23-4-52z m291 259q-35 78-99 135-16 14-36 10-19-2-31-20l-121-177q-16-30 2-53 16-24 47-16l209 59q19 6 27 25 10 18 2 37z m-623 405q-17-10-23-28-6-19 4-35l203-353q21-28 51-20t33 43v406q0 20-14 34-16 13-35 11-113-10-219-58z" horiz-adv-x="750" />
+
+<glyph glyph-name="medium" unicode="&#xf23a;" d="M0 788h875v-876h-875v876z m727-208v10h-162l-116-289-132 289h-170v-10l54-66c6-5 9-12 8-19v-260c1-9-2-19-8-26l-62-74v-10h176v10l-62 74c-7 7-10 17-9 26v225l154-335h18l132 335v-268c0-7 0-8-5-13l-47-46v-9h230v10l-46 45c-4 2-6 8-5 13v330c-1 5 1 10 5 13z" horiz-adv-x="875" />
+
+<glyph glyph-name="meetup" unicode="&#xf2e0;" d="M193 118q2-20-15-26-18-2-24 16-2 19 16 25 18 2 23-15z m280-141q-20-16-8-39 17-20 39-6 19 16 8 39-16 20-39 6z m-168 904q19 6 17 28-6 19-27 17-20-8-18-27 6-22 28-18z m-239-396q-33 19-58-12-20-35 12-60 33-20 58 9 20 37-12 63z m532 334q33 23 15 58-23 32-58 16-32-23-14-61 22-31 57-13z m-373-113q23 19 9 44-19 24-46 10-22-21-8-47 19-23 45-7z m728-305q-25-8-21-33 8-24 31-22 23 8 21 33-7 24-31 22z m76 109q-4 18-23 16-18-4-16-24 6-17 26-15 17 6 13 23z m-156 145q-25-22-10-51 22-25 51-10 26 22 10 51-22 27-51 10z m-12-272q37-66 24-136-14-71-76-116-51-37-110-35-23-68-86-88-64-19-121 26 0-2-2-2l-4-4q-60-39-125-28-66 12-109 71-27 43-29 92-65 13-98 60-35 49-33 108 4 58 51 105-39 72-8 141 33 68 113 84 41 99 137 132 94 34 181-27 104 29 182-29 78-61 74-168 61-24 75-82 11-59-36-104z m-136-146q-10 25-41 25-18 2-30 8-11 4-13 21-2 24 9 59 14 35 32 72 15 37 27 67 12 31 10 52-6 34-26 45t-41 12q-33 0-41-8v-2h-2q-7-9-21 2l-4 4q-14 16-33 22-31 4-53-20l-4-4q-6-6-15-11t-20-2q-6 2-19 9l-28 12q-25 10-53-2-27-14-41-37-17-33-41-105-21-73-35-118-4-15-6-21-11-41 10-67 24-27 63-25 29-2 48 33 4 8 18 41 14 35 29 76 14 40 26 69t15 35q8 14 28 10 15-12 11-30 0-9-9-35t-22-52q-21-51-25-65-2-33 27-37t49 29q4 10 23 49l45 90q24 45 28 55 11 15 23 15 14 4 14-21-2-8-12-30t-21-48q-16-30-28-55-11-27-15-39-6-31 7-59 14-25 41-41 24-9 69-11 47-2 47 33z m9-180q-31-27-9-63 25-33 62-11 31 25 12 62-27 34-65 12z" horiz-adv-x="1000" />
+
+<glyph glyph-name="cloud-arrow-down" unicode="&#xf381;" d="M281-11q-119 4-199 82-78 80-82 199 2 94 53 164t135 102v15q3 133 91 221t221 92q88-2 158-43 71-43 114-114 44 32 103 32 80-2 133-55t55-133q0-35-12-68 86-18 142-86 55-66 57-158-2-106-72-178-72-70-178-72h-719z m155 326l156-156-156 156 156-156q33-28 66 0l157 156q27 33 0 66-34 28-67 0l-76-76v262q-4 43-47 47-43-4-47-47v-262l-76 76q-33 28-66 0-28-33 0-66z" horiz-adv-x="1250" />
+</font>
+</defs>
+</svg>
diff --git a/themes/adritian/static/fonts/adritian-icons.ttf b/themes/adritian/static/fonts/adritian-icons.ttf
new file mode 100644
index 0000000..c8b68f8
Binary files /dev/null and b/themes/adritian/static/fonts/adritian-icons.ttf differ
diff --git a/themes/adritian/static/fonts/adritian-icons.woff b/themes/adritian/static/fonts/adritian-icons.woff
new file mode 100644
index 0000000..9a22756
Binary files /dev/null and b/themes/adritian/static/fonts/adritian-icons.woff differ
diff --git a/themes/adritian/static/fonts/adritian-icons.woff2 b/themes/adritian/static/fonts/adritian-icons.woff2
new file mode 100644
index 0000000..37a925c
Binary files /dev/null and b/themes/adritian/static/fonts/adritian-icons.woff2 differ
diff --git a/themes/adritian/static/fonts/autumn-moon/AutumnMoon.otf b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.otf
new file mode 100644
index 0000000..79b4c6d
Binary files /dev/null and b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.otf differ
diff --git a/themes/adritian/static/fonts/autumn-moon/AutumnMoon.ttf b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.ttf
new file mode 100644
index 0000000..2368255
Binary files /dev/null and b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.ttf differ
diff --git a/themes/adritian/static/fonts/autumn-moon/AutumnMoon.woff b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.woff
new file mode 100644
index 0000000..8bd1005
Binary files /dev/null and b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.woff differ
diff --git a/themes/adritian/static/fonts/autumn-moon/AutumnMoon.woff2 b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.woff2
new file mode 100644
index 0000000..8ac8258
Binary files /dev/null and b/themes/adritian/static/fonts/autumn-moon/AutumnMoon.woff2 differ
diff --git a/themes/adritian/static/fonts/config.json b/themes/adritian/static/fonts/config.json
new file mode 100644
index 0000000..fe0ae8d
--- /dev/null
+++ b/themes/adritian/static/fonts/config.json
@@ -0,0 +1,222 @@
+{
+  "name": "adritian-icons",
+  "css_prefix_text": "icon-",
+  "css_use_suffix": false,
+  "hinting": true,
+  "units_per_em": 1000,
+  "ascent": 850,
+  "glyphs": [
+    {
+      "uid": "22cf3e1e61eb72f5709bdd9ba87fb460",
+      "css": "threads",
+      "code": 59392,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "f17c7d2c6d0538532c9b1bfe27bc6086",
+      "css": "bluesky",
+      "code": 59393,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "7bd660dcae7933286cc6cd48008a350f",
+      "css": "x-twitter",
+      "code": 59394,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "78a202510fab97ccf154c90c63017fc7",
+      "css": "square-twitter",
+      "code": 61569,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "80533f94e92fbff05d81c4198edb1f8b",
+      "css": "behance",
+      "code": 61876,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "789b202e8bb7dfd894d7de63433472cc",
+      "css": "dribbble",
+      "code": 61821,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "f9bc495af91e43a90d3ea50a7e951006",
+      "css": "instagram",
+      "code": 61805,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "da346ddd4a063e1059216662e6d0a761",
+      "css": "user",
+      "code": 61447,
+      "src": "fa5solid"
+    },
+    {
+      "uid": "0225237a65185e82049f6cf4af0c0a5f",
+      "css": "face-smile",
+      "code": 61720,
+      "src": "fa6regular"
+    },
+    {
+      "uid": "de7a531bc39f744ea8d7dde2bc4cec7d",
+      "css": "youtube",
+      "code": 61799,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "0d6904fd6d71bb15eb031f2a1808383d",
+      "css": "quote-left",
+      "code": 61709,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "a58032f4aafd0eec54803075f5b320d4",
+      "css": "email",
+      "code": 59395,
+      "src": "zocial"
+    },
+    {
+      "uid": "e812a789980550da24341fcbb4e52a52",
+      "css": "codepen",
+      "code": 61899,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "1b5d1a165d2a0faed2aebda42e980ec4",
+      "css": "square-facebook",
+      "code": 61570,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "4d8f2dbd4bf4f195e759c1121b364c8f",
+      "css": "square-github",
+      "code": 61586,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "91fb752fe999405a8dde5220cfb532a4",
+      "css": "linkedin",
+      "code": 61580,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "682603a472a824287f24a93476cce10c",
+      "css": "yelp",
+      "code": 61929,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "4b1676624d44038d36d33bd538d549fe",
+      "css": "download",
+      "code": 61465,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "1c9c53430169877cd218b79d3b1780bd",
+      "css": "file-pdf",
+      "code": 61889,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "6c1121466423a9681a8408e889f5695d",
+      "css": "circle-arrow-left",
+      "code": 61608,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "919ee1a7ee21d14e4d40122937a33160",
+      "css": "circle-arrow-right",
+      "code": 61609,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "304f96ad84267f3857957b12d15ac009",
+      "css": "circle-arrow-up",
+      "code": 61610,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "c9c307d1fa78fa912df2b7a1c7b1f53b",
+      "css": "circle-arrow-down",
+      "code": 61611,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "6d60d32286fd0fd7967089117ba49da5",
+      "css": "cloud-arrow-down",
+      "code": 62337,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "14fb7c860f56db56ef65c1d41a31488d",
+      "css": "square-arrow-up-right",
+      "code": 61772,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "89815b2565674eb5018b3bd9b07b12d4",
+      "css": "circle-info",
+      "code": 61530,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "dcf0306d04831e66595e9ff59f9f95c7",
+      "css": "table-list",
+      "code": 61451,
+      "src": "fa6solid"
+    },
+    {
+      "uid": "4bef0175d5b8f8b2a32bfeddf99621b5",
+      "css": "square-xing",
+      "code": 61801,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "d1daf4965871e9f5774809ff067eb2a1",
+      "css": "medium",
+      "code": 62010,
+      "src": "fa5brands"
+    },
+    {
+      "uid": "6dc762948858f158982bd0ff5bf82a13",
+      "css": "meetup",
+      "code": 62176,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "e58f71a3b371f724de2fc2cad9f6db22",
+      "css": "stack-overflow",
+      "code": 61804,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "c6856fc28332f168e75ba0e10ebd2a03",
+      "css": "tiktok",
+      "code": 59396,
+      "src": "fa6brands"
+    },
+    {
+      "uid": "id8wp0cygl9trzbhlbd9o0fygiesi629",
+      "css": "search",
+      "code": 59397,
+      "src": "modernpics"
+    },
+    {
+      "uid": "da1cfcf95ecf3727f4f9870f036fbe47",
+      "css": "freelancermap",
+      "code": 59392,
+      "src": "custom_icons",
+      "selected": false,
+      "svg": {
+        "path": "M500 0C223.8 0 0 223.8 0 500S223.8 1000 500 1000L499.5 941.8H500C744 941.8 941.8 744 941.8 500H1000C1000 223.8 776.2 0 500 0M500 883.6C288.2 883.6 116.4 711.8 116.4 500S288.2 116.3 500 116.3 883.6 288.1 883.6 499.9 711.8 883.5 500 883.5ZM763.6 692C912.6 481.6 770.8 266.5 644.2 208.1 493.8 232 358.4 371.6 342.9 537.7 460.3 738.4 697.2 713.6 763.7 692M350.7 631.6C361.7 699.8 380.9 766.9 421.6 816.5 564.3 853.4 690.4 783.9 752.6 706.4 621.3 767.4 475 732.4 350.8 631.6M196.1 378C117 586.1 251.3 758.9 390.9 807.3 346.1 752.7 313.7 675.5 305.4 599 245.8 539.4 204.9 463.7 196 378M596.3 188.8C467.5 146.8 344.1 196.7 273.7 263.6 275.5 350 289.3 417.5 311.5 474.8 342 329.8 459.5 210.6 596.3 188.8",
+        "width": 1000
+      },
+      "search": [
+        "freelancermap"
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/themes/adritian/static/fonts/inter/Inter-Black.woff b/themes/adritian/static/fonts/inter/Inter-Black.woff
new file mode 100644
index 0000000..52fc1ce
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Black.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Black.woff2 b/themes/adritian/static/fonts/inter/Inter-Black.woff2
new file mode 100644
index 0000000..2e65b3b
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Black.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-BlackItalic.woff b/themes/adritian/static/fonts/inter/Inter-BlackItalic.woff
new file mode 100644
index 0000000..fce36ad
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-BlackItalic.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-BlackItalic.woff2 b/themes/adritian/static/fonts/inter/Inter-BlackItalic.woff2
new file mode 100644
index 0000000..2777331
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-BlackItalic.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Bold.woff b/themes/adritian/static/fonts/inter/Inter-Bold.woff
new file mode 100644
index 0000000..911076e
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Bold.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Bold.woff2 b/themes/adritian/static/fonts/inter/Inter-Bold.woff2
new file mode 100644
index 0000000..94de9dd
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Bold.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-BoldItalic.woff b/themes/adritian/static/fonts/inter/Inter-BoldItalic.woff
new file mode 100644
index 0000000..88a3164
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-BoldItalic.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-BoldItalic.woff2 b/themes/adritian/static/fonts/inter/Inter-BoldItalic.woff2
new file mode 100644
index 0000000..c62d76a
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-BoldItalic.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraBold.woff b/themes/adritian/static/fonts/inter/Inter-ExtraBold.woff
new file mode 100644
index 0000000..fcb232f
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraBold.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraBold.woff2 b/themes/adritian/static/fonts/inter/Inter-ExtraBold.woff2
new file mode 100644
index 0000000..cdf91bb
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraBold.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraBoldItalic.woff b/themes/adritian/static/fonts/inter/Inter-ExtraBoldItalic.woff
new file mode 100644
index 0000000..0b305fd
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraBoldItalic.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraBoldItalic.woff2 b/themes/adritian/static/fonts/inter/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..43c338a
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraBoldItalic.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraLight-BETA.woff b/themes/adritian/static/fonts/inter/Inter-ExtraLight-BETA.woff
new file mode 100644
index 0000000..ed00c53
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraLight-BETA.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraLight-BETA.woff2 b/themes/adritian/static/fonts/inter/Inter-ExtraLight-BETA.woff2
new file mode 100644
index 0000000..51c874c
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraLight-BETA.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraLightItalic-BETA.woff b/themes/adritian/static/fonts/inter/Inter-ExtraLightItalic-BETA.woff
new file mode 100644
index 0000000..43a6c86
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraLightItalic-BETA.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ExtraLightItalic-BETA.woff2 b/themes/adritian/static/fonts/inter/Inter-ExtraLightItalic-BETA.woff2
new file mode 100644
index 0000000..5f150d6
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ExtraLightItalic-BETA.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Italic.woff b/themes/adritian/static/fonts/inter/Inter-Italic.woff
new file mode 100644
index 0000000..ffc7852
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Italic.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Italic.woff2 b/themes/adritian/static/fonts/inter/Inter-Italic.woff2
new file mode 100644
index 0000000..4c1e6ba
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Italic.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Light.woff b/themes/adritian/static/fonts/inter/Inter-Light.woff
new file mode 100644
index 0000000..dd88dfe
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Light.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Light.woff2 b/themes/adritian/static/fonts/inter/Inter-Light.woff2
new file mode 100644
index 0000000..dcaee00
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Light.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-LightItalic-BETA.woff b/themes/adritian/static/fonts/inter/Inter-LightItalic-BETA.woff
new file mode 100644
index 0000000..a6e0606
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-LightItalic-BETA.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-LightItalic-BETA.woff2 b/themes/adritian/static/fonts/inter/Inter-LightItalic-BETA.woff2
new file mode 100644
index 0000000..b619c26
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-LightItalic-BETA.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Medium.woff b/themes/adritian/static/fonts/inter/Inter-Medium.woff
new file mode 100644
index 0000000..ad11dde
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Medium.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Medium.woff2 b/themes/adritian/static/fonts/inter/Inter-Medium.woff2
new file mode 100644
index 0000000..ae3c131
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Medium.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-MediumItalic.woff b/themes/adritian/static/fonts/inter/Inter-MediumItalic.woff
new file mode 100644
index 0000000..5260192
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-MediumItalic.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-MediumItalic.woff2 b/themes/adritian/static/fonts/inter/Inter-MediumItalic.woff2
new file mode 100644
index 0000000..2810aab
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-MediumItalic.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Regular.woff b/themes/adritian/static/fonts/inter/Inter-Regular.woff
new file mode 100644
index 0000000..f7e4a7f
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Regular.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Regular.woff2 b/themes/adritian/static/fonts/inter/Inter-Regular.woff2
new file mode 100644
index 0000000..48579a0
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Regular.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-SemiBold.woff b/themes/adritian/static/fonts/inter/Inter-SemiBold.woff
new file mode 100644
index 0000000..cc53bf9
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-SemiBold.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-SemiBold.woff2 b/themes/adritian/static/fonts/inter/Inter-SemiBold.woff2
new file mode 100644
index 0000000..8d9c52b
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-SemiBold.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-SemiBoldItalic.woff b/themes/adritian/static/fonts/inter/Inter-SemiBoldItalic.woff
new file mode 100644
index 0000000..90daeac
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-SemiBoldItalic.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-SemiBoldItalic.woff2 b/themes/adritian/static/fonts/inter/Inter-SemiBoldItalic.woff2
new file mode 100644
index 0000000..7108ca0
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-SemiBoldItalic.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Thin-BETA.woff b/themes/adritian/static/fonts/inter/Inter-Thin-BETA.woff
new file mode 100644
index 0000000..0176d00
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Thin-BETA.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-Thin-BETA.woff2 b/themes/adritian/static/fonts/inter/Inter-Thin-BETA.woff2
new file mode 100644
index 0000000..20c3070
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-Thin-BETA.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ThinItalic-BETA.woff b/themes/adritian/static/fonts/inter/Inter-ThinItalic-BETA.woff
new file mode 100644
index 0000000..3dae5bc
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ThinItalic-BETA.woff differ
diff --git a/themes/adritian/static/fonts/inter/Inter-ThinItalic-BETA.woff2 b/themes/adritian/static/fonts/inter/Inter-ThinItalic-BETA.woff2
new file mode 100644
index 0000000..89c287a
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-ThinItalic-BETA.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-italic.var.woff2 b/themes/adritian/static/fonts/inter/Inter-italic.var.woff2
new file mode 100644
index 0000000..62e33cf
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-italic.var.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter-upright.var.woff2 b/themes/adritian/static/fonts/inter/Inter-upright.var.woff2
new file mode 100644
index 0000000..9bb2503
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter-upright.var.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/Inter.var.woff2 b/themes/adritian/static/fonts/inter/Inter.var.woff2
new file mode 100644
index 0000000..f67603f
Binary files /dev/null and b/themes/adritian/static/fonts/inter/Inter.var.woff2 differ
diff --git a/themes/adritian/static/fonts/inter/inter.css b/themes/adritian/static/fonts/inter/inter.css
new file mode 100644
index 0000000..7e06668
--- /dev/null
+++ b/themes/adritian/static/fonts/inter/inter.css
@@ -0,0 +1,199 @@
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-Thin-BETA.woff2") format("woff2"),
+       url("Inter-Thin-BETA.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("Inter-ThinItalic-BETA.woff2") format("woff2"),
+       url("Inter-ThinItalic-BETA.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLight-BETA.woff2") format("woff2"),
+       url("Inter-ExtraLight-BETA.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("Inter-ExtraLightItalic-BETA.woff2") format("woff2"),
+       url("Inter-ExtraLightItalic-BETA.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-Light-BETA.woff2") format("woff2"),
+       url("Inter-Light-BETA.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("Inter-LightItalic-BETA.woff2") format("woff2"),
+       url("Inter-LightItalic-BETA.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Regular.woff2") format("woff2"),
+       url("Inter-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("Inter-Italic.woff2") format("woff2"),
+       url("Inter-Italic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-Medium.woff2") format("woff2"),
+       url("Inter-Medium.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("Inter-MediumItalic.woff2") format("woff2"),
+       url("Inter-MediumItalic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBold.woff2") format("woff2"),
+       url("Inter-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("Inter-SemiBoldItalic.woff2") format("woff2"),
+       url("Inter-SemiBoldItalic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-Bold.woff2") format("woff2"),
+       url("Inter-Bold.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("Inter-BoldItalic.woff2") format("woff2"),
+       url("Inter-BoldItalic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("Inter-ExtraBold.woff2") format("woff2"),
+       url("Inter-ExtraBold.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 800;
+  src: url("Inter-ExtraBoldItalic.woff2") format("woff2"),
+       url("Inter-ExtraBoldItalic.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-style:  normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-Black.woff2") format("woff2"),
+       url("Inter-Black.woff") format("woff");
+}
+@font-face {
+  font-family: 'Inter';
+  font-style:  italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("Inter-BlackItalic.woff2") format("woff2"),
+       url("Inter-BlackItalic.woff") format("woff");
+}
+
+/* -------------------------------------------------------
+Variable font.
+Usage:
+
+  html { font-family: 'Inter', sans-serif; }
+  @supports (font-variation-settings: normal) {
+    html { font-family: 'Inter var', sans-serif; }
+  }
+*/
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+  font-named-instance: 'Regular';
+  src: url("Inter-upright.var.woff2") format("woff2");
+}
+@font-face {
+  font-family: 'Inter var';
+  font-weight: 100 900;
+  font-style: italic;
+  font-display: swap;
+  font-named-instance: 'Italic';
+  src: url("Inter-italic.var.woff2") format("woff2");
+}
+
+
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: "slnt" 0deg }
+  .italic { font-variation-settings: "slnt" 10deg }
+
+*/
+@font-face {
+  font-family: 'Inter var experimental';
+  font-weight: 100 900;
+  font-style: oblique 0deg 10deg;
+  font-display: swap;
+  src: url("Inter.var.woff2") format("woff2");
+}
diff --git a/themes/adritian/static/img/contact-bg-dark.png b/themes/adritian/static/img/contact-bg-dark.png
new file mode 100644
index 0000000..b009ec0
Binary files /dev/null and b/themes/adritian/static/img/contact-bg-dark.png differ
diff --git a/themes/adritian/static/img/contact-bg.png b/themes/adritian/static/img/contact-bg.png
new file mode 100644
index 0000000..1d89690
Binary files /dev/null and b/themes/adritian/static/img/contact-bg.png differ
diff --git a/themes/adritian/static/img/general/contact-bg.png b/themes/adritian/static/img/general/contact-bg.png
new file mode 100644
index 0000000..1d89690
Binary files /dev/null and b/themes/adritian/static/img/general/contact-bg.png differ
diff --git a/themes/adritian/static/img/general/mail-fill.svg b/themes/adritian/static/img/general/mail-fill.svg
new file mode 100644
index 0000000..188de88
--- /dev/null
+++ b/themes/adritian/static/img/general/mail-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
+    <g fill="none" fill-rule="evenodd">
+        <path d="M-1-2h18v18H-1z"/>
+        <path fill="#FFF" fill-rule="nonzero" d="M1.25.25h13.5a.75.75 0 0 1 .75.75v12a.75.75 0 0 1-.75.75H1.25A.75.75 0 0 1 .5 13V1a.75.75 0 0 1 .75-.75zm6.795 6.512L3.236 2.68l-.971 1.143 5.79 4.916 5.686-4.92-.982-1.135-4.713 4.08h-.001z"/>
+    </g>
+</svg>
diff --git a/themes/adritian/static/img/general/user-smile-fill.svg b/themes/adritian/static/img/general/user-smile-fill.svg
new file mode 100644
index 0000000..2893f6e
--- /dev/null
+++ b/themes/adritian/static/img/general/user-smile-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+    <g fill="none" fill-rule="evenodd">
+        <path d="M-1-1h18v18H-1z"/>
+        <path fill="#FFF" fill-rule="nonzero" d="M8 15.5a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15zM4.25 8a3.75 3.75 0 0 0 7.5 0h-1.5a2.25 2.25 0 1 1-4.5 0h-1.5z"/>
+    </g>
+</svg>
diff --git a/themes/adritian/static/img/hugo.svg b/themes/adritian/static/img/hugo.svg
new file mode 100644
index 0000000..fb89cc8
--- /dev/null
+++ b/themes/adritian/static/img/hugo.svg
@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Hugo</title><path d="M11.754 0a3.998 3.998 0 00-2.049.596L3.33 4.532a4.252 4.252 0 00-2.017 3.615v8.03c0 1.473.79 2.838 2.067 3.574l6.486 3.733a3.88 3.88 0 003.835.018l7.043-3.966a3.817 3.817 0 001.943-3.323V7.752a3.57 3.57 0 00-1.774-3.084L13.817.541a3.998 3.998 0 00-2.063-.54zm.022 1.674c.413-.006.828.1 1.2.315l7.095 4.127c.584.34.941.96.94 1.635v8.462c0 .774-.414 1.484-1.089 1.864l-7.042 3.966a2.199 2.199 0 01-2.179-.01l-6.485-3.734a2.447 2.447 0 01-1.228-2.123v-8.03c0-.893.461-1.72 1.221-2.19l6.376-3.935a2.323 2.323 0 011.19-.347zm-4.7 3.844V18.37h2.69v-5.62h4.46v5.62h2.696V5.518h-2.696v4.681h-4.46V5.518Z"/></svg>
\ No newline at end of file
diff --git a/themes/adritian/static/js/library/fontfaceobserver.js b/themes/adritian/static/js/library/fontfaceobserver.js
new file mode 100644
index 0000000..a0d1d59
--- /dev/null
+++ b/themes/adritian/static/js/library/fontfaceobserver.js
@@ -0,0 +1 @@
+!function(){function e(e,t){document.addEventListener?e.addEventListener("scroll",t,!1):e.attachEvent("scroll",t)}function t(e){this.a=document.createElement("div"),this.a.setAttribute("aria-hidden","true"),this.a.appendChild(document.createTextNode(e)),this.b=document.createElement("span"),this.c=document.createElement("span"),this.h=document.createElement("span"),this.f=document.createElement("span"),this.g=-1,this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.b.appendChild(this.h),this.c.appendChild(this.f),this.a.appendChild(this.b),this.a.appendChild(this.c)}function n(e,t){e.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+t+";"}function i(e){var t=e.a.offsetWidth,n=t+100;return e.f.style.width=n+"px",e.c.scrollLeft=n,e.b.scrollLeft=e.b.scrollWidth+100,e.g!==t&&(e.g=t,!0)}function o(t,n){function o(){var e=s;i(e)&&e.a.parentNode&&n(e.g)}var s=t;e(t.b,o),e(t.c,o),i(t)}function s(e,t){var n=t||{};this.family=e,this.style=n.style||"normal",this.weight=n.weight||"normal",this.stretch=n.stretch||"normal"}var a=null,d=null,r=null,c=null;function l(){return null===c&&(c=!!document.fonts),c}function h(){if(null===r){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(e){}r=""!==e.style.font}return r}function u(e,t){return[e.style,e.weight,h()?e.stretch:"","100px",t].join(" ")}s.prototype.load=function(e,i){var s=this,r=e||"BESbswy",c=0,h=i||3e3,f=(new Date).getTime();return new Promise(function(e,i){if(l()&&!function(){if(null===d)if(l()&&/Apple/.test(window.navigator.vendor)){var e=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);d=!!e&&603>parseInt(e[1],10)}else d=!1;return d}()){var p=new Promise(function(e,t){!function n(){(new Date).getTime()-f>=h?t(Error(h+"ms timeout exceeded")):document.fonts.load(u(s,'"'+s.family+'"'),r).then(function(t){1<=t.length?e():setTimeout(n,25)},t)}()}),m=new Promise(function(e,t){c=setTimeout(function(){t(Error(h+"ms timeout exceeded"))},h)});Promise.race([m,p]).then(function(){clearTimeout(c),e(s)},i)}else!function(e){document.body?e():document.addEventListener?document.addEventListener("DOMContentLoaded",function t(){document.removeEventListener("DOMContentLoaded",t),e()}):document.attachEvent("onreadystatechange",function t(){"interactive"!=document.readyState&&"complete"!=document.readyState||(document.detachEvent("onreadystatechange",t),e())})}(function(){function d(){var t;(t=-1!=w&&-1!=v||-1!=w&&-1!=y||-1!=v&&-1!=y)&&((t=w!=v&&w!=y&&v!=y)||(null===a&&(t=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),a=!!t&&(536>parseInt(t[1],10)||536===parseInt(t[1],10)&&11>=parseInt(t[2],10))),t=a&&(w==x&&v==x&&y==x||w==b&&v==b&&y==b||w==g&&v==g&&y==g)),t=!t),t&&(E.parentNode&&E.parentNode.removeChild(E),clearTimeout(c),e(s))}var l=new t(r),p=new t(r),m=new t(r),w=-1,v=-1,y=-1,x=-1,b=-1,g=-1,E=document.createElement("div");E.dir="ltr",n(l,u(s,"sans-serif")),n(p,u(s,"serif")),n(m,u(s,"monospace")),E.appendChild(l.a),E.appendChild(p.a),E.appendChild(m.a),document.body.appendChild(E),x=l.a.offsetWidth,b=p.a.offsetWidth,g=m.a.offsetWidth,function e(){if((new Date).getTime()-f>=h)E.parentNode&&E.parentNode.removeChild(E),i(Error(h+"ms timeout exceeded"));else{var t=document.hidden;!0!==t&&void 0!==t||(w=l.a.offsetWidth,v=p.a.offsetWidth,y=m.a.offsetWidth,d()),c=setTimeout(e,50)}}(),o(l,function(e){w=e,d()}),n(l,u(s,'"'+s.family+'",sans-serif')),o(p,function(e){v=e,d()}),n(p,u(s,'"'+s.family+'",serif')),o(m,function(e){y=e,d()}),n(m,u(s,'"'+s.family+'",monospace'))})})},"object"==typeof module?module.exports=s:(window.FontFaceObserver=s,window.FontFaceObserver.prototype.load=s.prototype.load)}();
\ No newline at end of file
diff --git a/themes/adritian/static/js/library/lazy.js b/themes/adritian/static/js/library/lazy.js
new file mode 100644
index 0000000..aa5f7ec
--- /dev/null
+++ b/themes/adritian/static/js/library/lazy.js
@@ -0,0 +1 @@
+document.addEventListener("DOMContentLoaded",function(){var e=[].slice.call(document.querySelectorAll("img.lazy")),t=[].slice.call(document.querySelectorAll(".lazy-background")),n=[].slice.call(document.querySelectorAll("[data-bg]"));if("IntersectionObserver"in window){let c=new IntersectionObserver(function(e,t){e.forEach(function(e){if(e.isIntersecting){let t=e.target;t.src=t.dataset.src,t.srcset=t.dataset.srcset,t.classList.remove("lazy"),c.unobserve(t)}})});e.forEach(function(e){c.observe(e)});let r=new IntersectionObserver(function(e,t){e.forEach(function(e){e.isIntersecting&&(e.target.classList.add("visible"),r.unobserve(e.target))})});t.forEach(function(e){r.observe(e)});let s=new IntersectionObserver(function(e,t){e.forEach(function(e){if(e.isIntersecting){let t=e.target;t.style.backgroundImage="url("+t.dataset.bg+")",s.unobserve(t)}})});n.forEach(function(e){s.observe(e)})}else e.forEach(function(e){e.src=e.dataset.src,e.srcset=e.dataset.srcset}),t.forEach(function(e){e.classList.add("visible")}),n.forEach(function(e){e.style.backgroundImage="url("+e.dataset.bg+")"})});
\ No newline at end of file
diff --git a/themes/adritian/static/js/library/lozad.min.js b/themes/adritian/static/js/library/lozad.min.js
new file mode 100644
index 0000000..154b2f3
--- /dev/null
+++ b/themes/adritian/static/js/library/lozad.min.js
@@ -0,0 +1,10 @@
+/*! lozad.js - v1.14.0 - 2019-10-19
+* https://github.com/ApoorvSaxena/lozad.js
+* Copyright (c) 2019 Apoorv Saxena; Licensed MIT */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).lozad=e()}(this,function(){"use strict";
+/**
+   * Detect IE browser
+   * @const {boolean}
+   * @private
+   */var d="undefined"!=typeof document&&document.documentMode,c={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");d&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.append(e)}if("video"===t.nodeName.toLowerCase()&&!t.getAttribute("data-src")&&t.children){for(var r=t.children,a=void 0,o=0;o<=r.length-1;o++)(a=r[o].getAttribute("data-src"))&&(r[o].src=a);t.load()}if(t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image"))t.style.backgroundImage="url('"+t.getAttribute("data-background-image").split(",").join("'),url('")+"')";else if(t.getAttribute("data-background-image-set")){var i=t.getAttribute("data-background-image-set").split(","),n=i[0].substr(0,i[0].indexOf(" "))||i[0];// Substring before ... 1x
+n=-1===n.indexOf("url(")?"url("+n+")":n,1===i.length?t.style.backgroundImage=n:t.setAttribute("style",(t.getAttribute("style")||"")+"background-image: "+n+"; background-image: -webkit-image-set("+i+"); background-image: image-set("+i+")")}t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};function l(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,a,o=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=Object.assign({},c,t),i=e.root,n=e.rootMargin,d=e.threshold,u=e.load,s=e.loaded,g=void 0;return"undefined"!=typeof window&&window.IntersectionObserver&&(g=new IntersectionObserver((r=u,a=s,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),l(t.target),a(t.target)))})}),{root:i,rootMargin:n,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(o,i),e=0;e<t.length;e++)b(t[e])||(g?g.observe(t[e]):(u(t[e]),l(t[e]),s(t[e])))},triggerLoad:function(t){b(t)||(u(t),l(t),s(t))},observer:g}}});
\ No newline at end of file
diff --git a/themes/adritian/static/js/library/smooth-scroll.polyfills.min.js b/themes/adritian/static/js/library/smooth-scroll.polyfills.min.js
new file mode 100644
index 0000000..5bb3eb2
--- /dev/null
+++ b/themes/adritian/static/js/library/smooth-scroll.polyfills.min.js
@@ -0,0 +1 @@
+window.Element&&!Element.prototype.closest&&(Element.prototype.closest=function(e){var t,n=(this.document||this.ownerDocument).querySelectorAll(e),o=this;do{for(t=n.length;0<=--t&&n.item(t)!==o;);}while(t<0&&(o=o.parentElement));return o}),function(){function e(e,t){t=t||{bubbles:!1,cancelable:!1,detail:void 0};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail),n}"function"!=typeof window.CustomEvent&&(e.prototype=window.Event.prototype,window.CustomEvent=e)}(),function(){for(var e=0,t=["ms","moz","webkit","o"],n=0;n<t.length&&!window.requestAnimationFrame;++n)window.requestAnimationFrame=window[t[n]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[t[n]+"CancelAnimationFrame"]||window[t[n]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t,n){var o=(new Date).getTime(),a=Math.max(0,16-(o-e)),r=window.setTimeout(function(){t(o+a)},a);return e=o+a,r}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(e){clearTimeout(e)})}(),function(e,t){"function"==typeof define&&define.amd?define([],function(){return t(e)}):"object"==typeof exports?module.exports=t(e):e.SmoothScroll=t(e)}("undefined"!=typeof global?global:"undefined"!=typeof window?window:this,function(e){"use strict";var t={ignore:"[data-scroll-ignore]",header:null,topOnEmptyHash:!0,speed:500,speedAsDuration:!1,durationMax:null,durationMin:null,clip:!0,offset:0,easing:"easeInOutCubic",customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0},n=function(){var e={};return Array.prototype.forEach.call(arguments,function(t){for(var n in t){if(!t.hasOwnProperty(n))return;e[n]=t[n]}}),e},o=function(e){"#"===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,a=-1,r="",i=n.charCodeAt(0);++a<o;){if(0===(t=n.charCodeAt(a)))throw new InvalidCharacterError("Invalid character: the input contains U+0000.");r+=1<=t&&t<=31||127==t||0===a&&48<=t&&t<=57||1===a&&48<=t&&t<=57&&45===i?"\\"+t.toString(16)+" ":128<=t||45===t||95===t||48<=t&&t<=57||65<=t&&t<=90||97<=t&&t<=122?n.charAt(a):"\\"+n.charAt(a)}return"#"+r},a=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},r=function(t,n,o,a){if(n.emitEvents&&"function"==typeof e.CustomEvent){var r=new CustomEvent(t,{bubbles:!0,detail:{anchor:o,toggle:a}});document.dispatchEvent(r)}};return function(i,c){var s,u,l,m,d={cancelScroll:function(e){cancelAnimationFrame(m),m=null,e||r("scrollCancel",s)}};d.animateScroll=function(o,i,c){d.cancelScroll();var u=n(s||t,c||{}),f="[object Number]"===Object.prototype.toString.call(o),h=f||!o.tagName?null:o;if(f||h){var p=e.pageYOffset;u.header&&!l&&(l=document.querySelector(u.header));var g,y,v,w,S,E,b,A,O=function(t){return t?(n=t,parseInt(e.getComputedStyle(n).height,10)+t.offsetTop):0;var n}(l),C=f?o:function(t,n,o,r){var i=0;if(t.offsetParent)for(;i+=t.offsetTop,t=t.offsetParent;);return i=Math.max(i-n-o,0),r&&(i=Math.min(i,a()-e.innerHeight)),i}(h,O,parseInt("function"==typeof u.offset?u.offset(o,i):u.offset,10),u.clip),M=C-p,q=a(),I=0,F=(g=M,v=(y=u).speedAsDuration?y.speed:Math.abs(g/1e3*y.speed),y.durationMax&&v>y.durationMax?y.durationMax:y.durationMin&&v<y.durationMin?y.durationMin:parseInt(v,10)),L=function(t){var n,a,c;w||(w=t),I+=t-w,E=p+M*(a=S=1<(S=0===F?0:I/F)?1:S,"easeInQuad"===(n=u).easing&&(c=a*a),"easeOutQuad"===n.easing&&(c=a*(2-a)),"easeInOutQuad"===n.easing&&(c=a<.5?2*a*a:(4-2*a)*a-1),"easeInCubic"===n.easing&&(c=a*a*a),"easeOutCubic"===n.easing&&(c=--a*a*a+1),"easeInOutCubic"===n.easing&&(c=a<.5?4*a*a*a:(a-1)*(2*a-2)*(2*a-2)+1),"easeInQuart"===n.easing&&(c=a*a*a*a),"easeOutQuart"===n.easing&&(c=1- --a*a*a*a),"easeInOutQuart"===n.easing&&(c=a<.5?8*a*a*a*a:1-8*--a*a*a*a),"easeInQuint"===n.easing&&(c=a*a*a*a*a),"easeOutQuint"===n.easing&&(c=1+--a*a*a*a*a),"easeInOutQuint"===n.easing&&(c=a<.5?16*a*a*a*a*a:1+16*--a*a*a*a*a),n.customEasing&&(c=n.customEasing(a)),c||a),e.scrollTo(0,Math.floor(E)),function(t,n){var a,c,s,l=e.pageYOffset;if(t==n||l==n||(p<n&&e.innerHeight+l)>=q)return d.cancelScroll(!0),c=n,s=f,0===(a=o)&&document.body.focus(),s||(a.focus(),document.activeElement!==a&&(a.setAttribute("tabindex","-1"),a.focus(),a.style.outline="none"),e.scrollTo(0,c)),r("scrollStop",u,o,i),!(m=w=null)}(E,C)||(m=e.requestAnimationFrame(L),w=t)};0===e.pageYOffset&&e.scrollTo(0,0),b=o,A=u,f||history.pushState&&A.updateURL&&history.pushState({smoothScroll:JSON.stringify(A),anchor:b.id},document.title,b===document.documentElement?"#top":"#"+b.id),"matchMedia"in e&&e.matchMedia("(prefers-reduced-motion)").matches?e.scrollTo(0,Math.floor(C)):(r("scrollStart",u,o,i),d.cancelScroll(!0),e.requestAnimationFrame(L))}};var f=function(t){if(!t.defaultPrevented&&!(0!==t.button||t.metaKey||t.ctrlKey||t.shiftKey)&&"closest"in t.target&&(u=t.target.closest(i))&&"a"===u.tagName.toLowerCase()&&!t.target.closest(s.ignore)&&u.hostname===e.location.hostname&&u.pathname===e.location.pathname&&/#/.test(u.href)){var n,a;try{n=o(decodeURIComponent(u.hash))}catch(t){n=o(u.hash)}if(console.log(n),"#"===n){if(!s.topOnEmptyHash)return;a=document.documentElement}else a=document.querySelector(n);(a=a||"#top"!==n?a:document.documentElement)&&(t.preventDefault(),function(t){if(history.replaceState&&t.updateURL&&!history.state){var n=e.location.hash;n=n||"",history.replaceState({smoothScroll:JSON.stringify(t),anchor:n||e.pageYOffset},document.title,n||e.location.href)}}(s),d.animateScroll(a,u))}},h=function(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(s)){var t=history.state.anchor;"string"==typeof t&&t&&!(t=document.querySelector(o(history.state.anchor)))||d.animateScroll(t,null,{updateURL:!1})}};return d.destroy=function(){s&&(document.removeEventListener("click",f,!1),e.removeEventListener("popstate",h,!1),d.cancelScroll(),m=l=u=s=null)},function(){if(!("querySelector"in document&&"addEventListener"in e&&"requestAnimationFrame"in e&&"closest"in e.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";d.destroy(),s=n(t,c||{}),l=s.header?document.querySelector(s.header):null,document.addEventListener("click",f,!1),s.updateURL&&s.popstate&&e.addEventListener("popstate",h,!1)}(),d}});
\ No newline at end of file
diff --git a/themes/adritian/static/js/main.js b/themes/adritian/static/js/main.js
new file mode 100644
index 0000000..e69de29
diff --git a/themes/adritian/static/js/rad-animations.js b/themes/adritian/static/js/rad-animations.js
new file mode 100644
index 0000000..48db7f7
--- /dev/null
+++ b/themes/adritian/static/js/rad-animations.js
@@ -0,0 +1 @@
+let sectionIntersectOptions={rootMargin:"9999px 0px 0px 0px",threshold:.2};const onSectionIntersect=e=>{let t=0;animatedNodes.forEach(n=>{e.target.contains(n)&&(n.style.animationDelay=`${nodeDelayDelta*t+.1}s`,n.classList.add("rad-animate"),t++)})},onSectionIntersectChange=(e,t)=>{e.forEach(e=>{e.isIntersecting&&onSectionIntersect(e)})};let animationObserver=new IntersectionObserver(onSectionIntersectChange,sectionIntersectOptions);const animatedNodes=Array.from(document.querySelectorAll(".rad-fade-down, .rad-fade-in, .rad-fade-in-long, .rad-scale-down")),animatedSections=Array.from(document.querySelectorAll(".rad-animation-group")),nodeDelayDelta=.2,sectionDelayDelta=.2;animatedNodes.forEach((e,t)=>{e.classList.add("rad-waiting")}),animatedSections.forEach((e,t)=>{animationObserver.observe(e)});
\ No newline at end of file
diff --git a/themes/adritian/static/js/search.js b/themes/adritian/static/js/search.js
new file mode 100644
index 0000000..e17a643
--- /dev/null
+++ b/themes/adritian/static/js/search.js
@@ -0,0 +1,378 @@
+summaryInclude = 60;
+
+const fuseOptions = {
+  shouldSort: true,
+  includeMatches: true,
+  threshold: 0.0,
+  tokenize: true,
+  location: 0,
+  distance: 100,
+  maxPatternLength: 32,
+  minMatchCharLength: 1,
+  keys: [
+    { name: "title", weight: 0.9 },
+    { name: "contents", weight: 0.5 },
+    { name: "tags", weight: 0.3 },
+    { name: "categories", weight: 0.3 },
+  ],
+};
+
+// Display error message in the search results container
+function displayError(message) {
+  const searchResultsElement = document.getElementById("search-results");
+  if (searchResultsElement) {
+    const sanitizedMessage = DOMPurify.sanitize(message);
+    searchResultsElement.innerHTML = `<div class="alert alert-danger">${sanitizedMessage}</div>`;
+  } else {
+    console.error("Search results container not found");
+  }
+}
+
+// Safely get DOM element with error handling
+function getElement(id) {
+  const element = document.getElementById(id);
+  if (!element) {
+    console.error(`Element with ID '${id}' not found`);
+  }
+  return element;
+}
+
+// Debounce function to prevent excessive search calls
+function debounce(func, wait) {
+  let timeout;
+  return function executedFunction(...args) {
+    const later = () => {
+      clearTimeout(timeout);
+      func(...args);
+    };
+    clearTimeout(timeout);
+    timeout = setTimeout(later, wait);
+  };
+}
+
+// Function to update URL with search query
+function updateURL(query) {
+  try {
+    // Create a URL object from the current URL
+    const url = new URL(window.location.href);
+
+    if (query && query.length >= 2) {
+      // Set or update the 's' parameter
+      url.searchParams.set("s", query);
+    } else {
+      // Remove the 's' parameter if query is empty or too short
+      url.searchParams.delete("s");
+    }
+
+    // Update the URL without reloading the page
+    window.history.replaceState({}, "", url.toString());
+  } catch (error) {
+    console.error("Error updating URL:", error);
+    // Continue without URL update - non-critical error
+  }
+}
+
+// Safe parameter extraction with error handling
+function param(name) {
+  try {
+    const paramValue = (location.search.split(`${name}=`)[1] || "").split("&")[0];
+    return paramValue ? decodeURIComponent(paramValue).replace(/\+/g, " ") : "";
+  } catch (error) {
+    console.error(`Error parsing URL parameter '${name}':`, error);
+    return "";
+  }
+}
+
+// Get search query from URL parameter
+const searchQuery = param("s");
+try {
+  const searchInput = getElement("search-query");
+  const searchResults = getElement("search-results");
+
+  if (searchInput && searchQuery) {
+    searchInput.value = searchQuery;
+    executeSearch(searchQuery);
+  } else if (searchResults) {
+    searchResults.innerHTML =
+      "<div class='alert'>Please enter at least 2 characters to search</div>";
+  }
+} catch (error) {
+  console.error("Error initializing search:", error);
+  displayError(
+    "There was a problem initializing the search. Please try again later.",
+  );
+}
+
+// Add event listener for real-time searching
+document.addEventListener("DOMContentLoaded", () => {
+  try {
+    const searchInput = getElement("search-query");
+    if (!searchInput) {
+      throw new Error("Search input not found");
+    }
+
+    // Create debounced search function - 300ms is a good balance
+    const debouncedSearch = debounce((query) => {
+      // Update URL with current search query
+      updateURL(query);
+
+      const searchResults = getElement("search-results");
+      if (!searchResults) {
+        throw new Error("Search results container not found");
+      }
+
+      if (query.length >= 2) {
+        executeSearch(query);
+      } else if (query.length === 0 || query.length === 1) {
+        searchResults.innerHTML =
+          "<div class='alert'>Please enter at least 2 characters to search</div>";
+      }
+    }, 300);
+
+    // Set up input event for real-time searching
+    searchInput.addEventListener("input", function () {
+      const query = this.value.trim();
+      debouncedSearch(query);
+    });
+
+    // Handle form submission to prevent page reload
+    const searchForm = searchInput.closest("form");
+    if (searchForm) {
+      searchForm.addEventListener("submit", (e) => {
+        e.preventDefault();
+        const query = searchInput.value.trim();
+        if (query.length >= 2) {
+          updateURL(query);
+          executeSearch(query);
+        }
+      });
+    }
+  } catch (error) {
+    console.error("Error setting up search event listeners:", error);
+    displayError(
+      "There was a problem setting up the search functionality. Please try reloading the page.",
+    );
+  }
+});
+
+function executeSearch(searchQuery) {
+  try {
+    if (!searchQuery || typeof searchQuery !== "string") {
+      throw new Error("Invalid search query");
+    }
+
+    const searchResults = getElement("search-results");
+    if (!searchResults) {
+      throw new Error("Search results container not found");
+    }
+
+    // Show loading indicator
+    searchResults.innerHTML =
+      '<div class="spinner-border text-primary" role="status"><span class="visually-hidden">Loading...</span></div>';
+
+    fetch("/index.json")
+      .then((response) => {
+        if (!response.ok) {
+          throw new Error(
+            `Network response was not ok: ${response.status} ${response.statusText}`,
+          );
+        }
+        return response.json();
+      })
+      .then((data) => {
+        if (!Array.isArray(data)) {
+          throw new Error("Received invalid data format from server");
+        }
+
+        const pages = data;
+        const fuse = new Fuse(pages, fuseOptions);
+        const result = fuse.search(searchQuery);
+
+        // Clear previous results only when we have new results to show
+        searchResults.innerHTML = "";
+
+        if (result.length > 0) {
+          populateResults(result);
+        } else {
+          searchResults.insertAdjacentHTML(
+            "beforeend",
+            "<div class='alert'>No matches found</div>",
+          );
+        }
+      })
+      .catch((error) => {
+        console.error("Error executing search:", error);
+        displayError(`Failed to search: ${error.message}`);
+      });
+  } catch (error) {
+    console.error("Error in search execution:", error);
+    displayError("There was a problem with the search. Please try again later.");
+  }
+}
+
+function populateResults(result) {
+  try {
+    if (!Array.isArray(result)) {
+      throw new Error("Invalid search results");
+    }
+
+    const searchResults = getElement("search-results");
+    if (!searchResults) {
+      throw new Error("Search results container not found");
+    }
+
+    const templateElement = document.getElementById("search-result-template");
+    if (!templateElement) {
+      throw new Error("Search result template not found");
+    }
+    const templateDefinition = templateElement.innerHTML;
+
+    for (const [key, value] of result.entries()) {
+      if (!value || !value.item) {
+        console.warn("Skipping invalid search result item", value);
+        continue;
+      }
+
+      const contents = value.item.contents || "";
+      let snippet = "";
+      const snippetHighlights = [];
+      let start;
+      let end;
+
+      if (fuseOptions.tokenize) {
+        snippetHighlights.push(searchQuery);
+      } else {
+        if (value.matches) {
+          for (const mvalue of value.matches) {
+            if (!mvalue || typeof mvalue.key !== "string") {
+              continue;
+            }
+
+            if (
+              mvalue.key === "tags" ||
+              mvalue.key === "categories"
+            ) {
+              snippetHighlights.push(mvalue.value);
+            } else if (
+              mvalue.key === "contents" &&
+              Array.isArray(mvalue.indices) &&
+              mvalue.indices.length > 0
+            ) {
+              try {
+                start =
+                  mvalue.indices[0][0] - summaryInclude > 0
+                    ? mvalue.indices[0][0] - summaryInclude
+                    : 0;
+                end =
+                  mvalue.indices[0][1] + summaryInclude < contents.length
+                    ? mvalue.indices[0][1] + summaryInclude
+                    : contents.length;
+                snippet += contents.substring(start, end);
+
+                if (typeof mvalue.value === "string") {
+                  const highlightValue =
+                    mvalue.indices[0][1] - mvalue.indices[0][0] + 1;
+                  if (
+                    highlightValue > 0 &&
+                    mvalue.indices[0][0] < mvalue.value.length
+                  ) {
+                    snippetHighlights.push(
+                      mvalue.value.substring(
+                        mvalue.indices[0][0],
+                        mvalue.indices[0][0] + highlightValue,
+                      ),
+                    );
+                  }
+                }
+              } catch (e) {
+                console.warn("Error processing match indices", e);
+              }
+            }
+          }
+        }
+      }
+
+      if (snippet.length < 1 && contents) {
+        snippet += contents.substring(0, summaryInclude * 2);
+      }
+
+      try {
+        // Insert the templated result
+        const output = render(templateDefinition, {
+          key: key,
+          title: value.item.title || "Untitled",
+          link: value.item.permalink || "#",
+          tags: value.item.tags || "",
+          categories: value.item.categories || "",
+          snippet: snippet || "No preview available",
+        });
+        searchResults.insertAdjacentHTML("beforeend", output);
+
+        // Add highlighting after insertion
+        for (const snipvalue of snippetHighlights) {
+          if (!snipvalue) continue;
+
+          const summaryElem = document.getElementById(`summary-${key}`);
+          if (summaryElem && typeof Mark !== "undefined") {
+            try {
+              const markInstance = new Mark(summaryElem);
+              markInstance.mark(snipvalue);
+            } catch (e) {
+              console.warn("Error highlighting text:", e);
+            }
+          }
+        }
+      } catch (error) {
+        console.error("Error rendering search result:", error);
+      }
+    }
+  } catch (error) {
+    console.error("Error populating results:", error);
+    displayError("There was a problem displaying search results.");
+  }
+}
+
+function render(templateString, data) {
+  try {
+    if (!templateString || !data) {
+      throw new Error("Invalid template or data");
+    }
+
+    let conditionalMatches, conditionalPattern, copy;
+    conditionalPattern = /\$\{\s*isset ([a-zA-Z]*) \s*\}(.*)\$\{\s*end\s*}/g;
+
+    // Since loop below depends on re.lastIndex, we use a copy to capture any manipulations
+    copy = templateString;
+
+    while ((conditionalMatches = conditionalPattern.exec(templateString)) !== null) {
+      if (conditionalMatches.length < 3) continue;
+
+      if (data[conditionalMatches[1]]) {
+        // Valid key, remove conditionals, leave contents
+        copy = copy.replace(conditionalMatches[0], conditionalMatches[2]);
+      } else {
+        // Not valid, remove entire section
+        copy = copy.replace(conditionalMatches[0], "");
+      }
+    }
+
+    let result = copy;
+
+    // Now any conditionals removed we can do simple substitution
+    for (const key in data) {
+      if (Object.prototype.hasOwnProperty.call(data, key)) {
+        const value = data[key];
+        if (value !== undefined && value !== null) {
+          const find = `\\$\\{\\s*${key}\\s*\\}`;
+          const re = new RegExp(find, "g");
+          result = result.replace(re, value);
+        }
+      }
+    }
+
+    return result;
+  } catch (error) {
+    console.error("Error rendering template:", error);
+    return '<div class="alert alert-danger">Error rendering result</div>';
+  }
+}
diff --git a/themes/adritian/static/js/smooth-scroll-init.js b/themes/adritian/static/js/smooth-scroll-init.js
new file mode 100644
index 0000000..12af946
--- /dev/null
+++ b/themes/adritian/static/js/smooth-scroll-init.js
@@ -0,0 +1,27 @@
+const scroll = new SmoothScroll('a[href*="#"]');
+const navLinks = document.querySelectorAll('a.nav-link');
+navLinks.forEach(navLink => {
+  navLink.addEventListener('click', (e) => {
+    const navbar = document.getElementById('navbarSupportedContent');
+    if (navbar && navbar.classList.contains('show')) {
+      simulateClick(document.querySelector('.navbar-toggler'));
+    }
+  });    
+});
+
+/**
+ * Simulate a click event.
+ * @public
+ * @param {Element} elem  the element to simulate a click on
+ * @see https://gomakethings.com/how-to-simulate-a-click-event-with-javascript/
+ */
+var simulateClick = function (elem) {
+	// Create our event (with options)
+	var evt = new MouseEvent('click', {
+		bubbles: true,
+		cancelable: true,
+		view: window
+	});
+	// If cancelled, don't dispatch our event
+	var canceled = !elem.dispatchEvent(evt);
+};
diff --git a/themes/adritian/static/js/sticky-header.js b/themes/adritian/static/js/sticky-header.js
new file mode 100644
index 0000000..774396a
--- /dev/null
+++ b/themes/adritian/static/js/sticky-header.js
@@ -0,0 +1,45 @@
+class StickyHeader {
+  constructor(t) {
+    (this.header = t),
+      (this.body = document.querySelector("body")),
+      (this.thresholdPosition = 15),
+      (this.triggeredStickyClass = "header--sticky-triggered"),
+      (this.stickyClass = "header--sticky"),
+      (this.ticking = false),
+      (this.bodyPosition = 0),
+      window.addEventListener("DOMContentLoaded", () => this.initSticky()),
+      this.scrollChanged();
+      this.navbar = document.getElementById('navbarSupportedContent');
+      // add window resize listener
+      window.addEventListener("resize", () => this.resizeHandler());
+  }
+  initSticky() {
+    (this.headerStaticHeight = this.header.getBoundingClientRect().height),
+      this.header.classList.toggle(this.stickyClass, true),
+      window.addEventListener("scroll", () => this.scrollHandler());
+      
+  }
+  scrollHandler() {
+    this.ticking ||
+      (window.requestAnimationFrame(() => {
+        this.scrollChanged(), (this.ticking = false);
+      }),
+      (this.ticking = true));
+  }
+  scrollChanged() {
+    (this.bodyPosition = Math.abs(this.body.getBoundingClientRect().top)),
+      this.bodyPosition > this.thresholdPosition
+        ? this.header.classList.toggle(this.triggeredStickyClass, true)
+        : this.header.classList.toggle(this.triggeredStickyClass, false);
+  }
+  resizeHandler() {
+    // if the window size is larger than 992px and the navbar is displayed,
+    // toggle the navbar to hide it
+    if (window.innerWidth > 991) {
+        if (this.navbar?.classList.contains('show')) {
+            simulateClick(document.querySelector('.navbar-toggler'));
+        }
+      }
+  }
+}
+const stickyHeader = new StickyHeader(document.querySelector(".header"));
diff --git a/themes/adritian/static/js/subscription.js b/themes/adritian/static/js/subscription.js
new file mode 100644
index 0000000..c66d198
--- /dev/null
+++ b/themes/adritian/static/js/subscription.js
@@ -0,0 +1 @@
+const radSubscriptionRequest=(e="",s={})=>fetch(e,{method:"POST",mode:"cors",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json"},redirect:"follow",referrer:"no-referrer",body:JSON.stringify(s)}).then(e=>e.json()),makeSubscriptionRequest=async(e,s)=>{e.preventDefault();try{s.querySelector("#rad-subscription-submit").classList.add("is-loading"),await radSubscriptionRequest("",{email:s.querySelector("#rad-subscription-email").value}),s.classList.add("d-none"),document.querySelector("#rad-subscription-success").classList.remove("d-none"),document.querySelector("#rad-subscription-success").classList.add("d-flex")}catch(e){s.classList.add("d-none"),document.querySelector("#rad-subscription-fail").classList.remove("d-none"),document.querySelector("#rad-subscription-fail").classList.add("d-flex")}finally{s.querySelector("#rad-subscription-submit").classList.remove("is-loading")}},initRadSubscription=()=>{const e=document.querySelector("#rad-subscription");e&&e.addEventListener("submit",s=>makeSubscriptionRequest(s,e))};initRadSubscription();
\ No newline at end of file
diff --git a/themes/adritian/static/plugins/shuffle/shuffle.min.js b/themes/adritian/static/plugins/shuffle/shuffle.min.js
new file mode 100644
index 0000000..371fa6f
--- /dev/null
+++ b/themes/adritian/static/plugins/shuffle/shuffle.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.Shuffle=e()}(this,function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function i(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}function n(t){return(n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function o(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r(){}r.prototype={on:function(t,e,i){var n=this.e||(this.e={});return(n[t]||(n[t]=[])).push({fn:e,ctx:i}),this},once:function(t,e,i){var n=this;function s(){n.off(t,s),e.apply(i,arguments)}return s._=e,this.on(t,s,i)},emit:function(t){for(var e=[].slice.call(arguments,1),i=((this.e||(this.e={}))[t]||[]).slice(),n=0,s=i.length;n<s;n++)i[n].fn.apply(i[n].ctx,e);return this},off:function(t,e){var i=this.e||(this.e={}),n=i[t],s=[];if(n&&e)for(var o=0,r=n.length;o<r;o++)n[o].fn!==e&&n[o].fn._!==e&&s.push(n[o]);return s.length?i[t]=s:delete i[t],this}};var l=r,a="undefined"!=typeof Element?Element.prototype:{},u=a.matches||a.matchesSelector||a.webkitMatchesSelector||a.mozMatchesSelector||a.msMatchesSelector||a.oMatchesSelector,h=function(t,e){if(!t||1!==t.nodeType)return!1;if(u)return u.call(t,e);for(var i=t.parentNode.querySelectorAll(e),n=0;n<i.length;n++)if(i[n]==t)return!0;return!1};var f=function(t,e){var i,n,s,o,r=0;return function(){i=this,n=arguments;var t=new Date-r;return o||(t>=e?l():o=setTimeout(l,e-t)),s};function l(){o=0,r=+new Date,s=t.apply(i,n),i=null,n=null}};function c(){}function d(t){return parseFloat(t)||0}var m=function(){function e(i,n){t(this,e),this.x=d(i),this.y=d(n)}return i(e,null,[{key:"equals",value:function(t,e){return t.x===e.x&&t.y===e.y}}]),e}(),p=function(){function e(i,n,s,o,r){t(this,e),this.id=r,this.left=i,this.top=n,this.width=s,this.height=o}return i(e,null,[{key:"intersects",value:function(t,e){return t.left<e.left+e.width&&e.left<t.left+t.width&&t.top<e.top+e.height&&e.top<t.top+t.height}}]),e}(),v={BASE:"shuffle",SHUFFLE_ITEM:"shuffle-item",VISIBLE:"shuffle-item--visible",HIDDEN:"shuffle-item--hidden"},y=0,g=function(){function e(i){t(this,e),y+=1,this.id=y,this.element=i,this.isVisible=!0,this.isHidden=!1}return i(e,[{key:"show",value:function(){this.isVisible=!0,this.element.classList.remove(v.HIDDEN),this.element.classList.add(v.VISIBLE),this.element.removeAttribute("aria-hidden")}},{key:"hide",value:function(){this.isVisible=!1,this.element.classList.remove(v.VISIBLE),this.element.classList.add(v.HIDDEN),this.element.setAttribute("aria-hidden",!0)}},{key:"init",value:function(){this.addClasses([v.SHUFFLE_ITEM,v.VISIBLE]),this.applyCss(e.Css.INITIAL),this.scale=e.Scale.VISIBLE,this.point=new m}},{key:"addClasses",value:function(t){var e=this;t.forEach(function(t){e.element.classList.add(t)})}},{key:"removeClasses",value:function(t){var e=this;t.forEach(function(t){e.element.classList.remove(t)})}},{key:"applyCss",value:function(t){var e=this;Object.keys(t).forEach(function(i){e.element.style[i]=t[i]})}},{key:"dispose",value:function(){this.removeClasses([v.HIDDEN,v.VISIBLE,v.SHUFFLE_ITEM]),this.element.removeAttribute("style"),this.element=null}}]),e}();g.Css={INITIAL:{position:"absolute",top:0,left:0,visibility:"visible","will-change":"transform"},VISIBLE:{before:{opacity:1,visibility:"visible"},after:{transitionDelay:""}},HIDDEN:{before:{opacity:0},after:{visibility:"hidden",transitionDelay:""}}},g.Scale={VISIBLE:1,HIDDEN:.001};var _=null,E=function(){if(null!==_)return _;var t=document.body||document.documentElement,e=document.createElement("div");return e.style.cssText="width:10px;padding:2px;box-sizing:border-box;",t.appendChild(e),_="10px"===window.getComputedStyle(e,null).width,t.removeChild(e),_};function I(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:window.getComputedStyle(t,null),n=d(i[e]);return E()||"width"!==e?E()||"height"!==e||(n+=d(i.paddingTop)+d(i.paddingBottom)+d(i.borderTopWidth)+d(i.borderBottomWidth)):n+=d(i.paddingLeft)+d(i.paddingRight)+d(i.borderLeftWidth)+d(i.borderRightWidth),n}var b={reverse:!1,by:null,compare:null,randomize:!1,key:"element"};function S(t,e){var i=Object.assign({},b,e),n=Array.from(t),s=!1;return t.length?i.randomize?function(t){for(var e=t.length;e;){e-=1;var i=Math.floor(Math.random()*(e+1)),n=t[i];t[i]=t[e],t[e]=n}return t}(t):("function"==typeof i.by?t.sort(function(t,e){if(s)return 0;var n=i.by(t[i.key]),o=i.by(e[i.key]);return void 0===n&&void 0===o?(s=!0,0):n<o||"sortFirst"===n||"sortLast"===o?-1:n>o||"sortLast"===n||"sortFirst"===o?1:0}):"function"==typeof i.compare&&t.sort(i.compare),s?n:(i.reverse&&t.reverse(),t)):[]}var T={},k="transitionend",w=0;function C(t){return!!T[t]&&(T[t].element.removeEventListener(k,T[t].listener),T[t]=null,!0)}function L(t,e){var i=k+(w+=1),n=function(t){t.currentTarget===t.target&&(C(i),e(t))};return t.addEventListener(k,n),T[i]={element:t,listener:n},i}function D(t){return Math.max.apply(Math,t)}function z(t,e,i,n){var s=t/e;return Math.abs(Math.round(s)-s)<n&&(s=Math.round(s)),Math.min(Math.ceil(s),i)}function M(t,e,i){if(1===e)return t;for(var n=[],s=0;s<=i-e;s++)n.push(D(t.slice(s,s+e)));return n}function A(t,e){for(var i,n=(i=t,Math.min.apply(Math,i)),s=0,o=t.length;s<o;s++)if(t[s]>=n-e&&t[s]<=n+e)return s;return 0}function F(t,e){var i={};t.forEach(function(t){i[t.top]?i[t.top].push(t):i[t.top]=[t]});var n=[],s=[],o=[];return Object.keys(i).forEach(function(t){var r=i[t];s.push(r);var l,a=r[r.length-1],u=a.left+a.width,h=Math.round((e-u)/2),f=r,c=!1;if(h>0){var d=[];(c=r.every(function(t){var e=new p(t.left+h,t.top,t.width,t.height,t.id),i=!n.some(function(t){return p.intersects(e,t)});return d.push(e),i}))&&(f=d)}if(!c&&r.some(function(t){return n.some(function(e){var i=p.intersects(t,e);return i&&(l=e),i})})){var m=o.findIndex(function(t){return t.includes(l)});o.splice(m,1,s[m])}n=n.concat(f),o.push(f)}),[].concat.apply([],o).sort(function(t,e){return t.id-e.id}).map(function(t){return new m(t.left,t.top)})}function x(t){return Array.from(new Set(t))}var O=0,N=function(e){function r(e){var i,s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t(this,r),(i=o(this,n(r).call(this))).options=Object.assign({},r.options,s),i.options.delimeter&&(i.options.delimiter=i.options.delimeter),i.lastSort={},i.group=r.ALL_ITEMS,i.lastFilter=r.ALL_ITEMS,i.isEnabled=!0,i.isDestroyed=!1,i.isInitialized=!1,i._transitions=[],i.isTransitioning=!1,i._queue=[];var l=i._getElementOption(e);if(!l)throw new TypeError("Shuffle needs to be initialized with an element.");return i.element=l,i.id="shuffle_"+O,O+=1,i._init(),i.isInitialized=!0,i}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}(r,l),i(r,[{key:"_init",value:function(){if(this.items=this._getItems(),this.options.sizer=this._getElementOption(this.options.sizer),this.element.classList.add(r.Classes.BASE),this._initItems(this.items),this._onResize=this._getResizeFunction(),window.addEventListener("resize",this._onResize),"complete"!==document.readyState){var t=this.layout.bind(this);window.addEventListener("load",function e(){window.removeEventListener("load",e),t()})}var e=window.getComputedStyle(this.element,null),i=r.getSize(this.element).width;this._validateStyles(e),this._setColumns(i),this.filter(this.options.group,this.options.initialSort),this.element.offsetWidth,this.setItemTransitions(this.items),this.element.style.transition="height ".concat(this.options.speed,"ms ").concat(this.options.easing)}},{key:"_getResizeFunction",value:function(){var t=this._handleResize.bind(this);return this.options.throttle?this.options.throttle(t,this.options.throttleTime):t}},{key:"_getElementOption",value:function(t){return"string"==typeof t?this.element.querySelector(t):t&&t.nodeType&&1===t.nodeType?t:t&&t.jquery?t[0]:null}},{key:"_validateStyles",value:function(t){"static"===t.position&&(this.element.style.position="relative"),"hidden"!==t.overflow&&(this.element.style.overflow="hidden")}},{key:"_filter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.lastFilter,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.items,i=this._getFilteredSets(t,e);return this._toggleFilterClasses(i),this.lastFilter=t,"string"==typeof t&&(this.group=t),i}},{key:"_getFilteredSets",value:function(t,e){var i=this,n=[],s=[];return t===r.ALL_ITEMS?n=e:e.forEach(function(e){i._doesPassFilter(t,e.element)?n.push(e):s.push(e)}),{visible:n,hidden:s}}},{key:"_doesPassFilter",value:function(t,e){if("function"==typeof t)return t.call(e,e,this);var i=e.getAttribute("data-"+r.FILTER_ATTRIBUTE_KEY),n=this.options.delimiter?i.split(this.options.delimiter):JSON.parse(i);function s(t){return n.includes(t)}return Array.isArray(t)?this.options.filterMode===r.FilterMode.ANY?t.some(s):t.every(s):n.includes(t)}},{key:"_toggleFilterClasses",value:function(t){var e=t.visible,i=t.hidden;e.forEach(function(t){t.show()}),i.forEach(function(t){t.hide()})}},{key:"_initItems",value:function(t){t.forEach(function(t){t.init()})}},{key:"_disposeItems",value:function(t){t.forEach(function(t){t.dispose()})}},{key:"_updateItemCount",value:function(){this.visibleItems=this._getFilteredItems().length}},{key:"setItemTransitions",value:function(t){var e=this.options,i=e.speed,n=e.easing,s=this.options.useTransforms?["transform"]:["top","left"],o=Object.keys(g.Css.HIDDEN.before).map(function(t){return t.replace(/([A-Z])/g,function(t,e){return"-".concat(e.toLowerCase())})}),r=s.concat(o).join();t.forEach(function(t){t.element.style.transitionDuration=i+"ms",t.element.style.transitionTimingFunction=n,t.element.style.transitionProperty=r})}},{key:"_getItems",value:function(){var t=this;return Array.from(this.element.children).filter(function(e){return h(e,t.options.itemSelector)}).map(function(t){return new g(t)})}},{key:"_mergeNewItems",value:function(t){var e=Array.from(this.element.children);return S(this.items.concat(t),{by:function(t){return e.indexOf(t)}})}},{key:"_getFilteredItems",value:function(){return this.items.filter(function(t){return t.isVisible})}},{key:"_getConcealedItems",value:function(){return this.items.filter(function(t){return!t.isVisible})}},{key:"_getColumnSize",value:function(t,e){var i;return 0===(i="function"==typeof this.options.columnWidth?this.options.columnWidth(t):this.options.sizer?r.getSize(this.options.sizer).width:this.options.columnWidth?this.options.columnWidth:this.items.length>0?r.getSize(this.items[0].element,!0).width:t)&&(i=t),i+e}},{key:"_getGutterSize",value:function(t){return"function"==typeof this.options.gutterWidth?this.options.gutterWidth(t):this.options.sizer?I(this.options.sizer,"marginLeft"):this.options.gutterWidth}},{key:"_setColumns",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:r.getSize(this.element).width,e=this._getGutterSize(t),i=this._getColumnSize(t,e),n=(t+e)/i;Math.abs(Math.round(n)-n)<this.options.columnThreshold&&(n=Math.round(n)),this.cols=Math.max(Math.floor(n),1),this.containerWidth=t,this.colWidth=i}},{key:"_setContainerSize",value:function(){this.element.style.height=this._getContainerSize()+"px"}},{key:"_getContainerSize",value:function(){return D(this.positions)}},{key:"_getStaggerAmount",value:function(t){return Math.min(t*this.options.staggerAmount,this.options.staggerAmountMax)}},{key:"_dispatch",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.isDestroyed||(e.shuffle=this,this.emit(t,e))}},{key:"_resetCols",value:function(){var t=this.cols;for(this.positions=[];t;)t-=1,this.positions.push(0)}},{key:"_layout",value:function(t){var e=this,i=this._getNextPositions(t),n=0;t.forEach(function(t,s){function o(){t.applyCss(g.Css.VISIBLE.after)}if(m.equals(t.point,i[s])&&!t.isHidden)return t.applyCss(g.Css.VISIBLE.before),void o();t.point=i[s],t.scale=g.Scale.VISIBLE,t.isHidden=!1;var r=e.getStylesForTransition(t,g.Css.VISIBLE.before);r.transitionDelay=e._getStaggerAmount(n)+"ms",e._queue.push({item:t,styles:r,callback:o}),n+=1})}},{key:"_getNextPositions",value:function(t){var e=this;if(this.options.isCentered){var i=t.map(function(t,i){var n=r.getSize(t.element,!0),s=e._getItemPosition(n);return new p(s.x,s.y,n.width,n.height,i)});return this.getTransformedPositions(i,this.containerWidth)}return t.map(function(t){return e._getItemPosition(r.getSize(t.element,!0))})}},{key:"_getItemPosition",value:function(t){return function(t){for(var e=t.itemSize,i=t.positions,n=t.gridSize,s=t.total,o=t.threshold,r=t.buffer,l=z(e.width,n,s,o),a=M(i,l,s),u=A(a,r),h=new m(n*u,a[u]),f=a[u]+e.height,c=0;c<l;c++)i[u+c]=f;return h}({itemSize:t,positions:this.positions,gridSize:this.colWidth,total:this.cols,threshold:this.options.columnThreshold,buffer:this.options.buffer})}},{key:"getTransformedPositions",value:function(t,e){return F(t,e)}},{key:"_shrink",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this._getConcealedItems(),i=0;e.forEach(function(e){function n(){e.applyCss(g.Css.HIDDEN.after)}if(e.isHidden)return e.applyCss(g.Css.HIDDEN.before),void n();e.scale=g.Scale.HIDDEN,e.isHidden=!0;var s=t.getStylesForTransition(e,g.Css.HIDDEN.before);s.transitionDelay=t._getStaggerAmount(i)+"ms",t._queue.push({item:e,styles:s,callback:n}),i+=1})}},{key:"_handleResize",value:function(){this.isEnabled&&!this.isDestroyed&&this.update()}},{key:"getStylesForTransition",value:function(t,e){var i=Object.assign({},e);if(this.options.useTransforms){var n=this.options.roundTransforms?Math.round(t.point.x):t.point.x,s=this.options.roundTransforms?Math.round(t.point.y):t.point.y;i.transform="translate(".concat(n,"px, ").concat(s,"px) scale(").concat(t.scale,")")}else i.left=t.point.x+"px",i.top=t.point.y+"px";return i}},{key:"_whenTransitionDone",value:function(t,e,i){var n=L(t,function(t){e(),i(null,t)});this._transitions.push(n)}},{key:"_getTransitionFunction",value:function(t){var e=this;return function(i){t.item.applyCss(t.styles),e._whenTransitionDone(t.item.element,t.callback,i)}}},{key:"_processQueue",value:function(){this.isTransitioning&&this._cancelMovement();var t=this.options.speed>0,e=this._queue.length>0;e&&t&&this.isInitialized?this._startTransitions(this._queue):e?(this._styleImmediately(this._queue),this._dispatch(r.EventType.LAYOUT)):this._dispatch(r.EventType.LAYOUT),this._queue.length=0}},{key:"_startTransitions",value:function(t){var e=this;this.isTransitioning=!0,function(t,e,i){i||("function"==typeof e?(i=e,e=null):i=c);var n=t&&t.length;if(!n)return i(null,[]);var s=!1,o=new Array(n);function r(t){return function(e,r){if(!s){if(e)return i(e,o),void(s=!0);o[t]=r,--n||i(null,o)}}}t.forEach(e?function(t,i){t.call(e,r(i))}:function(t,e){t(r(e))})}(t.map(function(t){return e._getTransitionFunction(t)}),this._movementFinished.bind(this))}},{key:"_cancelMovement",value:function(){this._transitions.forEach(C),this._transitions.length=0,this.isTransitioning=!1}},{key:"_styleImmediately",value:function(t){if(t.length){var e=t.map(function(t){return t.item.element});r._skipTransitions(e,function(){t.forEach(function(t){t.item.applyCss(t.styles),t.callback()})})}}},{key:"_movementFinished",value:function(){this._transitions.length=0,this.isTransitioning=!1,this._dispatch(r.EventType.LAYOUT)}},{key:"filter",value:function(t,e){this.isEnabled&&((!t||t&&0===t.length)&&(t=r.ALL_ITEMS),this._filter(t),this._shrink(),this._updateItemCount(),this.sort(e))}},{key:"sort",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.lastSort;if(this.isEnabled){this._resetCols();var e=S(this._getFilteredItems(),t);this._layout(e),this._processQueue(),this._setContainerSize(),this.lastSort=t}}},{key:"update",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.isEnabled&&(t||this._setColumns(),this.sort())}},{key:"layout",value:function(){this.update(!0)}},{key:"add",value:function(t){var e=this,i=x(t).map(function(t){return new g(t)});this._initItems(i),this._resetCols();var n=S(this._mergeNewItems(i),this.lastSort),s=this._filter(this.lastFilter,n),o=function(t){return i.includes(t)},r=function(t){t.scale=g.Scale.HIDDEN,t.isHidden=!0,t.applyCss(g.Css.HIDDEN.before),t.applyCss(g.Css.HIDDEN.after)},l=this._getNextPositions(s.visible);s.visible.forEach(function(t,i){o(t)&&(t.point=l[i],r(t),t.applyCss(e.getStylesForTransition(t,{})))}),s.hidden.forEach(function(t){o(t)&&r(t)}),this.element.offsetWidth,this.setItemTransitions(i),this.items=this._mergeNewItems(i),this.filter(this.lastFilter)}},{key:"disable",value:function(){this.isEnabled=!1}},{key:"enable",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.isEnabled=!0,t&&this.update()}},{key:"remove",value:function(t){var e=this;if(t.length){var i=x(t),n=i.map(function(t){return e.getItemByElement(t)}).filter(function(t){return!!t});this._toggleFilterClasses({visible:[],hidden:n}),this._shrink(n),this.sort(),this.items=this.items.filter(function(t){return!n.includes(t)}),this._updateItemCount(),this.once(r.EventType.LAYOUT,function(){e._disposeItems(n),i.forEach(function(t){t.parentNode.removeChild(t)}),e._dispatch(r.EventType.REMOVED,{collection:i})})}}},{key:"getItemByElement",value:function(t){return this.items.find(function(e){return e.element===t})}},{key:"resetItems",value:function(){var t=this;this._disposeItems(this.items),this.isInitialized=!1,this.items=this._getItems(),this._initItems(this.items),this.once(r.EventType.LAYOUT,function(){t.setItemTransitions(t.items),t.isInitialized=!0}),this.filter(this.lastFilter)}},{key:"destroy",value:function(){this._cancelMovement(),window.removeEventListener("resize",this._onResize),this.element.classList.remove("shuffle"),this.element.removeAttribute("style"),this._disposeItems(this.items),this.items.length=0,this._transitions.length=0,this.options.sizer=null,this.element=null,this.isDestroyed=!0,this.isEnabled=!1}}],[{key:"getSize",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=window.getComputedStyle(t,null),n=I(t,"width",i),s=I(t,"height",i);e&&(n+=I(t,"marginLeft",i)+I(t,"marginRight",i),s+=I(t,"marginTop",i)+I(t,"marginBottom",i));return{width:n,height:s}}},{key:"_skipTransitions",value:function(t,e){var i=t.map(function(t){var e=t.style,i=e.transitionDuration,n=e.transitionDelay;return e.transitionDuration="0ms",e.transitionDelay="0ms",{duration:i,delay:n}});e(),t[0].offsetWidth,t.forEach(function(t,e){t.style.transitionDuration=i[e].duration,t.style.transitionDelay=i[e].delay})}}]),r}();return N.ShuffleItem=g,N.ALL_ITEMS="all",N.FILTER_ATTRIBUTE_KEY="groups",N.EventType={LAYOUT:"shuffle:layout",REMOVED:"shuffle:removed"},N.Classes=v,N.FilterMode={ANY:"any",ALL:"all"},N.options={group:N.ALL_ITEMS,speed:250,easing:"cubic-bezier(0.4, 0.0, 0.2, 1)",itemSelector:"*",sizer:null,gutterWidth:0,columnWidth:0,delimiter:null,buffer:0,columnThreshold:.01,initialSort:null,throttle:f,throttleTime:300,staggerAmount:15,staggerAmountMax:150,useTransforms:!0,filterMode:N.FilterMode.ANY,isCentered:!1,roundTransforms:!0},N.Point=m,N.Rect=p,N.__sorter=S,N.__getColumnSpan=z,N.__getAvailablePositions=M,N.__getShortColumn=A,N.__getCenteredPositions=F,N});
\ No newline at end of file
diff --git a/themes/adritian/static/plugins/slick/ajax-loader.gif b/themes/adritian/static/plugins/slick/ajax-loader.gif
new file mode 100644
index 0000000..e0e6e97
Binary files /dev/null and b/themes/adritian/static/plugins/slick/ajax-loader.gif differ
diff --git a/themes/adritian/static/plugins/slick/fonts/slick.eot b/themes/adritian/static/plugins/slick/fonts/slick.eot
new file mode 100644
index 0000000..2cbab9c
Binary files /dev/null and b/themes/adritian/static/plugins/slick/fonts/slick.eot differ
diff --git a/themes/adritian/static/plugins/slick/fonts/slick.svg b/themes/adritian/static/plugins/slick/fonts/slick.svg
new file mode 100644
index 0000000..b36a66a
--- /dev/null
+++ b/themes/adritian/static/plugins/slick/fonts/slick.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>
diff --git a/themes/adritian/static/plugins/slick/fonts/slick.ttf b/themes/adritian/static/plugins/slick/fonts/slick.ttf
new file mode 100644
index 0000000..9d03461
Binary files /dev/null and b/themes/adritian/static/plugins/slick/fonts/slick.ttf differ
diff --git a/themes/adritian/static/plugins/slick/fonts/slick.woff b/themes/adritian/static/plugins/slick/fonts/slick.woff
new file mode 100644
index 0000000..8ee9972
Binary files /dev/null and b/themes/adritian/static/plugins/slick/fonts/slick.woff differ
diff --git a/themes/adritian/static/plugins/slick/slick.css b/themes/adritian/static/plugins/slick/slick.css
new file mode 100644
index 0000000..0d537c9
--- /dev/null
+++ b/themes/adritian/static/plugins/slick/slick.css
@@ -0,0 +1 @@
+.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
\ No newline at end of file
diff --git a/themes/adritian/static/plugins/slick/slick.min.js b/themes/adritian/static/plugins/slick/slick.min.js
new file mode 100644
index 0000000..bd34919
--- /dev/null
+++ b/themes/adritian/static/plugins/slick/slick.min.js
@@ -0,0 +1 @@
+!function(i){"use strict";"function"==typeof define&&define.amd?define(["jquery"],i):"undefined"!=typeof exports?module.exports=i(require("jquery")):i(jQuery)}(function(i){"use strict";var e,t=window.Slick||{};(e=0,t=function(t,o){var s,n=this;n.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:i(t),appendDots:i(t),arrows:!0,asNavFor:null,prevArrow:'<button class="slick-prev" aria-label="Previous" type="button">Previous</button>',nextArrow:'<button class="slick-next" aria-label="Next" type="button">Next</button>',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i('<button type="button" />').text(t+1)},dots:!1,dotsClass:"slick-dots",draggable:!0,easing:"linear",edgeFriction:.35,fade:!1,focusOnSelect:!1,focusOnChange:!1,infinite:!0,initialSlide:0,lazyLoad:"ondemand",mobileFirst:!1,pauseOnHover:!0,pauseOnFocus:!0,pauseOnDotsHover:!1,respondTo:"window",responsive:null,rows:1,rtl:!1,slide:"",slidesPerRow:1,slidesToShow:1,slidesToScroll:1,speed:500,swipe:!0,swipeToSlide:!1,touchMove:!0,touchThreshold:5,useCSS:!0,useTransform:!0,variableWidth:!1,vertical:!1,verticalSwiping:!1,waitForAnimate:!0,zIndex:1e3},n.initials={animating:!1,dragging:!1,autoPlayTimer:null,currentDirection:0,currentLeft:null,currentSlide:0,direction:1,$dots:null,listWidth:null,listHeight:null,loadIndex:0,$nextArrow:null,$prevArrow:null,scrolling:!1,slideCount:null,slideWidth:null,$slideTrack:null,$slides:null,sliding:!1,slideOffset:0,swipeLeft:null,swiping:!1,$list:null,touchObject:{},transformsEnabled:!1,unslicked:!1},i.extend(n,n.initials),n.activeBreakpoint=null,n.animType=null,n.animProp=null,n.breakpoints=[],n.breakpointSettings=[],n.cssTransitions=!1,n.focussed=!1,n.interrupted=!1,n.hidden="hidden",n.paused=!0,n.positionProp=null,n.respondTo=null,n.rowCount=1,n.shouldClick=!0,n.$slider=i(t),n.$slidesCache=null,n.transformType=null,n.transitionType=null,n.visibilityChange="visibilitychange",n.windowWidth=0,n.windowTimer=null,s=i(t).data("slick")||{},n.options=i.extend({},n.defaults,o,s),n.currentSlide=n.options.initialSlide,n.originalSettings=n.options,void 0!==document.mozHidden?(n.hidden="mozHidden",n.visibilityChange="mozvisibilitychange"):void 0!==document.webkitHidden&&(n.hidden="webkitHidden",n.visibilityChange="webkitvisibilitychange"),n.autoPlay=i.proxy(n.autoPlay,n),n.autoPlayClear=i.proxy(n.autoPlayClear,n),n.autoPlayIterator=i.proxy(n.autoPlayIterator,n),n.changeSlide=i.proxy(n.changeSlide,n),n.clickHandler=i.proxy(n.clickHandler,n),n.selectHandler=i.proxy(n.selectHandler,n),n.setPosition=i.proxy(n.setPosition,n),n.swipeHandler=i.proxy(n.swipeHandler,n),n.dragHandler=i.proxy(n.dragHandler,n),n.keyHandler=i.proxy(n.keyHandler,n),n.instanceUid=e++,n.htmlExpr=/^(?:\s*(<[\w\W]+>)[^>]*)$/,n.registerBreakpoints(),n.init(!0)}).prototype.activateADA=function(){this.$slideTrack.find(".slick-active").attr({"aria-hidden":"false"}).find("a, input, button, select").attr({tabindex:"0"})},t.prototype.addSlide=t.prototype.slickAdd=function(e,t,o){var s=this;if("boolean"==typeof t)o=t,t=null;else if(t<0||t>=s.slideCount)return!1;s.unload(),"number"==typeof t?0===t&&0===s.$slides.length?i(e).appendTo(s.$slideTrack):o?i(e).insertBefore(s.$slides.eq(t)):i(e).insertAfter(s.$slides.eq(t)):!0===o?i(e).prependTo(s.$slideTrack):i(e).appendTo(s.$slideTrack),s.$slides=s.$slideTrack.children(this.options.slide),s.$slideTrack.children(this.options.slide).detach(),s.$slideTrack.append(s.$slides),s.$slides.each(function(e,t){i(t).attr("data-slick-index",e)}),s.$slidesCache=s.$slides,s.reinit()},t.prototype.animateHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.animate({height:e},i.options.speed)}},t.prototype.animateSlide=function(e,t){var o={},s=this;s.animateHeight(),!0===s.options.rtl&&!1===s.options.vertical&&(e=-e),!1===s.transformsEnabled?!1===s.options.vertical?s.$slideTrack.animate({left:e},s.options.speed,s.options.easing,t):s.$slideTrack.animate({top:e},s.options.speed,s.options.easing,t):!1===s.cssTransitions?(!0===s.options.rtl&&(s.currentLeft=-s.currentLeft),i({animStart:s.currentLeft}).animate({animStart:e},{duration:s.options.speed,easing:s.options.easing,step:function(i){i=Math.ceil(i),!1===s.options.vertical?(o[s.animType]="translate("+i+"px, 0px)",s.$slideTrack.css(o)):(o[s.animType]="translate(0px,"+i+"px)",s.$slideTrack.css(o))},complete:function(){t&&t.call()}})):(s.applyTransition(),e=Math.ceil(e),!1===s.options.vertical?o[s.animType]="translate3d("+e+"px, 0px, 0px)":o[s.animType]="translate3d(0px,"+e+"px, 0px)",s.$slideTrack.css(o),t&&setTimeout(function(){s.disableTransition(),t.call()},s.options.speed))},t.prototype.getNavTarget=function(){var e=this.options.asNavFor;return e&&null!==e&&(e=i(e).not(this.$slider)),e},t.prototype.asNavFor=function(e){var t=this.getNavTarget();null!==t&&"object"==typeof t&&t.each(function(){var t=i(this).slick("getSlick");t.unslicked||t.slideHandler(e,!0)})},t.prototype.applyTransition=function(i){var e=this,t={};!1===e.options.fade?t[e.transitionType]=e.transformType+" "+e.options.speed+"ms "+e.options.cssEase:t[e.transitionType]="opacity "+e.options.speed+"ms "+e.options.cssEase,!1===e.options.fade?e.$slideTrack.css(t):e.$slides.eq(i).css(t)},t.prototype.autoPlay=function(){var i=this;i.autoPlayClear(),i.slideCount>i.options.slidesToShow&&(i.autoPlayTimer=setInterval(i.autoPlayIterator,i.options.autoplaySpeed))},t.prototype.autoPlayClear=function(){this.autoPlayTimer&&clearInterval(this.autoPlayTimer)},t.prototype.autoPlayIterator=function(){var i=this,e=i.currentSlide+i.options.slidesToScroll;i.paused||i.interrupted||i.focussed||(!1===i.options.infinite&&(1===i.direction&&i.currentSlide+1===i.slideCount-1?i.direction=0:0===i.direction&&(e=i.currentSlide-i.options.slidesToScroll,i.currentSlide-1==0&&(i.direction=1))),i.slideHandler(e))},t.prototype.buildArrows=function(){var e=this;!0===e.options.arrows&&(e.$prevArrow=i(e.options.prevArrow).addClass("slick-arrow"),e.$nextArrow=i(e.options.nextArrow).addClass("slick-arrow"),e.slideCount>e.options.slidesToShow?(e.$prevArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.$nextArrow.removeClass("slick-hidden").removeAttr("aria-hidden tabindex"),e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.prependTo(e.options.appendArrows),e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.appendTo(e.options.appendArrows),!0!==e.options.infinite&&e.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true")):e.$prevArrow.add(e.$nextArrow).addClass("slick-hidden").attr({"aria-disabled":"true",tabindex:"-1"}))},t.prototype.buildDots=function(){var e,t,o=this;if(!0===o.options.dots){for(o.$slider.addClass("slick-dotted"),t=i("<ul />").addClass(o.options.dotsClass),e=0;e<=o.getDotCount();e+=1)t.append(i("<li />").append(o.options.customPaging.call(this,o,e)));o.$dots=t.appendTo(o.options.appendDots),o.$dots.find("li").first().addClass("slick-active")}},t.prototype.buildOut=function(){var e=this;e.$slides=e.$slider.children(e.options.slide+":not(.slick-cloned)").addClass("slick-slide"),e.slideCount=e.$slides.length,e.$slides.each(function(e,t){i(t).attr("data-slick-index",e).data("originalStyling",i(t).attr("style")||"")}),e.$slider.addClass("slick-slider"),e.$slideTrack=0===e.slideCount?i('<div class="slick-track"/>').appendTo(e.$slider):e.$slides.wrapAll('<div class="slick-track"/>').parent(),e.$list=e.$slideTrack.wrap('<div class="slick-list"/>').parent(),e.$slideTrack.css("opacity",0),!0!==e.options.centerMode&&!0!==e.options.swipeToSlide||(e.options.slidesToScroll=1),i("img[data-lazy]",e.$slider).not("[src]").addClass("slick-loading"),e.setupInfinite(),e.buildArrows(),e.buildDots(),e.updateDots(),e.setSlideClasses("number"==typeof e.currentSlide?e.currentSlide:0),!0===e.options.draggable&&e.$list.addClass("draggable")},t.prototype.buildRows=function(){var i,e,t,o,s,n,r,l=this;if(o=document.createDocumentFragment(),n=l.$slider.children(),l.options.rows>1){for(r=l.options.slidesPerRow*l.options.rows,s=Math.ceil(n.length/r),i=0;i<s;i++){var a=document.createElement("div");for(e=0;e<l.options.rows;e++){var d=document.createElement("div");for(t=0;t<l.options.slidesPerRow;t++){var c=i*r+(e*l.options.slidesPerRow+t);n.get(c)&&d.appendChild(n.get(c))}a.appendChild(d)}o.appendChild(a)}l.$slider.empty().append(o),l.$slider.children().children().children().css({width:100/l.options.slidesPerRow+"%",display:"inline-block"})}},t.prototype.checkResponsive=function(e,t){var o,s,n,r=this,l=!1,a=r.$slider.width(),d=window.innerWidth||i(window).width();if("window"===r.respondTo?n=d:"slider"===r.respondTo?n=a:"min"===r.respondTo&&(n=Math.min(d,a)),r.options.responsive&&r.options.responsive.length&&null!==r.options.responsive){s=null;for(o in r.breakpoints)r.breakpoints.hasOwnProperty(o)&&(!1===r.originalSettings.mobileFirst?n<r.breakpoints[o]&&(s=r.breakpoints[o]):n>r.breakpoints[o]&&(s=r.breakpoints[o]));null!==s?null!==r.activeBreakpoint?(s!==r.activeBreakpoint||t)&&(r.activeBreakpoint=s,"unslick"===r.breakpointSettings[s]?r.unslick(s):(r.options=i.extend({},r.originalSettings,r.breakpointSettings[s]),!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e)),l=s):(r.activeBreakpoint=s,"unslick"===r.breakpointSettings[s]?r.unslick(s):(r.options=i.extend({},r.originalSettings,r.breakpointSettings[s]),!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e)),l=s):null!==r.activeBreakpoint&&(r.activeBreakpoint=null,r.options=r.originalSettings,!0===e&&(r.currentSlide=r.options.initialSlide),r.refresh(e),l=s),e||!1===l||r.$slider.trigger("breakpoint",[r,l])}},t.prototype.changeSlide=function(e,t){var o,s,n=this,r=i(e.currentTarget);switch(r.is("a")&&e.preventDefault(),r.is("li")||(r=r.closest("li")),o=n.slideCount%n.options.slidesToScroll!=0?0:(n.slideCount-n.currentSlide)%n.options.slidesToScroll,e.data.message){case"previous":s=0===o?n.options.slidesToScroll:n.options.slidesToShow-o,n.slideCount>n.options.slidesToShow&&n.slideHandler(n.currentSlide-s,!1,t);break;case"next":s=0===o?n.options.slidesToScroll:o,n.slideCount>n.options.slidesToShow&&n.slideHandler(n.currentSlide+s,!1,t);break;case"index":var l=0===e.data.index?0:e.data.index||r.index()*n.options.slidesToScroll;n.slideHandler(n.checkNavigable(l),!1,t),r.children().trigger("focus");break;default:return}},t.prototype.checkNavigable=function(i){var e,t;if(t=0,i>(e=this.getNavigableIndexes())[e.length-1])i=e[e.length-1];else for(var o in e){if(i<e[o]){i=t;break}t=e[o]}return i},t.prototype.cleanUpEvents=function(){var e=this;e.options.dots&&null!==e.$dots&&(i("li",e.$dots).off("click.slick",e.changeSlide).off("mouseenter.slick",i.proxy(e.interrupt,e,!0)).off("mouseleave.slick",i.proxy(e.interrupt,e,!1)),!0===e.options.accessibility&&e.$dots.off("keydown.slick",e.keyHandler)),e.$slider.off("focus.slick blur.slick"),!0===e.options.arrows&&e.slideCount>e.options.slidesToShow&&(e.$prevArrow&&e.$prevArrow.off("click.slick",e.changeSlide),e.$nextArrow&&e.$nextArrow.off("click.slick",e.changeSlide),!0===e.options.accessibility&&(e.$prevArrow&&e.$prevArrow.off("keydown.slick",e.keyHandler),e.$nextArrow&&e.$nextArrow.off("keydown.slick",e.keyHandler))),e.$list.off("touchstart.slick mousedown.slick",e.swipeHandler),e.$list.off("touchmove.slick mousemove.slick",e.swipeHandler),e.$list.off("touchend.slick mouseup.slick",e.swipeHandler),e.$list.off("touchcancel.slick mouseleave.slick",e.swipeHandler),e.$list.off("click.slick",e.clickHandler),i(document).off(e.visibilityChange,e.visibility),e.cleanUpSlideEvents(),!0===e.options.accessibility&&e.$list.off("keydown.slick",e.keyHandler),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().off("click.slick",e.selectHandler),i(window).off("orientationchange.slick.slick-"+e.instanceUid,e.orientationChange),i(window).off("resize.slick.slick-"+e.instanceUid,e.resize),i("[draggable!=true]",e.$slideTrack).off("dragstart",e.preventDefault),i(window).off("load.slick.slick-"+e.instanceUid,e.setPosition)},t.prototype.cleanUpSlideEvents=function(){var e=this;e.$list.off("mouseenter.slick",i.proxy(e.interrupt,e,!0)),e.$list.off("mouseleave.slick",i.proxy(e.interrupt,e,!1))},t.prototype.cleanUpRows=function(){var i;this.options.rows>1&&((i=this.$slides.children().children()).removeAttr("style"),this.$slider.empty().append(i))},t.prototype.clickHandler=function(i){!1===this.shouldClick&&(i.stopImmediatePropagation(),i.stopPropagation(),i.preventDefault())},t.prototype.destroy=function(e){var t=this;t.autoPlayClear(),t.touchObject={},t.cleanUpEvents(),i(".slick-cloned",t.$slider).detach(),t.$dots&&t.$dots.remove(),t.$prevArrow&&t.$prevArrow.length&&(t.$prevArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),t.htmlExpr.test(t.options.prevArrow)&&t.$prevArrow.remove()),t.$nextArrow&&t.$nextArrow.length&&(t.$nextArrow.removeClass("slick-disabled slick-arrow slick-hidden").removeAttr("aria-hidden aria-disabled tabindex").css("display",""),t.htmlExpr.test(t.options.nextArrow)&&t.$nextArrow.remove()),t.$slides&&(t.$slides.removeClass("slick-slide slick-active slick-center slick-visible slick-current").removeAttr("aria-hidden").removeAttr("data-slick-index").each(function(){i(this).attr("style",i(this).data("originalStyling"))}),t.$slideTrack.children(this.options.slide).detach(),t.$slideTrack.detach(),t.$list.detach(),t.$slider.append(t.$slides)),t.cleanUpRows(),t.$slider.removeClass("slick-slider"),t.$slider.removeClass("slick-initialized"),t.$slider.removeClass("slick-dotted"),t.unslicked=!0,e||t.$slider.trigger("destroy",[t])},t.prototype.disableTransition=function(i){var e={};e[this.transitionType]="",!1===this.options.fade?this.$slideTrack.css(e):this.$slides.eq(i).css(e)},t.prototype.fadeSlide=function(i,e){var t=this;!1===t.cssTransitions?(t.$slides.eq(i).css({zIndex:t.options.zIndex}),t.$slides.eq(i).animate({opacity:1},t.options.speed,t.options.easing,e)):(t.applyTransition(i),t.$slides.eq(i).css({opacity:1,zIndex:t.options.zIndex}),e&&setTimeout(function(){t.disableTransition(i),e.call()},t.options.speed))},t.prototype.fadeSlideOut=function(i){var e=this;!1===e.cssTransitions?e.$slides.eq(i).animate({opacity:0,zIndex:e.options.zIndex-2},e.options.speed,e.options.easing):(e.applyTransition(i),e.$slides.eq(i).css({opacity:0,zIndex:e.options.zIndex-2}))},t.prototype.filterSlides=t.prototype.slickFilter=function(i){var e=this;null!==i&&(e.$slidesCache=e.$slides,e.unload(),e.$slideTrack.children(this.options.slide).detach(),e.$slidesCache.filter(i).appendTo(e.$slideTrack),e.reinit())},t.prototype.focusHandler=function(){var e=this;e.$slider.off("focus.slick blur.slick").on("focus.slick blur.slick","*",function(t){t.stopImmediatePropagation();var o=i(this);setTimeout(function(){e.options.pauseOnFocus&&(e.focussed=o.is(":focus"),e.autoPlay())},0)})},t.prototype.getCurrent=t.prototype.slickCurrentSlide=function(){return this.currentSlide},t.prototype.getDotCount=function(){var i=this,e=0,t=0,o=0;if(!0===i.options.infinite)if(i.slideCount<=i.options.slidesToShow)++o;else for(;e<i.slideCount;)++o,e=t+i.options.slidesToScroll,t+=i.options.slidesToScroll<=i.options.slidesToShow?i.options.slidesToScroll:i.options.slidesToShow;else if(!0===i.options.centerMode)o=i.slideCount;else if(i.options.asNavFor)for(;e<i.slideCount;)++o,e=t+i.options.slidesToScroll,t+=i.options.slidesToScroll<=i.options.slidesToShow?i.options.slidesToScroll:i.options.slidesToShow;else o=1+Math.ceil((i.slideCount-i.options.slidesToShow)/i.options.slidesToScroll);return o-1},t.prototype.getLeft=function(i){var e,t,o,s,n=this,r=0;return n.slideOffset=0,t=n.$slides.first().outerHeight(!0),!0===n.options.infinite?(n.slideCount>n.options.slidesToShow&&(n.slideOffset=n.slideWidth*n.options.slidesToShow*-1,s=-1,!0===n.options.vertical&&!0===n.options.centerMode&&(2===n.options.slidesToShow?s=-1.5:1===n.options.slidesToShow&&(s=-2)),r=t*n.options.slidesToShow*s),n.slideCount%n.options.slidesToScroll!=0&&i+n.options.slidesToScroll>n.slideCount&&n.slideCount>n.options.slidesToShow&&(i>n.slideCount?(n.slideOffset=(n.options.slidesToShow-(i-n.slideCount))*n.slideWidth*-1,r=(n.options.slidesToShow-(i-n.slideCount))*t*-1):(n.slideOffset=n.slideCount%n.options.slidesToScroll*n.slideWidth*-1,r=n.slideCount%n.options.slidesToScroll*t*-1))):i+n.options.slidesToShow>n.slideCount&&(n.slideOffset=(i+n.options.slidesToShow-n.slideCount)*n.slideWidth,r=(i+n.options.slidesToShow-n.slideCount)*t),n.slideCount<=n.options.slidesToShow&&(n.slideOffset=0,r=0),!0===n.options.centerMode&&n.slideCount<=n.options.slidesToShow?n.slideOffset=n.slideWidth*Math.floor(n.options.slidesToShow)/2-n.slideWidth*n.slideCount/2:!0===n.options.centerMode&&!0===n.options.infinite?n.slideOffset+=n.slideWidth*Math.floor(n.options.slidesToShow/2)-n.slideWidth:!0===n.options.centerMode&&(n.slideOffset=0,n.slideOffset+=n.slideWidth*Math.floor(n.options.slidesToShow/2)),e=!1===n.options.vertical?i*n.slideWidth*-1+n.slideOffset:i*t*-1+r,!0===n.options.variableWidth&&(o=n.slideCount<=n.options.slidesToShow||!1===n.options.infinite?n.$slideTrack.children(".slick-slide").eq(i):n.$slideTrack.children(".slick-slide").eq(i+n.options.slidesToShow),e=!0===n.options.rtl?o[0]?-1*(n.$slideTrack.width()-o[0].offsetLeft-o.width()):0:o[0]?-1*o[0].offsetLeft:0,!0===n.options.centerMode&&(o=n.slideCount<=n.options.slidesToShow||!1===n.options.infinite?n.$slideTrack.children(".slick-slide").eq(i):n.$slideTrack.children(".slick-slide").eq(i+n.options.slidesToShow+1),e=!0===n.options.rtl?o[0]?-1*(n.$slideTrack.width()-o[0].offsetLeft-o.width()):0:o[0]?-1*o[0].offsetLeft:0,e+=(n.$list.width()-o.outerWidth())/2)),e},t.prototype.getOption=t.prototype.slickGetOption=function(i){return this.options[i]},t.prototype.getNavigableIndexes=function(){var i,e=this,t=0,o=0,s=[];for(!1===e.options.infinite?i=e.slideCount:(t=-1*e.options.slidesToScroll,o=-1*e.options.slidesToScroll,i=2*e.slideCount);t<i;)s.push(t),t=o+e.options.slidesToScroll,o+=e.options.slidesToScroll<=e.options.slidesToShow?e.options.slidesToScroll:e.options.slidesToShow;return s},t.prototype.getSlick=function(){return this},t.prototype.getSlideCount=function(){var e,t,o=this;return t=!0===o.options.centerMode?o.slideWidth*Math.floor(o.options.slidesToShow/2):0,!0===o.options.swipeToSlide?(o.$slideTrack.find(".slick-slide").each(function(s,n){if(n.offsetLeft-t+i(n).outerWidth()/2>-1*o.swipeLeft)return e=n,!1}),Math.abs(i(e).attr("data-slick-index")-o.currentSlide)||1):o.options.slidesToScroll},t.prototype.goTo=t.prototype.slickGoTo=function(i,e){this.changeSlide({data:{message:"index",index:parseInt(i)}},e)},t.prototype.init=function(e){var t=this;i(t.$slider).hasClass("slick-initialized")||(i(t.$slider).addClass("slick-initialized"),t.buildRows(),t.buildOut(),t.setProps(),t.startLoad(),t.loadSlider(),t.initializeEvents(),t.updateArrows(),t.updateDots(),t.checkResponsive(!0),t.focusHandler()),e&&t.$slider.trigger("init",[t]),!0===t.options.accessibility&&t.initADA(),t.options.autoplay&&(t.paused=!1,t.autoPlay())},t.prototype.initADA=function(){var e=this,t=Math.ceil(e.slideCount/e.options.slidesToShow),o=e.getNavigableIndexes().filter(function(i){return i>=0&&i<e.slideCount});e.$slides.add(e.$slideTrack.find(".slick-cloned")).attr({"aria-hidden":"true",tabindex:"-1"}).find("a, input, button, select").attr({tabindex:"-1"}),null!==e.$dots&&(e.$slides.not(e.$slideTrack.find(".slick-cloned")).each(function(t){var s=o.indexOf(t);i(this).attr({role:"tabpanel",id:"slick-slide"+e.instanceUid+t,tabindex:-1}),-1!==s&&i(this).attr({"aria-describedby":"slick-slide-control"+e.instanceUid+s})}),e.$dots.attr("role","tablist").find("li").each(function(s){var n=o[s];i(this).attr({role:"presentation"}),i(this).find("button").first().attr({role:"tab",id:"slick-slide-control"+e.instanceUid+s,"aria-controls":"slick-slide"+e.instanceUid+n,"aria-label":s+1+" of "+t,"aria-selected":null,tabindex:"-1"})}).eq(e.currentSlide).find("button").attr({"aria-selected":"true",tabindex:"0"}).end());for(var s=e.currentSlide,n=s+e.options.slidesToShow;s<n;s++)e.$slides.eq(s).attr("tabindex",0);e.activateADA()},t.prototype.initArrowEvents=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.off("click.slick").on("click.slick",{message:"previous"},i.changeSlide),i.$nextArrow.off("click.slick").on("click.slick",{message:"next"},i.changeSlide),!0===i.options.accessibility&&(i.$prevArrow.on("keydown.slick",i.keyHandler),i.$nextArrow.on("keydown.slick",i.keyHandler)))},t.prototype.initDotEvents=function(){var e=this;!0===e.options.dots&&(i("li",e.$dots).on("click.slick",{message:"index"},e.changeSlide),!0===e.options.accessibility&&e.$dots.on("keydown.slick",e.keyHandler)),!0===e.options.dots&&!0===e.options.pauseOnDotsHover&&i("li",e.$dots).on("mouseenter.slick",i.proxy(e.interrupt,e,!0)).on("mouseleave.slick",i.proxy(e.interrupt,e,!1))},t.prototype.initSlideEvents=function(){var e=this;e.options.pauseOnHover&&(e.$list.on("mouseenter.slick",i.proxy(e.interrupt,e,!0)),e.$list.on("mouseleave.slick",i.proxy(e.interrupt,e,!1)))},t.prototype.initializeEvents=function(){var e=this;e.initArrowEvents(),e.initDotEvents(),e.initSlideEvents(),e.$list.on("touchstart.slick mousedown.slick",{action:"start"},e.swipeHandler),e.$list.on("touchmove.slick mousemove.slick",{action:"move"},e.swipeHandler),e.$list.on("touchend.slick mouseup.slick",{action:"end"},e.swipeHandler),e.$list.on("touchcancel.slick mouseleave.slick",{action:"end"},e.swipeHandler),e.$list.on("click.slick",e.clickHandler),i(document).on(e.visibilityChange,i.proxy(e.visibility,e)),!0===e.options.accessibility&&e.$list.on("keydown.slick",e.keyHandler),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().on("click.slick",e.selectHandler),i(window).on("orientationchange.slick.slick-"+e.instanceUid,i.proxy(e.orientationChange,e)),i(window).on("resize.slick.slick-"+e.instanceUid,i.proxy(e.resize,e)),i("[draggable!=true]",e.$slideTrack).on("dragstart",e.preventDefault),i(window).on("load.slick.slick-"+e.instanceUid,e.setPosition),i(e.setPosition)},t.prototype.initUI=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.show(),i.$nextArrow.show()),!0===i.options.dots&&i.slideCount>i.options.slidesToShow&&i.$dots.show()},t.prototype.keyHandler=function(i){var e=this;i.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===i.keyCode&&!0===e.options.accessibility?e.changeSlide({data:{message:!0===e.options.rtl?"next":"previous"}}):39===i.keyCode&&!0===e.options.accessibility&&e.changeSlide({data:{message:!0===e.options.rtl?"previous":"next"}}))},t.prototype.lazyLoad=function(){function e(e){i("img[data-lazy]",e).each(function(){var e=i(this),t=i(this).attr("data-lazy"),o=i(this).attr("data-srcset"),s=i(this).attr("data-sizes")||n.$slider.attr("data-sizes"),r=document.createElement("img");r.onload=function(){e.animate({opacity:0},100,function(){o&&(e.attr("srcset",o),s&&e.attr("sizes",s)),e.attr("src",t).animate({opacity:1},200,function(){e.removeAttr("data-lazy data-srcset data-sizes").removeClass("slick-loading")}),n.$slider.trigger("lazyLoaded",[n,e,t])})},r.onerror=function(){e.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),n.$slider.trigger("lazyLoadError",[n,e,t])},r.src=t})}var t,o,s,n=this;if(!0===n.options.centerMode?!0===n.options.infinite?s=(o=n.currentSlide+(n.options.slidesToShow/2+1))+n.options.slidesToShow+2:(o=Math.max(0,n.currentSlide-(n.options.slidesToShow/2+1)),s=n.options.slidesToShow/2+1+2+n.currentSlide):(o=n.options.infinite?n.options.slidesToShow+n.currentSlide:n.currentSlide,s=Math.ceil(o+n.options.slidesToShow),!0===n.options.fade&&(o>0&&o--,s<=n.slideCount&&s++)),t=n.$slider.find(".slick-slide").slice(o,s),"anticipated"===n.options.lazyLoad)for(var r=o-1,l=s,a=n.$slider.find(".slick-slide"),d=0;d<n.options.slidesToScroll;d++)r<0&&(r=n.slideCount-1),t=(t=t.add(a.eq(r))).add(a.eq(l)),r--,l++;e(t),n.slideCount<=n.options.slidesToShow?e(n.$slider.find(".slick-slide")):n.currentSlide>=n.slideCount-n.options.slidesToShow?e(n.$slider.find(".slick-cloned").slice(0,n.options.slidesToShow)):0===n.currentSlide&&e(n.$slider.find(".slick-cloned").slice(-1*n.options.slidesToShow))},t.prototype.loadSlider=function(){var i=this;i.setPosition(),i.$slideTrack.css({opacity:1}),i.$slider.removeClass("slick-loading"),i.initUI(),"progressive"===i.options.lazyLoad&&i.progressiveLazyLoad()},t.prototype.next=t.prototype.slickNext=function(){this.changeSlide({data:{message:"next"}})},t.prototype.orientationChange=function(){this.checkResponsive(),this.setPosition()},t.prototype.pause=t.prototype.slickPause=function(){this.autoPlayClear(),this.paused=!0},t.prototype.play=t.prototype.slickPlay=function(){var i=this;i.autoPlay(),i.options.autoplay=!0,i.paused=!1,i.focussed=!1,i.interrupted=!1},t.prototype.postSlide=function(e){var t=this;t.unslicked||(t.$slider.trigger("afterChange",[t,e]),t.animating=!1,t.slideCount>t.options.slidesToShow&&t.setPosition(),t.swipeLeft=null,t.options.autoplay&&t.autoPlay(),!0===t.options.accessibility&&(t.initADA(),t.options.focusOnChange&&i(t.$slides.get(t.currentSlide)).attr("tabindex",0).focus()))},t.prototype.prev=t.prototype.slickPrev=function(){this.changeSlide({data:{message:"previous"}})},t.prototype.preventDefault=function(i){i.preventDefault()},t.prototype.progressiveLazyLoad=function(e){e=e||1;var t,o,s,n,r,l=this,a=i("img[data-lazy]",l.$slider);a.length?(t=a.first(),o=t.attr("data-lazy"),s=t.attr("data-srcset"),n=t.attr("data-sizes")||l.$slider.attr("data-sizes"),(r=document.createElement("img")).onload=function(){s&&(t.attr("srcset",s),n&&t.attr("sizes",n)),t.attr("src",o).removeAttr("data-lazy data-srcset data-sizes").removeClass("slick-loading"),!0===l.options.adaptiveHeight&&l.setPosition(),l.$slider.trigger("lazyLoaded",[l,t,o]),l.progressiveLazyLoad()},r.onerror=function(){e<3?setTimeout(function(){l.progressiveLazyLoad(e+1)},500):(t.removeAttr("data-lazy").removeClass("slick-loading").addClass("slick-lazyload-error"),l.$slider.trigger("lazyLoadError",[l,t,o]),l.progressiveLazyLoad())},r.src=o):l.$slider.trigger("allImagesLoaded",[l])},t.prototype.refresh=function(e){var t,o,s=this;o=s.slideCount-s.options.slidesToShow,!s.options.infinite&&s.currentSlide>o&&(s.currentSlide=o),s.slideCount<=s.options.slidesToShow&&(s.currentSlide=0),t=s.currentSlide,s.destroy(!0),i.extend(s,s.initials,{currentSlide:t}),s.init(),e||s.changeSlide({data:{message:"index",index:t}},!1)},t.prototype.registerBreakpoints=function(){var e,t,o,s=this,n=s.options.responsive||null;if("array"===i.type(n)&&n.length){s.respondTo=s.options.respondTo||"window";for(e in n)if(o=s.breakpoints.length-1,n.hasOwnProperty(e)){for(t=n[e].breakpoint;o>=0;)s.breakpoints[o]&&s.breakpoints[o]===t&&s.breakpoints.splice(o,1),o--;s.breakpoints.push(t),s.breakpointSettings[t]=n[e].settings}s.breakpoints.sort(function(i,e){return s.options.mobileFirst?i-e:e-i})}},t.prototype.reinit=function(){var e=this;e.$slides=e.$slideTrack.children(e.options.slide).addClass("slick-slide"),e.slideCount=e.$slides.length,e.currentSlide>=e.slideCount&&0!==e.currentSlide&&(e.currentSlide=e.currentSlide-e.options.slidesToScroll),e.slideCount<=e.options.slidesToShow&&(e.currentSlide=0),e.registerBreakpoints(),e.setProps(),e.setupInfinite(),e.buildArrows(),e.updateArrows(),e.initArrowEvents(),e.buildDots(),e.updateDots(),e.initDotEvents(),e.cleanUpSlideEvents(),e.initSlideEvents(),e.checkResponsive(!1,!0),!0===e.options.focusOnSelect&&i(e.$slideTrack).children().on("click.slick",e.selectHandler),e.setSlideClasses("number"==typeof e.currentSlide?e.currentSlide:0),e.setPosition(),e.focusHandler(),e.paused=!e.options.autoplay,e.autoPlay(),e.$slider.trigger("reInit",[e])},t.prototype.resize=function(){var e=this;i(window).width()!==e.windowWidth&&(clearTimeout(e.windowDelay),e.windowDelay=window.setTimeout(function(){e.windowWidth=i(window).width(),e.checkResponsive(),e.unslicked||e.setPosition()},50))},t.prototype.removeSlide=t.prototype.slickRemove=function(i,e,t){var o=this;if(i="boolean"==typeof i?!0===(e=i)?0:o.slideCount-1:!0===e?--i:i,o.slideCount<1||i<0||i>o.slideCount-1)return!1;o.unload(),!0===t?o.$slideTrack.children().remove():o.$slideTrack.children(this.options.slide).eq(i).remove(),o.$slides=o.$slideTrack.children(this.options.slide),o.$slideTrack.children(this.options.slide).detach(),o.$slideTrack.append(o.$slides),o.$slidesCache=o.$slides,o.reinit()},t.prototype.setCSS=function(i){var e,t,o=this,s={};!0===o.options.rtl&&(i=-i),e="left"==o.positionProp?Math.ceil(i)+"px":"0px",t="top"==o.positionProp?Math.ceil(i)+"px":"0px",s[o.positionProp]=i,!1===o.transformsEnabled?o.$slideTrack.css(s):(s={},!1===o.cssTransitions?(s[o.animType]="translate("+e+", "+t+")",o.$slideTrack.css(s)):(s[o.animType]="translate3d("+e+", "+t+", 0px)",o.$slideTrack.css(s)))},t.prototype.setDimensions=function(){var i=this;!1===i.options.vertical?!0===i.options.centerMode&&i.$list.css({padding:"0px "+i.options.centerPadding}):(i.$list.height(i.$slides.first().outerHeight(!0)*i.options.slidesToShow),!0===i.options.centerMode&&i.$list.css({padding:i.options.centerPadding+" 0px"})),i.listWidth=i.$list.width(),i.listHeight=i.$list.height(),!1===i.options.vertical&&!1===i.options.variableWidth?(i.slideWidth=Math.ceil(i.listWidth/i.options.slidesToShow),i.$slideTrack.width(Math.ceil(i.slideWidth*i.$slideTrack.children(".slick-slide").length))):!0===i.options.variableWidth?i.$slideTrack.width(5e3*i.slideCount):(i.slideWidth=Math.ceil(i.listWidth),i.$slideTrack.height(Math.ceil(i.$slides.first().outerHeight(!0)*i.$slideTrack.children(".slick-slide").length)));var e=i.$slides.first().outerWidth(!0)-i.$slides.first().width();!1===i.options.variableWidth&&i.$slideTrack.children(".slick-slide").width(i.slideWidth-e)},t.prototype.setFade=function(){var e,t=this;t.$slides.each(function(o,s){e=t.slideWidth*o*-1,!0===t.options.rtl?i(s).css({position:"relative",right:e,top:0,zIndex:t.options.zIndex-2,opacity:0}):i(s).css({position:"relative",left:e,top:0,zIndex:t.options.zIndex-2,opacity:0})}),t.$slides.eq(t.currentSlide).css({zIndex:t.options.zIndex-1,opacity:1})},t.prototype.setHeight=function(){var i=this;if(1===i.options.slidesToShow&&!0===i.options.adaptiveHeight&&!1===i.options.vertical){var e=i.$slides.eq(i.currentSlide).outerHeight(!0);i.$list.css("height",e)}},t.prototype.setOption=t.prototype.slickSetOption=function(){var e,t,o,s,n,r=this,l=!1;if("object"===i.type(arguments[0])?(o=arguments[0],l=arguments[1],n="multiple"):"string"===i.type(arguments[0])&&(o=arguments[0],s=arguments[1],l=arguments[2],"responsive"===arguments[0]&&"array"===i.type(arguments[1])?n="responsive":void 0!==arguments[1]&&(n="single")),"single"===n)r.options[o]=s;else if("multiple"===n)i.each(o,function(i,e){r.options[i]=e});else if("responsive"===n)for(t in s)if("array"!==i.type(r.options.responsive))r.options.responsive=[s[t]];else{for(e=r.options.responsive.length-1;e>=0;)r.options.responsive[e].breakpoint===s[t].breakpoint&&r.options.responsive.splice(e,1),e--;r.options.responsive.push(s[t])}l&&(r.unload(),r.reinit())},t.prototype.setPosition=function(){var i=this;i.setDimensions(),i.setHeight(),!1===i.options.fade?i.setCSS(i.getLeft(i.currentSlide)):i.setFade(),i.$slider.trigger("setPosition",[i])},t.prototype.setProps=function(){var i=this,e=document.body.style;i.positionProp=!0===i.options.vertical?"top":"left","top"===i.positionProp?i.$slider.addClass("slick-vertical"):i.$slider.removeClass("slick-vertical"),void 0===e.WebkitTransition&&void 0===e.MozTransition&&void 0===e.msTransition||!0===i.options.useCSS&&(i.cssTransitions=!0),i.options.fade&&("number"==typeof i.options.zIndex?i.options.zIndex<3&&(i.options.zIndex=3):i.options.zIndex=i.defaults.zIndex),void 0!==e.OTransform&&(i.animType="OTransform",i.transformType="-o-transform",i.transitionType="OTransition",void 0===e.perspectiveProperty&&void 0===e.webkitPerspective&&(i.animType=!1)),void 0!==e.MozTransform&&(i.animType="MozTransform",i.transformType="-moz-transform",i.transitionType="MozTransition",void 0===e.perspectiveProperty&&void 0===e.MozPerspective&&(i.animType=!1)),void 0!==e.webkitTransform&&(i.animType="webkitTransform",i.transformType="-webkit-transform",i.transitionType="webkitTransition",void 0===e.perspectiveProperty&&void 0===e.webkitPerspective&&(i.animType=!1)),void 0!==e.msTransform&&(i.animType="msTransform",i.transformType="-ms-transform",i.transitionType="msTransition",void 0===e.msTransform&&(i.animType=!1)),void 0!==e.transform&&!1!==i.animType&&(i.animType="transform",i.transformType="transform",i.transitionType="transition"),i.transformsEnabled=i.options.useTransform&&null!==i.animType&&!1!==i.animType},t.prototype.setSlideClasses=function(i){var e,t,o,s,n=this;if(t=n.$slider.find(".slick-slide").removeClass("slick-active slick-center slick-current").attr("aria-hidden","true"),n.$slides.eq(i).addClass("slick-current"),!0===n.options.centerMode){var r=n.options.slidesToShow%2==0?1:0;e=Math.floor(n.options.slidesToShow/2),!0===n.options.infinite&&(i>=e&&i<=n.slideCount-1-e?n.$slides.slice(i-e+r,i+e+1).addClass("slick-active").attr("aria-hidden","false"):(o=n.options.slidesToShow+i,t.slice(o-e+1+r,o+e+2).addClass("slick-active").attr("aria-hidden","false")),0===i?t.eq(t.length-1-n.options.slidesToShow).addClass("slick-center"):i===n.slideCount-1&&t.eq(n.options.slidesToShow).addClass("slick-center")),n.$slides.eq(i).addClass("slick-center")}else i>=0&&i<=n.slideCount-n.options.slidesToShow?n.$slides.slice(i,i+n.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"):t.length<=n.options.slidesToShow?t.addClass("slick-active").attr("aria-hidden","false"):(s=n.slideCount%n.options.slidesToShow,o=!0===n.options.infinite?n.options.slidesToShow+i:i,n.options.slidesToShow==n.options.slidesToScroll&&n.slideCount-i<n.options.slidesToShow?t.slice(o-(n.options.slidesToShow-s),o+s).addClass("slick-active").attr("aria-hidden","false"):t.slice(o,o+n.options.slidesToShow).addClass("slick-active").attr("aria-hidden","false"));"ondemand"!==n.options.lazyLoad&&"anticipated"!==n.options.lazyLoad||n.lazyLoad()},t.prototype.setupInfinite=function(){var e,t,o,s=this;if(!0===s.options.fade&&(s.options.centerMode=!1),!0===s.options.infinite&&!1===s.options.fade&&(t=null,s.slideCount>s.options.slidesToShow)){for(o=!0===s.options.centerMode?s.options.slidesToShow+1:s.options.slidesToShow,e=s.slideCount;e>s.slideCount-o;e-=1)t=e-1,i(s.$slides[t]).clone(!0).attr("id","").attr("data-slick-index",t-s.slideCount).prependTo(s.$slideTrack).addClass("slick-cloned");for(e=0;e<o+s.slideCount;e+=1)t=e,i(s.$slides[t]).clone(!0).attr("id","").attr("data-slick-index",t+s.slideCount).appendTo(s.$slideTrack).addClass("slick-cloned");s.$slideTrack.find(".slick-cloned").find("[id]").each(function(){i(this).attr("id","")})}},t.prototype.interrupt=function(i){i||this.autoPlay(),this.interrupted=i},t.prototype.selectHandler=function(e){var t=i(e.target).is(".slick-slide")?i(e.target):i(e.target).parents(".slick-slide"),o=parseInt(t.attr("data-slick-index"));o||(o=0),this.slideCount<=this.options.slidesToShow?this.slideHandler(o,!1,!0):this.slideHandler(o)},t.prototype.slideHandler=function(i,e,t){var o,s,n,r,l,a=null,d=this;if(e=e||!1,!(!0===d.animating&&!0===d.options.waitForAnimate||!0===d.options.fade&&d.currentSlide===i))if(!1===e&&d.asNavFor(i),o=i,a=d.getLeft(o),r=d.getLeft(d.currentSlide),d.currentLeft=null===d.swipeLeft?r:d.swipeLeft,!1===d.options.infinite&&!1===d.options.centerMode&&(i<0||i>d.getDotCount()*d.options.slidesToScroll))!1===d.options.fade&&(o=d.currentSlide,!0!==t?d.animateSlide(r,function(){d.postSlide(o)}):d.postSlide(o));else if(!1===d.options.infinite&&!0===d.options.centerMode&&(i<0||i>d.slideCount-d.options.slidesToScroll))!1===d.options.fade&&(o=d.currentSlide,!0!==t?d.animateSlide(r,function(){d.postSlide(o)}):d.postSlide(o));else{if(d.options.autoplay&&clearInterval(d.autoPlayTimer),s=o<0?d.slideCount%d.options.slidesToScroll!=0?d.slideCount-d.slideCount%d.options.slidesToScroll:d.slideCount+o:o>=d.slideCount?d.slideCount%d.options.slidesToScroll!=0?0:o-d.slideCount:o,d.animating=!0,d.$slider.trigger("beforeChange",[d,d.currentSlide,s]),n=d.currentSlide,d.currentSlide=s,d.setSlideClasses(d.currentSlide),d.options.asNavFor&&(l=(l=d.getNavTarget()).slick("getSlick")).slideCount<=l.options.slidesToShow&&l.setSlideClasses(d.currentSlide),d.updateDots(),d.updateArrows(),!0===d.options.fade)return!0!==t?(d.fadeSlideOut(n),d.fadeSlide(s,function(){d.postSlide(s)})):d.postSlide(s),void d.animateHeight();!0!==t?d.animateSlide(a,function(){d.postSlide(s)}):d.postSlide(s)}},t.prototype.startLoad=function(){var i=this;!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&(i.$prevArrow.hide(),i.$nextArrow.hide()),!0===i.options.dots&&i.slideCount>i.options.slidesToShow&&i.$dots.hide(),i.$slider.addClass("slick-loading")},t.prototype.swipeDirection=function(){var i,e,t,o,s=this;return i=s.touchObject.startX-s.touchObject.curX,e=s.touchObject.startY-s.touchObject.curY,t=Math.atan2(e,i),(o=Math.round(180*t/Math.PI))<0&&(o=360-Math.abs(o)),o<=45&&o>=0?!1===s.options.rtl?"left":"right":o<=360&&o>=315?!1===s.options.rtl?"left":"right":o>=135&&o<=225?!1===s.options.rtl?"right":"left":!0===s.options.verticalSwiping?o>=35&&o<=135?"down":"up":"vertical"},t.prototype.swipeEnd=function(i){var e,t,o=this;if(o.dragging=!1,o.swiping=!1,o.scrolling)return o.scrolling=!1,!1;if(o.interrupted=!1,o.shouldClick=!(o.touchObject.swipeLength>10),void 0===o.touchObject.curX)return!1;if(!0===o.touchObject.edgeHit&&o.$slider.trigger("edge",[o,o.swipeDirection()]),o.touchObject.swipeLength>=o.touchObject.minSwipe){switch(t=o.swipeDirection()){case"left":case"down":e=o.options.swipeToSlide?o.checkNavigable(o.currentSlide+o.getSlideCount()):o.currentSlide+o.getSlideCount(),o.currentDirection=0;break;case"right":case"up":e=o.options.swipeToSlide?o.checkNavigable(o.currentSlide-o.getSlideCount()):o.currentSlide-o.getSlideCount(),o.currentDirection=1}"vertical"!=t&&(o.slideHandler(e),o.touchObject={},o.$slider.trigger("swipe",[o,t]))}else o.touchObject.startX!==o.touchObject.curX&&(o.slideHandler(o.currentSlide),o.touchObject={})},t.prototype.swipeHandler=function(i){var e=this;if(!(!1===e.options.swipe||"ontouchend"in document&&!1===e.options.swipe||!1===e.options.draggable&&-1!==i.type.indexOf("mouse")))switch(e.touchObject.fingerCount=i.originalEvent&&void 0!==i.originalEvent.touches?i.originalEvent.touches.length:1,e.touchObject.minSwipe=e.listWidth/e.options.touchThreshold,!0===e.options.verticalSwiping&&(e.touchObject.minSwipe=e.listHeight/e.options.touchThreshold),i.data.action){case"start":e.swipeStart(i);break;case"move":e.swipeMove(i);break;case"end":e.swipeEnd(i)}},t.prototype.swipeMove=function(i){var e,t,o,s,n,r,l=this;return n=void 0!==i.originalEvent?i.originalEvent.touches:null,!(!l.dragging||l.scrolling||n&&1!==n.length)&&(e=l.getLeft(l.currentSlide),l.touchObject.curX=void 0!==n?n[0].pageX:i.clientX,l.touchObject.curY=void 0!==n?n[0].pageY:i.clientY,l.touchObject.swipeLength=Math.round(Math.sqrt(Math.pow(l.touchObject.curX-l.touchObject.startX,2))),r=Math.round(Math.sqrt(Math.pow(l.touchObject.curY-l.touchObject.startY,2))),!l.options.verticalSwiping&&!l.swiping&&r>4?(l.scrolling=!0,!1):(!0===l.options.verticalSwiping&&(l.touchObject.swipeLength=r),t=l.swipeDirection(),void 0!==i.originalEvent&&l.touchObject.swipeLength>4&&(l.swiping=!0,i.preventDefault()),s=(!1===l.options.rtl?1:-1)*(l.touchObject.curX>l.touchObject.startX?1:-1),!0===l.options.verticalSwiping&&(s=l.touchObject.curY>l.touchObject.startY?1:-1),o=l.touchObject.swipeLength,l.touchObject.edgeHit=!1,!1===l.options.infinite&&(0===l.currentSlide&&"right"===t||l.currentSlide>=l.getDotCount()&&"left"===t)&&(o=l.touchObject.swipeLength*l.options.edgeFriction,l.touchObject.edgeHit=!0),!1===l.options.vertical?l.swipeLeft=e+o*s:l.swipeLeft=e+o*(l.$list.height()/l.listWidth)*s,!0===l.options.verticalSwiping&&(l.swipeLeft=e+o*s),!0!==l.options.fade&&!1!==l.options.touchMove&&(!0===l.animating?(l.swipeLeft=null,!1):void l.setCSS(l.swipeLeft))))},t.prototype.swipeStart=function(i){var e,t=this;if(t.interrupted=!0,1!==t.touchObject.fingerCount||t.slideCount<=t.options.slidesToShow)return t.touchObject={},!1;void 0!==i.originalEvent&&void 0!==i.originalEvent.touches&&(e=i.originalEvent.touches[0]),t.touchObject.startX=t.touchObject.curX=void 0!==e?e.pageX:i.clientX,t.touchObject.startY=t.touchObject.curY=void 0!==e?e.pageY:i.clientY,t.dragging=!0},t.prototype.unfilterSlides=t.prototype.slickUnfilter=function(){var i=this;null!==i.$slidesCache&&(i.unload(),i.$slideTrack.children(this.options.slide).detach(),i.$slidesCache.appendTo(i.$slideTrack),i.reinit())},t.prototype.unload=function(){var e=this;i(".slick-cloned",e.$slider).remove(),e.$dots&&e.$dots.remove(),e.$prevArrow&&e.htmlExpr.test(e.options.prevArrow)&&e.$prevArrow.remove(),e.$nextArrow&&e.htmlExpr.test(e.options.nextArrow)&&e.$nextArrow.remove(),e.$slides.removeClass("slick-slide slick-active slick-visible slick-current").attr("aria-hidden","true").css("width","")},t.prototype.unslick=function(i){this.$slider.trigger("unslick",[this,i]),this.destroy()},t.prototype.updateArrows=function(){var i=this;Math.floor(i.options.slidesToShow/2),!0===i.options.arrows&&i.slideCount>i.options.slidesToShow&&!i.options.infinite&&(i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false"),i.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false"),0===i.currentSlide?(i.$prevArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$nextArrow.removeClass("slick-disabled").attr("aria-disabled","false")):i.currentSlide>=i.slideCount-i.options.slidesToShow&&!1===i.options.centerMode?(i.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")):i.currentSlide>=i.slideCount-1&&!0===i.options.centerMode&&(i.$nextArrow.addClass("slick-disabled").attr("aria-disabled","true"),i.$prevArrow.removeClass("slick-disabled").attr("aria-disabled","false")))},t.prototype.updateDots=function(){var i=this;null!==i.$dots&&(i.$dots.find("li").removeClass("slick-active").end(),i.$dots.find("li").eq(Math.floor(i.currentSlide/i.options.slidesToScroll)).addClass("slick-active"))},t.prototype.visibility=function(){this.options.autoplay&&(document[this.hidden]?this.interrupted=!0:this.interrupted=!1)},i.fn.slick=function(){var i,e,o=this,s=arguments[0],n=Array.prototype.slice.call(arguments,1),r=o.length;for(i=0;i<r;i++)if("object"==typeof s||void 0===s?o[i].slick=new t(o[i],s):e=o[i].slick[s].apply(o[i].slick,n),void 0!==e)return e;return o}}),function(i){i.fn.slickAnimation=function(){function e(i,e,t,o,s){s=void 0!==s&&s,1==e.opacity?(i.addClass(t),i.addClass(o)):(i.removeClass(t),i.removeClass(o)),s&&i.css(e)}function t(i,e){return i?1e3*i+1e3:e?1e3*e:i||e?1e3*i+1e3*e:1e3}function o(i,e,t){var o={};["animation-"+e,"-webkit-animation-"+e,"-moz-animation-"+e,"-o-animation-"+e,"-ms-animation-"+e].forEach(function(i){o[i]=t+"s"}),i.css(o)}var s=i(this),n=s.find(".slick-list .slick-track > div"),r=s.find('[data-slick-index="0"]'),l="animated",a={opacity:"1"},d={opacity:"0"};return n.each(function(){var n=i(this);n.find("[data-animation-in]").each(function(){var c=i(this);c.css(d);var p=c.attr("data-animation-in"),u=c.attr("data-animation-out"),h=c.attr("data-delay-in"),f=c.attr("data-duration-in"),v=c.attr("data-delay-out"),k=c.attr("data-duration-out");u?(r.length>0&&n.hasClass("slick-current")&&(e(c,a,p,l,!0),h&&o(c,"delay",h),f&&o(c,"duration",f),setTimeout(function(){e(c,d,p,l),e(c,a,u,l),v&&o(c,"delay",v),k&&o(c,"duration",k)},t(h,f))),s.on("afterChange",function(i,s,r){n.hasClass("slick-current")&&(e(c,a,p,l,!0),h&&o(c,"delay",h),f&&o(c,"duration",f),setTimeout(function(){e(c,d,p,l),e(c,a,u,l),v&&o(c,"delay",v),k&&o(c,"duration",k)},t(h,f)))}),s.on("beforeChange",function(i,t,o){e(c,d,u,l,!0)})):(r.length>0&&n.hasClass("slick-current")&&(e(c,a,p,l,!0),h&&o(c,"delay",h),f&&o(c,"duration",f)),s.on("afterChange",function(i,t,s){n.hasClass("slick-current")&&(e(c,a,p,l,!0),h&&o(c,"delay",h),f&&o(c,"duration",f))}),s.on("beforeChange",function(i,t,o){e(c,d,p,l,!0)}))})}),this}}(jQuery);
\ No newline at end of file
diff --git a/themes/adritian/tests/README.md b/themes/adritian/tests/README.md
new file mode 100644
index 0000000..e8b51a6
--- /dev/null
+++ b/themes/adritian/tests/README.md
@@ -0,0 +1,171 @@
+# E2E Tests
+
+This directory contains end-to-end tests for the Adritian Hugo theme using Playwright.
+
+## Test Structure
+
+### Existing Tests
+- `basic.spec.ts` - Basic theme functionality (homepage, theme switching, navigation)
+- `blog.spec.ts` - Blog page content and navigation
+- `theme-switch.spec.ts` - Theme switching functionality
+- `language-switch.spec.ts` - Language switching functionality
+- `experience.spec.ts` - Experience section tests
+- `search.spec.ts` - Search functionality
+- `html-validation.spec.ts` - HTML validation
+- `tags.spec.ts` - Tag pages
+- `contact.spec.ts` - Contact form
+- `list-style.spec.ts` - List style variations
+- `sections.spec.ts` - Section rendering
+- `no-menus.spec.ts` - Tests for configurations without menus
+
+### New Features Tests
+- **`new-features.spec.ts`** - Comprehensive tests for the new blog features added in the latest release:
+  - **Related Posts**: Tests for related posts display, clickability, and tag rendering
+  - **Social Sharing Buttons**: Tests for all sharing platforms, correct links, and ARIA labels
+  - **Table of Contents**: Tests for TOC display, navigation, and sticky positioning
+  - **Enhanced Reading Metadata**: Tests for reading time, word count, publish date, and last modified date
+  - **Comments Integration**: Structure tests for comment system integration
+  - **Dark Mode Support**: Tests for all new features in dark mode
+  - **Responsive Design**: Tests for mobile and tablet viewports
+  - **Multilingual Support**: Tests for translated labels
+  - **Accessibility**: Tests for heading hierarchy, keyboard navigation, and semantic HTML
+  - **Performance**: Tests for page load time and layout stability
+
+## Running Tests
+
+### Run all tests
+```bash
+npm test
+```
+
+### Run E2E tests only
+```bash
+npm run test:e2e
+```
+
+### Run new features tests only
+```bash
+npm run test:e2e:new-features
+```
+
+### Run tests without menus
+```bash
+npm run test:e2e:no-menus
+```
+
+### Run tests in UI mode (interactive)
+```bash
+npm run test:e2e:ui
+```
+
+### Run tests in debug mode
+```bash
+npm run test:e2e:debug
+```
+
+## Test Coverage for New Features
+
+The `new-features.spec.ts` test suite includes **27 comprehensive tests** covering:
+
+### Related Posts (3 tests)
+- ✅ Display and structure validation
+- ✅ Navigation functionality
+- ✅ Tag rendering
+
+### Social Sharing Buttons (4 tests)
+- ✅ Section display
+- ✅ All platform buttons (Twitter, LinkedIn, Facebook, Email)
+- ✅ Correct share URLs
+- ✅ ARIA labels for accessibility
+
+### Table of Contents (4 tests)
+- ✅ TOC display when enabled
+- ✅ Navigation links generation
+- ✅ Section navigation functionality
+- ✅ Sticky positioning
+
+### Enhanced Reading Metadata (5 tests)
+- ✅ Reading time display
+- ✅ Word count display
+- ✅ Publish date display
+- ✅ Last modified date display
+- ✅ Metadata structure
+
+### Dark Mode Support (1 test)
+- ✅ All features visible and functional in dark mode
+
+### Responsive Design (2 tests)
+- ✅ Mobile viewport rendering
+- ✅ Responsive grid adaptation
+
+### Multilingual Support (1 test)
+- ✅ Translated labels in different languages
+
+### Accessibility (4 tests)
+- ✅ Proper heading hierarchy
+- ✅ Keyboard navigation for share buttons
+- ✅ Keyboard navigation for TOC
+- ✅ Semantic HTML structure
+
+### Performance (2 tests)
+- ✅ Page load time
+- ✅ Layout stability (no layout shift)
+
+### Comments Integration (1 test)
+- ✅ Structure validation for comment systems
+
+## Prerequisites
+
+1. Install dependencies:
+```bash
+npm install
+```
+
+2. Install Playwright browsers:
+```bash
+npx playwright install chromium
+```
+
+3. Build the example site:
+```bash
+npm run build
+```
+
+## Configuration
+
+Tests use the Playwright configuration in `playwright.config.ts` which:
+- Runs tests against `http://localhost:1313`
+- Automatically starts the Hugo server
+- Captures screenshots and videos on test failures
+- Generates HTML reports
+
+## Writing New Tests
+
+When adding new features to the theme:
+1. Create or update test files in `tests/e2e/`
+2. Follow existing patterns for test structure
+3. Include tests for:
+   - Visual rendering
+   - Functionality
+   - Accessibility
+   - Dark mode compatibility
+   - Responsive design
+   - Multilingual support (if applicable)
+
+## CI/CD Integration
+
+Tests are designed to run in CI environments with the `TEST_NO_MENUS` environment variable to handle different configurations.
+
+## Test Reports
+
+After running tests, view the HTML report:
+```bash
+npx playwright show-report playwright-report
+```
+
+## Debugging Failed Tests
+
+1. Run in UI mode to see tests execute in real-time
+2. Use `--debug` flag to step through tests
+3. Check screenshots and videos in `test-results/`
+4. Review traces with: `npx playwright show-trace <trace-file>`
diff --git a/themes/adritian/tests/e2e/basic.spec.ts b/themes/adritian/tests/e2e/basic.spec.ts
new file mode 100644
index 0000000..3c607d0
--- /dev/null
+++ b/themes/adritian/tests/e2e/basic.spec.ts
@@ -0,0 +1,159 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL: string = process.env.TEST_BASE_URL ?? 'http://localhost:1313';
+
+if (!BASE_URL.startsWith('http')) {
+  throw new Error('TEST_BASE_URL must be a valid URL starting with http:// or https://');
+}
+console.log(`Running tests against ${BASE_URL}`);
+
+test.describe('Theme basic functionality', () => {
+  test.beforeAll(async () => {
+    // Health check
+    try {
+      await fetch(BASE_URL);
+    } catch (error) {
+      console.error(`Failed to connect to ${BASE_URL}. Is the Hugo server running?`);
+      throw error;
+    }
+  });
+
+  test('homepage loads correctly', async ({ page }) => {
+    await page.goto(BASE_URL);
+    await expect(page).toHaveTitle(/Adritian/);
+  });
+
+  test('theme switcher works', async ({ page }) => {
+    test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+    // set the browser theme preference to "light"
+    // Emulate dark color scheme
+    await page.emulateMedia({ colorScheme: 'dark' });
+
+
+    await page.goto(BASE_URL);
+    // attribute exists
+    await expect(page.locator('html')).toHaveAttribute('data-bs-theme');
+    // click on theme switcher
+    await page.click('div#footer-color-selector button.bd-theme-selector');
+    /* click on the html element:
+    <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light" aria-pressed="false">
+                    ☀️ Light
+                  </button>
+    */
+   await page.getByRole('button', { name: '☀️ Light' }).last().click();
+   await expect(page.locator('html')).toHaveAttribute('data-bs-theme', 'light');
+    // click on theme switcher
+    await page.click('div#footer-color-selector button.bd-theme-selector');
+    /* click on the html element:
+    <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="dark" aria-pressed="true">
+                    🌑 Dark
+                    <span class="theme-icon dark d-none" aria-hidden="true"></span>
+                  </button>
+    */
+    await expect(page.getByText('🌑 Dark').last()).toBeVisible();
+    await expect(page.locator('html')).toHaveAttribute('data-bs-theme', 'light');
+  });
+
+  test('navigation is visible', async ({ page }) => {
+    await page.goto(BASE_URL);
+    await expect(page.locator('nav.navbar')).toBeVisible();
+  });
+
+  test('footer links work', async ({ page }) => {
+    await page.goto(BASE_URL);
+    await expect(page.locator('.footer_links')).toBeVisible();
+  });
+
+  test('skip to content link works', async ({ page }) => {
+    // Navigate to a content page
+    await page.goto(`${BASE_URL}/blog`);
+    
+    // The skip link should be initially hidden but in the DOM
+    const skipLink = page.locator('.skip-to-content-link');
+    await expect(skipLink).toBeAttached();
+    
+    // Focus the skip link (simulates tabbing to it)
+    await skipLink.focus();
+    
+    // Now it should be visible
+    await expect(skipLink).toBeVisible();
+    
+    // Press Enter key on the skip link
+    await skipLink.press('Enter');
+    
+    // Verify we jumped to the main content
+    // Check URL hash
+    await expect(page).toHaveURL(/#main-content$/);
+    
+    // Verify focus is moved to main content
+    const mainContent = page.locator('#main-content');
+    await expect(mainContent).toBeFocused();
+  });
+});
+
+test('footer_right should contain exactly 2 dropdown element for language and theme', async ({ page }) => {
+ test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+  await page.goto(`${BASE_URL}/disable-menu/`);
+
+  // Verify footer and footer_right exist
+  await expect(page.locator('footer')).toBeAttached();
+  await expect(page.locator('footer .footer_right')).toBeAttached();
+
+  // Verify exactly 2 dropdown elements exist within footer_right
+  await expect(page.locator('footer .footer_right .dropdown')).toHaveCount(2);
+});
+
+
+test('should load all homepage images correctly', async ({ page }) => {
+  await page.goto('http://localhost:1313');
+  
+  // Wait for network to be idle (most images loaded)
+  await page.waitForLoadState('networkidle');
+  
+  // Helper function to check images - handles both regular and lazy-loaded images
+  const checkImageElements = async (selector: string) => {
+    const elements = page.locator(selector);
+    const count = await elements.count();
+    
+    console.log(`Checking images with selector "${selector}" - found ${count} elements`);
+    await expect(count).toBeGreaterThan(0);
+    if (count === 0) throw new Error(`Expected to find at least one element matching "${selector}"`);
+    
+    for (let i = 0; i < count; i++) {
+      const element = elements.nth(i);
+      await expect(element).toBeVisible();
+      
+      const isLazyLoaded = await element.evaluate(el => 
+        el.classList.contains('lozad') || el.hasAttribute('data-src'));
+      
+      if (isLazyLoaded) {
+        // For lazy-loaded images, check that data attributes exist
+        const dataSrc = await element.getAttribute('data-src');
+        expect(dataSrc).toBeTruthy();
+      } else {
+        // For regular images, check naturalWidth
+        const naturalWidth = await element.evaluate(el => (el as HTMLImageElement).naturalWidth);
+        await expect(naturalWidth).toBeGreaterThan(0);
+        if (naturalWidth === 0) throw new Error('Image should have loaded (naturalWidth > 0)');
+      }
+    }
+  };
+  
+  // Check all required image elements
+  await checkImageElements('.profile-image img');
+  
+  // .image-left-overflow might be an element with background image or contain an img
+  const leftOverflowElement = page.locator('.image-left-overflow').first();
+  await expect(leftOverflowElement).toBeVisible();
+  
+  // Check if it contains any img elements
+  const hasImg = await page.locator('.image-left-overflow img').count() > 0;
+  if (hasImg) {
+    await checkImageElements('.image-left-overflow img');
+  }
+  
+  await checkImageElements('.client-works-container picture img');
+  await checkImageElements('.testimonial__author .picture img');
+});
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/blog-post-features.spec.ts b/themes/adritian/tests/e2e/blog-post-features.spec.ts
new file mode 100644
index 0000000..4259d88
--- /dev/null
+++ b/themes/adritian/tests/e2e/blog-post-features.spec.ts
@@ -0,0 +1,364 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('New Blog Features', () => {
+  
+  test.describe('Related Posts', () => {
+    test('should display related posts section with heading, list, and 3 post items including title, excerpt, date, and tags', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Wait for page to load
+      await page.waitForLoadState('networkidle');
+      
+      // Check for related posts section
+      const relatedPostsSection = page.locator('.related-posts');
+      await expect(relatedPostsSection).toBeVisible();
+      
+      // Check heading
+      await expect(relatedPostsSection.locator('h3')).toContainText('Related Posts');
+      
+      // Check that we have related posts displayed
+      const relatedPostsList = relatedPostsSection.locator('.related-posts-list');
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Check that at least one related post item exists
+      const relatedPostItems = relatedPostsList.locator('.related-post-item');
+      await expect(relatedPostItems).toHaveCount(3); // Should show 3 related posts
+      
+      // Verify each related post has required elements
+      const firstPost = relatedPostItems.first();
+      await expect(firstPost.locator('h4')).toBeVisible();
+      await expect(firstPost.locator('.related-post-excerpt')).toBeVisible();
+      await expect(firstPost.locator('.related-post-meta .post-date')).toBeVisible();
+    });
+
+    test('should navigate to correct blog post URL when clicking on a related post item', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Click on the first related post
+      await page.locator('.related-post-item').first().click();
+      
+      // Should navigate to a different blog post
+      await expect(page).toHaveURL(/\/blog\/.+/);
+      await expect(page.locator('h1')).toBeVisible();
+    });
+
+    test('should display at least one tag on related posts items', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check that tags are displayed in related posts
+      const tagsInRelatedPosts = page.locator('.related-post-item .post-tags .tag');
+      const tagCount = await tagsInRelatedPosts.count();
+      
+      // At least some posts should have tags
+      expect(tagCount).toBeGreaterThan(0);
+    });
+  });
+
+  test.describe('Social Sharing Buttons', () => {
+    test('should display social sharing section with "Share this post" heading', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const sharingSection = page.locator('.social-sharing');
+      await expect(sharingSection).toBeVisible();
+      
+      // Check heading
+      await expect(sharingSection.locator('h3')).toContainText('Share this post');
+    });
+
+    test('should display sharing buttons for Twitter, LinkedIn, Facebook, and Email', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const sharingButtons = page.locator('.share-buttons');
+      await expect(sharingButtons).toBeVisible();
+      
+      // Check for each platform's button
+      await expect(sharingButtons.locator('.share-twitter')).toBeVisible();
+      await expect(sharingButtons.locator('.share-linkedin')).toBeVisible();
+      await expect(sharingButtons.locator('.share-facebook')).toBeVisible();
+      await expect(sharingButtons.locator('.share-email')).toBeVisible();
+    });
+
+    test('should have correct share URLs for Twitter, LinkedIn, Facebook, and Email with proper parameters', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check Twitter share link
+      const twitterButton = page.locator('.share-twitter');
+      const twitterHref = await twitterButton.getAttribute('href');
+      expect(twitterHref).toContain('twitter.com/intent/tweet');
+      expect(twitterHref).toContain('url=');
+      
+      // Check LinkedIn share link
+      const linkedinButton = page.locator('.share-linkedin');
+      const linkedinHref = await linkedinButton.getAttribute('href');
+      expect(linkedinHref).toContain('linkedin.com/sharing/share-offsite');
+      
+      // Check Facebook share link
+      const facebookButton = page.locator('.share-facebook');
+      const facebookHref = await facebookButton.getAttribute('href');
+      expect(facebookHref).toContain('facebook.com/sharer');
+      
+      // Check Email share link
+      const emailButton = page.locator('.share-email');
+      const emailHref = await emailButton.getAttribute('href');
+      expect(emailHref).toContain('mailto:');
+    });
+
+    test('should have accessible ARIA labels on all sharing buttons for screen readers', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check ARIA labels for accessibility
+      await expect(page.locator('.share-twitter')).toHaveAttribute('aria-label', /Share on Twitter/i);
+      await expect(page.locator('.share-linkedin')).toHaveAttribute('aria-label', /Share on LinkedIn/i);
+      await expect(page.locator('.share-facebook')).toHaveAttribute('aria-label', /Share on Facebook/i);
+      await expect(page.locator('.share-email')).toHaveAttribute('aria-label', /Share via Email/i);
+    });
+  });
+
+  test.describe('Table of Contents', () => {
+    test('should display table of contents section with "Table of Contents" heading when enabled in post frontmatter', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const tocSection = page.locator('.table-of-contents');
+      await expect(tocSection).toBeVisible();
+      
+      // Check heading
+      await expect(tocSection.locator('h3')).toContainText('Table of Contents');
+    });
+
+    test('should contain navigation links with anchor href attributes pointing to page sections', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const tocNav = page.locator('.table-of-contents #TableOfContents');
+      await expect(tocNav).toBeVisible();
+      
+      // Should have list items with links
+      const tocLinks = tocNav.locator('a');
+      const linkCount = await tocLinks.count();
+      expect(linkCount).toBeGreaterThan(0);
+      
+      // Check first link
+      await expect(tocLinks.first()).toBeVisible();
+      const firstHref = await tocLinks.first().getAttribute('href');
+      expect(firstHref).toMatch(/^#/); // Should be anchor links
+    });
+
+    test('should scroll to corresponding section and update URL hash when clicking on table of contents links', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Click on a TOC link
+      const tocLinks = page.locator('.table-of-contents #TableOfContents a');
+      const firstLink = tocLinks.first();
+      const linkText = await firstLink.textContent();
+      
+      await firstLink.click();
+      
+      // URL should have the hash
+      await expect(page).toHaveURL(/#.+/);
+      
+      // Wait a bit for smooth scrolling
+      await page.waitForTimeout(500);
+    });
+
+    test('should have sticky positioning class when tocSticky is enabled in post frontmatter', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const tocSection = page.locator('.table-of-contents');
+      
+      // Check if it has the sticky class (post has tocSticky: true)
+      await expect(tocSection).toHaveClass(/toc-sticky/);
+    });
+  });
+
+  test.describe('Enhanced Reading Metadata', () => {
+    test('should display estimated reading time in minutes', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for reading time
+      const readingTime = page.locator('#reading-time');
+      await expect(readingTime).toBeVisible();
+      await expect(readingTime).toContainText('min read');
+    });
+
+    test('should display total word count of the post', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for word count
+      const wordCount = page.locator('#wordcount');
+      await expect(wordCount).toBeVisible();
+      await expect(wordCount).toContainText('Words');
+    });
+
+    test('should display post publish date', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for publish date
+      const publishDate = page.locator('#date');
+      await expect(publishDate).toBeVisible();
+    });
+
+    test('should display last modified date with "Updated" label when lastmod is present in frontmatter', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for last modified date
+      const lastModified = page.locator('#last-modified');
+      
+      // The demo post has lastmod, so it should be visible
+      await expect(lastModified).toBeVisible();
+      await expect(lastModified).toContainText('Updated');
+    });
+
+    test('should have properly structured metadata section with semantic HTML', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const metaSection = page.locator('#meta');
+      await expect(metaSection).toBeVisible();
+      
+      // Should be a logical grouping
+      await expect(metaSection.locator('section')).toBeVisible();
+    });
+  });
+
+  test.describe('Comments Integration (Structure)', () => {
+    test('should have main content structure that supports comments section when configured', async ({ page }) => {
+      // Note: Since comments aren't enabled in demo, this tests the structure
+      // would exist if configured
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Comments section won't be visible without configuration
+      // but we can test that the blog single template is properly structured
+      const mainContent = page.locator('#main-content');
+      await expect(mainContent).toBeVisible();
+    });
+  });
+
+
+  test.describe('Responsive Design', () => {
+    test('should display related posts, social sharing, and table of contents on mobile viewport (375x667)', async ({ page }) => {
+      // Set mobile viewport
+      await page.setViewportSize({ width: 375, height: 667 });
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Related posts should adapt to mobile
+      const relatedPosts = page.locator('.related-posts');
+      await expect(relatedPosts).toBeVisible();
+      
+      // Social sharing should be visible
+      const socialSharing = page.locator('.social-sharing');
+      await expect(socialSharing).toBeVisible();
+      
+      // TOC should be visible but may not be sticky
+      const toc = page.locator('.table-of-contents');
+      await expect(toc).toBeVisible();
+    });
+
+    test('should adapt related posts grid layout across desktop (1280px), tablet (768px), and mobile (375px) viewports', async ({ page }) => {
+      // Test desktop width
+      await page.setViewportSize({ width: 1280, height: 720 });
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const relatedPostsList = page.locator('.related-posts-list');
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Test tablet width
+      await page.setViewportSize({ width: 768, height: 1024 });
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Test mobile width
+      await page.setViewportSize({ width: 375, height: 667 });
+      await expect(relatedPostsList).toBeVisible();
+    });
+  });
+
+  test.describe('Multilingual Support', () => {
+    test('should display "Idioma" button and Spanish language option in language switcher dropdown', async ({ page }) => {
+      test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+      
+      // Navigate to Spanish version
+      await page.goto(`${BASE_URL}/es/`);
+      
+      
+      // Open language switcher
+      const languageButton = page.locator('button', { hasText: 'Idioma' }).first();
+      await languageButton.click();
+      
+      // Should see language options
+      await expect(page.locator('#languages-dropdown-header').getByText('Español')).toBeVisible();
+    });
+  });
+
+  test.describe('Accessibility', () => {
+    test('should use proper h3 heading hierarchy for related posts, social sharing, and table of contents sections', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check that section headings are h3
+      await expect(page.locator('.related-posts h3')).toBeVisible();
+      await expect(page.locator('.social-sharing h3')).toBeVisible();
+      await expect(page.locator('.table-of-contents h3')).toBeVisible();
+    });
+
+    test('should allow keyboard navigation and focus on social sharing buttons', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Focus first share button
+      const shareButtons = page.locator('.share-buttons a');
+      const firstButton = shareButtons.first();
+      
+      await firstButton.focus();
+      
+      // Should be focusable
+      await expect(firstButton).toBeFocused();
+    });
+
+    test('should allow keyboard navigation and focus on table of contents links', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Focus first TOC link
+      const tocLinks = page.locator('.table-of-contents a');
+      const firstLink = tocLinks.first();
+      
+      await firstLink.focus();
+      
+      // Should be focusable
+      await expect(firstLink).toBeFocused();
+    });
+
+    test('should use semantic HTML with unordered list (ul/li) elements for related posts', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Related posts should use list elements
+      const relatedPostsList = page.locator('.related-posts ul');
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Each item should be a list item
+      const listItems = relatedPostsList.locator('li');
+      await expect(listItems.first()).toBeVisible();
+    });
+  });
+
+  test.describe('Performance', () => {
+    test('should load page with all new features in under 5 seconds including network idle state', async ({ page }) => {
+      const startTime = Date.now();
+      
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      await page.waitForLoadState('networkidle');
+      
+      const loadTime = Date.now() - startTime;
+      
+      // Should load in under 5 seconds
+      expect(loadTime).toBeLessThan(5000);
+    });
+
+    test('should render all feature sections without causing cumulative layout shift after page load', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Wait for page to be fully loaded
+      await page.waitForLoadState('networkidle');
+      
+      // All main sections should be visible without scrolling
+      const relatedPosts = page.locator('.related-posts');
+      await expect(relatedPosts).toBeAttached();
+    });
+  });
+});
diff --git a/themes/adritian/tests/e2e/blog.spec.ts b/themes/adritian/tests/e2e/blog.spec.ts
new file mode 100644
index 0000000..a13d666
--- /dev/null
+++ b/themes/adritian/tests/e2e/blog.spec.ts
@@ -0,0 +1,23 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('Blog page content', () => {
+  test('should show "Demo Blog" heading and "Welcome to the demo blog" text', async ({ page }) => {
+    await page.goto(`${BASE_URL}/blog`);
+    
+    // Verify heading is displayed
+    await expect(page.getByRole('heading', { name: /demo blog/i })).toBeVisible();
+    
+    // Verify body text is displayed
+    await expect(page.getByText('Welcome to the demo blog')).toBeVisible();
+  });
+
+  test('should navigate to the sample blog article by clicking on the post link', async ({ page }) => {
+    await page.goto(`${BASE_URL}/blog`);
+    await page.click('text=Sample content: formatting styles'); // Adjust text if needed
+    await expect(page).toHaveURL(`${BASE_URL}/blog/sample/`);
+    await expect(page.getByRole('heading', { name: /sample content/i })).toBeVisible();
+  });
+});
+
diff --git a/themes/adritian/tests/e2e/contact.spec.ts b/themes/adritian/tests/e2e/contact.spec.ts
new file mode 100644
index 0000000..9890fc8
--- /dev/null
+++ b/themes/adritian/tests/e2e/contact.spec.ts
@@ -0,0 +1,167 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL: string = process.env.TEST_BASE_URL ?? 'http://localhost:1313';
+
+if (!BASE_URL.startsWith('http')) {
+  throw new Error('TEST_BASE_URL must be a valid URL starting with http:// or https://');
+}
+console.log(`Running tests against ${BASE_URL}`);
+
+test.describe('Contact Form Functionality', () => {
+  test.beforeEach(async ({ page }) => {
+    // Navigate to the page with the contact form (usually footer)
+    await page.goto(BASE_URL);
+    // Scroll to the bottom of the page where the contact form is typically located
+    await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));
+  });
+
+  test('contact form placeholders are visible', async ({ page }) => {
+    // Check that all form fields have visible placeholders
+    const nameInput = page.locator('form input[name="full_name"]');
+    const emailInput = page.locator('form input[name="email"]');
+    const phoneInput = page.locator('form input[name="phone"]');
+    const messageTextarea = page.locator('form textarea[name="message"]');
+    
+    // Verify the inputs exist
+    await expect(nameInput).toBeVisible();
+    await expect(emailInput).toBeVisible();
+    await expect(phoneInput).toBeVisible();
+    await expect(messageTextarea).toBeVisible();
+    
+    // Verify that placeholders are set
+    await expect(nameInput).toHaveAttribute('placeholder');
+    await expect(emailInput).toHaveAttribute('placeholder');
+    await expect(phoneInput).toHaveAttribute('placeholder');
+    await expect(messageTextarea).toHaveAttribute('placeholder');
+    
+    // Verify the placeholders aren't empty
+    const namePlaceholder = await nameInput.getAttribute('placeholder');
+    const emailPlaceholder = await emailInput.getAttribute('placeholder');
+    const phonePlaceholder = await phoneInput.getAttribute('placeholder');
+    const messagePlaceholder = await messageTextarea.getAttribute('placeholder');
+    
+    expect(namePlaceholder).toBeTruthy();
+    expect(emailPlaceholder).toBeTruthy();
+    expect(phonePlaceholder).toBeTruthy();
+    expect(messagePlaceholder).toBeTruthy();
+  });
+
+  test('contact form placeholders match values from shortcode', async ({ page }) => {
+    // Get the form field elements
+    const nameInput = page.locator('form input[name="full_name"]');
+    const emailInput = page.locator('form input[name="email"]');
+    const phoneInput = page.locator('form input[name="phone"]');
+    const messageTextarea = page.locator('form textarea[name="message"]');
+    
+    // Get the placeholder values
+    const namePlaceholder = await nameInput.getAttribute('placeholder');
+    const emailPlaceholder = await emailInput.getAttribute('placeholder');
+    const phonePlaceholder = await phoneInput.getAttribute('placeholder');
+    const messagePlaceholder = await messageTextarea.getAttribute('placeholder');
+    
+    // Log the placeholder values for debugging
+    console.log('Placeholder values:', {
+      name: namePlaceholder,
+      email: emailPlaceholder,
+      phone: phonePlaceholder,
+      message: messagePlaceholder
+    });
+    
+    // Verify placeholders have meaningful content
+    // The specific values will depend on what's set in your shortcode or defaults
+    // We're checking they're not empty and not just generic defaults
+    expect(namePlaceholder).toBeTruthy();
+    expect(namePlaceholder?.length).toBeGreaterThan(2);
+    
+    expect(emailPlaceholder).toBeTruthy();
+    expect(emailPlaceholder?.length).toBeGreaterThan(2);
+    
+    expect(phonePlaceholder).toBeTruthy();
+    expect(phonePlaceholder?.length).toBeGreaterThan(2);
+    
+    expect(messagePlaceholder).toBeTruthy();
+    expect(messagePlaceholder?.length).toBeGreaterThan(2);
+    
+    // Check that placeholders are not just "placeholder" or generic text
+    expect(namePlaceholder?.toLowerCase()).not.toBe('placeholder');
+    expect(emailPlaceholder?.toLowerCase()).not.toBe('placeholder');
+    expect(phonePlaceholder?.toLowerCase()).not.toBe('placeholder');
+    expect(messagePlaceholder?.toLowerCase()).not.toBe('placeholder');
+  });
+
+  test('contact form has proper CSS styling', async ({ page }) => {
+    // Verify that the form elements have the expected CSS classes
+    await expect(page.locator('section.section--contact')).toBeVisible();
+    await expect(page.locator('form.contact__form')).toHaveClass(/contact__form/);
+    
+    // Check specific form field styling
+    await expect(page.locator('input[name="full_name"]')).toHaveClass(/form-control/);
+    await expect(page.locator('input[name="email"]')).toHaveClass(/form-control/);
+    await expect(page.locator('input[name="phone"]')).toHaveClass(/form-control/);
+    await expect(page.locator('textarea[name="message"]')).toHaveClass(/form-control/);
+    
+    // Check submit button styling
+    await expect(page.locator('form.contact__form button[type="submit"]')).toHaveClass(/btn btn-primary/);
+  });
+
+  test('message textarea has the correct number of rows', async ({ page }) => {
+    // Verify that the textarea has the correct number of rows (default is 2)
+    const messageTextarea = page.locator('form textarea[name="message"]');
+    const rowsValue = await messageTextarea.getAttribute('rows');
+    
+    // The actual value will depend on your implementation, but should be at least "2"
+    expect(Number(rowsValue)).toBeGreaterThanOrEqual(2);
+  });
+
+  test('contact section displays correct information from shortcode', async ({ page }) => {
+    // Assuming the contact form has a title
+    const contactTitle = page.locator('section.section--contact h2');
+    await expect(contactTitle).toBeVisible();
+    
+    // Check contact information is displayed correctly
+    // For example, the phone number, email, and address sections
+    const contactInfo = page.locator('.contact__info');
+    await expect(contactInfo).toBeVisible();
+    
+    // Check headings in contact info section
+    const infoHeadings = contactInfo.locator('h3');
+    // Replace with a meaningful assertion if the expected count is known
+    await expect(infoHeadings).toHaveCount(3); // Example: Replace 3 with the actual expected count
+    // If your site has email info displayed, check it
+    const emailSection = contactInfo.locator('h3', { hasText: /mail|email/i }).first();
+    if (await emailSection.count() > 0) {
+      await expect(emailSection).toBeVisible();
+      // Check if there's an email value below the heading
+      const emailValue = emailSection.locator('+ span');
+      await expect(emailValue).toBeVisible();
+    }
+    
+    // If your site has phone info displayed, check it
+    const phoneSection = contactInfo.locator('h3', { hasText: /phone/i }).first();
+    if (await phoneSection.count() > 0) {
+      await expect(phoneSection).toBeVisible();
+      // Check if there's a phone value below the heading
+      const phoneValue = phoneSection.locator('+ span');
+      await expect(phoneValue).toBeVisible();
+    }
+  });
+
+  test('submit button displays text from the shortcode', async ({ page }) => {
+    // Check that the submit button has text content
+    const submitButton = page.locator('form.contact__form button[type="submit"]');
+    await expect(submitButton).toBeVisible();
+    const buttonText = await submitButton.textContent();
+    expect(buttonText?.trim()).toBeTruthy();
+  });
+
+  test('form action is set correctly', async ({ page }) => {
+    // Verify that the form has an action attribute
+    const form = page.locator('form').first();
+    const action = await form.getAttribute('action');
+    expect(action).toBeTruthy();
+    
+    // Also check the method attribute
+    const method = await form.getAttribute('method');
+    expect(method).toBeTruthy();
+  });
+});
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/experience.spec.ts b/themes/adritian/tests/e2e/experience.spec.ts
new file mode 100644
index 0000000..81bdb7c
--- /dev/null
+++ b/themes/adritian/tests/e2e/experience.spec.ts
@@ -0,0 +1,87 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('Experience items functionality', () => {
+  test('navigates to experience items in English', async ({ page }) => {
+    // Start from homepage
+    await page.goto(BASE_URL);
+    
+    // Click on first experience item
+    await page.getByText('Chief Intern').first().click();
+    
+    // Verify URL and content
+    await expect(page).toHaveURL(/\/experience\/job-2\/?$/);
+    await expect(page.getByText('Internet Affairs Inc.').first()).toBeVisible();
+    await expect(page.getByText('Stavanger, Norway').first()).toBeVisible();
+    await expect(page.getByText('2023-2024').first()).toBeVisible();
+  });
+
+  test('navigates to experience items in Spanish', async ({ page }) => {
+    // Go to Spanish version
+    await page.goto(`${BASE_URL}/es/`);
+    
+    // Click on first experience item
+    await page.getByText('Becario Jefe').first().click();
+    
+    // Verify URL and Spanish content
+    await expect(page).toHaveURL(/\/es\/experience\/job-2\/?$/);
+    await expect(page.getByText('Internet Affairs Inc.').first()).toBeVisible();
+    await expect(page.getByText('Stavanger, Noruega').first()).toBeVisible();
+    await expect(page.getByText('Stavanger, Noruega').first()).toBeVisible();
+    await expect(page.getByText('2023-2024').first()).toBeVisible();
+    await expect(page.getByText('Arreglando el mundo, un byte a la vez').first()).toBeVisible();
+  });
+
+  test('navigates to experience items in French', async ({ page }) => {
+    // Go to French version
+    await page.goto(`${BASE_URL}/fr/`);
+    
+    // Click on first experience item
+    await page.getByText('Stagiaire en Chef').first().click();
+    
+    await expect(page).toHaveURL(/\/fr\/experience\/job-2\/?$/);
+    // Remove specific count checks as they might be fragile
+    await expect(page.getByText('Internet Affairs Inc.').first()).toBeVisible();
+    await expect(page.getByText('Stavanger').first()).toBeVisible();
+    await expect(page.getByText('2023-2024').first()).toBeVisible();
+    await expect(page.getByText('Réparer le monde, un octet à la fois').first()).toBeVisible();
+  });
+
+  test('verifies experience list page shows all items', async ({ page }) => {
+    // Go to experience list page
+    await page.goto(`${BASE_URL}/experience`);
+    
+    // Verify multiple experience items are visible
+    const experienceItems = page.locator('.experience');
+    await expect(experienceItems).toHaveCount(4);
+    
+    // Verify specific job titles are present
+    await expect(page.locator('.experience__title', { hasText: 'Chief Intern' })).toBeVisible();
+    await expect(page.locator('.experience__title', { hasText: 'Junior Intern' })).toBeVisible();
+  });
+
+  test('verifies job-card content and structure', async ({ page }) => {
+    await page.goto(`${BASE_URL}/experience/job-2`);
+    
+    // Verify the job-card container exists
+    const jobCard = page.locator('.job-card');
+    await expect(jobCard).toBeVisible();
+
+    // Verify header content
+    await expect(page.getByRole('heading', { name: 'Chief Intern' }).first()).toBeVisible();
+    await expect(page.locator('.text-muted', { hasText: 'Internet Affairs Inc.' })).toBeVisible();
+    
+    // Verify metadata
+    await expect(page.locator('.job-card__dates')).toHaveText('2023-2024');
+    await expect(page.locator('.job-card__location')).toContainText('Stavanger, Norway');
+  });
+
+  test('verifies company logo is visible on job page', async ({ page }) => {
+    await page.goto(`${BASE_URL}/experience/job-1`);
+    
+    // Verify the company logo is visible
+    const companyLogo = page.locator('.company-logo');
+    await expect(companyLogo).toBeVisible();
+  });
+});
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/html-validation.spec.ts b/themes/adritian/tests/e2e/html-validation.spec.ts
new file mode 100644
index 0000000..6bfaaa0
--- /dev/null
+++ b/themes/adritian/tests/e2e/html-validation.spec.ts
@@ -0,0 +1,40 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('HTML validation', () => {
+  test('homepage has valid HTML structure', async ({ page }) => {
+    await page.goto(BASE_URL);
+
+    // Check basic HTML structure
+    await expect(page.locator('html')).toHaveAttribute('lang');
+    await expect(page.locator('head')).toBeAttached();
+    await expect(page.locator('body')).toBeAttached();
+    
+    // Verify meta tags
+    await expect(page.locator('meta[charset]')).toBeAttached();
+    await expect(page.locator('meta[name="viewport"]')).toBeAttached();
+    await expect(page.locator('meta[name="description"]')).toBeAttached();
+    
+    // Check main structural elements
+    await expect(page.locator('header')).toBeAttached();
+    await expect(page.locator('footer')).toBeAttached();
+
+  });
+
+  test('page has valid theme attributes', async ({ page }) => {
+    await page.goto(BASE_URL);
+    
+    const html = page.locator('html');
+    
+    // Check theme attributes are present
+    await expect(html).toHaveAttribute('data-bs-theme');
+    
+    // If theme is forced, these attributes should be present
+    const isForcedTheme = await html.getAttribute('theme-forced');
+    if (isForcedTheme === 'true') {
+      await expect(html).toHaveAttribute('theme-auto', 'false');
+    }
+  });
+
+}); 
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/language-switch.spec.ts b/themes/adritian/tests/e2e/language-switch.spec.ts
new file mode 100644
index 0000000..06c000b
--- /dev/null
+++ b/themes/adritian/tests/e2e/language-switch.spec.ts
@@ -0,0 +1,89 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = 'http://localhost:1313';
+
+test.describe('Language switching functionality', () => {
+  test('switches between languages and verifies lang attribute', async ({ page }) => {
+    test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+    // Go to homepage
+    await page.goto(BASE_URL);
+    
+    // Verify initial English state
+    await expect(page.locator('html')).toHaveAttribute('lang', 'en');
+    await expect(page.getByText('Language').last()).toBeVisible();
+    await expect(page.getByText('Experience').first()).toBeVisible();
+
+    // Switch to Spanish
+    await page.locator('div#footer-language-selector button').click();
+    await page.getByText('Español').last().click();
+
+    // Verify Spanish
+    await expect(page.locator('html')).toHaveAttribute('lang', 'es');
+    await expect(page.getByText('Idioma').last()).toBeVisible();
+    await expect(page.getByText('Experiencia').first()).toBeVisible();
+
+    // Switch to French
+    await page.locator('div#footer-language-selector button').click();
+    await page.getByText('Français').last().click();
+
+    // Verify French
+    await expect(page.locator('html')).toHaveAttribute('lang', 'fr');
+    await expect(page.getByText('Langue').last()).toBeVisible();
+    await expect(page.getByText('Expérience').first()).toBeVisible();
+  });
+
+  test('maintains language when navigating to experience pages', async ({ page }) => {
+    // Start in Spanish
+    await page.goto(`${BASE_URL}/es/`);
+    await expect(page.locator('html')).toHaveAttribute('lang', 'es');
+
+    // Click on an experience link
+    await page.getByText('Ver todo').click();
+    
+    // Verify URL and language maintained
+    await expect(page).toHaveURL(`${BASE_URL}/es/experience/`);
+    await expect(page.locator('html')).toHaveAttribute('lang', 'es');
+    await expect(page.getByText('Experiencia').first()).toBeVisible();
+  });
+
+  test('preserves translations across page types', async ({ page }) => {
+    test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+    // Go to French experience page
+    await page.goto(`${BASE_URL}/fr/experience`);
+    
+    // Verify French state
+    await expect(page.locator('html')).toHaveAttribute('lang', 'fr');
+    await expect(page.getByText('Expérience').first()).toBeVisible();
+    
+    // Navigate to home
+    await page.getByText('ACCUEIL').first().click();
+    
+    // Verify language maintained
+    await expect(page.locator('html')).toHaveAttribute('lang', 'fr');
+    await expect(page.getByText('Langue').last()).toBeVisible();
+  });
+
+  test('section IDs are translated in Spanish and French', async ({ page }) => {
+    // Spanish
+    await page.goto(`${BASE_URL}/es/`);
+    await expect(page.locator('#sobre-mi')).toBeVisible();
+    await expect(page.locator('#social')).toBeVisible();
+    await expect(page.locator('#sobre-mi')).toBeVisible();
+    await expect(page.locator('#formacion-academica')).toBeVisible();
+    await expect(page.locator('#experiencia-laboral')).toBeVisible();
+    await expect(page.locator('#trabajo')).toBeVisible();
+    await expect(page.locator('#testimonios')).toBeVisible();
+
+    // French
+    await page.goto(`${BASE_URL}/fr/`);
+    await expect(page.locator('#section-vedette')).toBeVisible();
+    await expect(page.locator('#liens-plateforme')).toBeVisible();
+    await expect(page.locator('#a-propos')).toBeVisible();
+    await expect(page.locator('#formation-academique')).toBeVisible();
+    await expect(page.locator('#experience-professionnelle')).toBeVisible();
+    await expect(page.locator('#travail')).toBeVisible();
+    await expect(page.locator('#temoignages')).toBeVisible();
+  });
+});
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/list-style.spec.ts b/themes/adritian/tests/e2e/list-style.spec.ts
new file mode 100644
index 0000000..9d7696c
--- /dev/null
+++ b/themes/adritian/tests/e2e/list-style.spec.ts
@@ -0,0 +1,23 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('List style functionality', () => {
+  test('summary style shows full post previews', async ({ page }) => {
+    await page.goto(`${BASE_URL}/tags/sample`);
+    
+    // Check for summary style elements
+    const articleSummary = page.locator('article.post.summary');
+    await expect(articleSummary).toBeVisible();
+    
+    // Verify summary components are present
+    await expect(page.locator('article.post.summary h2').first()).toBeVisible();
+    await expect(page.locator('article.post.summary .post-meta').first()).toBeVisible();
+    await expect(page.locator('article.post.summary .post-summary').first()).toBeVisible();
+    await expect(page.locator('article.post.summary .btn-outline-secondary').first()).toBeVisible();
+    
+    // Verify tags are displayed
+    await expect(page.locator('ul.tags li')).toHaveCount(2);
+  });
+
+}); 
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/new-features.spec.ts b/themes/adritian/tests/e2e/new-features.spec.ts
new file mode 100644
index 0000000..4259d88
--- /dev/null
+++ b/themes/adritian/tests/e2e/new-features.spec.ts
@@ -0,0 +1,364 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('New Blog Features', () => {
+  
+  test.describe('Related Posts', () => {
+    test('should display related posts section with heading, list, and 3 post items including title, excerpt, date, and tags', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Wait for page to load
+      await page.waitForLoadState('networkidle');
+      
+      // Check for related posts section
+      const relatedPostsSection = page.locator('.related-posts');
+      await expect(relatedPostsSection).toBeVisible();
+      
+      // Check heading
+      await expect(relatedPostsSection.locator('h3')).toContainText('Related Posts');
+      
+      // Check that we have related posts displayed
+      const relatedPostsList = relatedPostsSection.locator('.related-posts-list');
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Check that at least one related post item exists
+      const relatedPostItems = relatedPostsList.locator('.related-post-item');
+      await expect(relatedPostItems).toHaveCount(3); // Should show 3 related posts
+      
+      // Verify each related post has required elements
+      const firstPost = relatedPostItems.first();
+      await expect(firstPost.locator('h4')).toBeVisible();
+      await expect(firstPost.locator('.related-post-excerpt')).toBeVisible();
+      await expect(firstPost.locator('.related-post-meta .post-date')).toBeVisible();
+    });
+
+    test('should navigate to correct blog post URL when clicking on a related post item', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Click on the first related post
+      await page.locator('.related-post-item').first().click();
+      
+      // Should navigate to a different blog post
+      await expect(page).toHaveURL(/\/blog\/.+/);
+      await expect(page.locator('h1')).toBeVisible();
+    });
+
+    test('should display at least one tag on related posts items', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check that tags are displayed in related posts
+      const tagsInRelatedPosts = page.locator('.related-post-item .post-tags .tag');
+      const tagCount = await tagsInRelatedPosts.count();
+      
+      // At least some posts should have tags
+      expect(tagCount).toBeGreaterThan(0);
+    });
+  });
+
+  test.describe('Social Sharing Buttons', () => {
+    test('should display social sharing section with "Share this post" heading', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const sharingSection = page.locator('.social-sharing');
+      await expect(sharingSection).toBeVisible();
+      
+      // Check heading
+      await expect(sharingSection.locator('h3')).toContainText('Share this post');
+    });
+
+    test('should display sharing buttons for Twitter, LinkedIn, Facebook, and Email', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const sharingButtons = page.locator('.share-buttons');
+      await expect(sharingButtons).toBeVisible();
+      
+      // Check for each platform's button
+      await expect(sharingButtons.locator('.share-twitter')).toBeVisible();
+      await expect(sharingButtons.locator('.share-linkedin')).toBeVisible();
+      await expect(sharingButtons.locator('.share-facebook')).toBeVisible();
+      await expect(sharingButtons.locator('.share-email')).toBeVisible();
+    });
+
+    test('should have correct share URLs for Twitter, LinkedIn, Facebook, and Email with proper parameters', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check Twitter share link
+      const twitterButton = page.locator('.share-twitter');
+      const twitterHref = await twitterButton.getAttribute('href');
+      expect(twitterHref).toContain('twitter.com/intent/tweet');
+      expect(twitterHref).toContain('url=');
+      
+      // Check LinkedIn share link
+      const linkedinButton = page.locator('.share-linkedin');
+      const linkedinHref = await linkedinButton.getAttribute('href');
+      expect(linkedinHref).toContain('linkedin.com/sharing/share-offsite');
+      
+      // Check Facebook share link
+      const facebookButton = page.locator('.share-facebook');
+      const facebookHref = await facebookButton.getAttribute('href');
+      expect(facebookHref).toContain('facebook.com/sharer');
+      
+      // Check Email share link
+      const emailButton = page.locator('.share-email');
+      const emailHref = await emailButton.getAttribute('href');
+      expect(emailHref).toContain('mailto:');
+    });
+
+    test('should have accessible ARIA labels on all sharing buttons for screen readers', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check ARIA labels for accessibility
+      await expect(page.locator('.share-twitter')).toHaveAttribute('aria-label', /Share on Twitter/i);
+      await expect(page.locator('.share-linkedin')).toHaveAttribute('aria-label', /Share on LinkedIn/i);
+      await expect(page.locator('.share-facebook')).toHaveAttribute('aria-label', /Share on Facebook/i);
+      await expect(page.locator('.share-email')).toHaveAttribute('aria-label', /Share via Email/i);
+    });
+  });
+
+  test.describe('Table of Contents', () => {
+    test('should display table of contents section with "Table of Contents" heading when enabled in post frontmatter', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const tocSection = page.locator('.table-of-contents');
+      await expect(tocSection).toBeVisible();
+      
+      // Check heading
+      await expect(tocSection.locator('h3')).toContainText('Table of Contents');
+    });
+
+    test('should contain navigation links with anchor href attributes pointing to page sections', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const tocNav = page.locator('.table-of-contents #TableOfContents');
+      await expect(tocNav).toBeVisible();
+      
+      // Should have list items with links
+      const tocLinks = tocNav.locator('a');
+      const linkCount = await tocLinks.count();
+      expect(linkCount).toBeGreaterThan(0);
+      
+      // Check first link
+      await expect(tocLinks.first()).toBeVisible();
+      const firstHref = await tocLinks.first().getAttribute('href');
+      expect(firstHref).toMatch(/^#/); // Should be anchor links
+    });
+
+    test('should scroll to corresponding section and update URL hash when clicking on table of contents links', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Click on a TOC link
+      const tocLinks = page.locator('.table-of-contents #TableOfContents a');
+      const firstLink = tocLinks.first();
+      const linkText = await firstLink.textContent();
+      
+      await firstLink.click();
+      
+      // URL should have the hash
+      await expect(page).toHaveURL(/#.+/);
+      
+      // Wait a bit for smooth scrolling
+      await page.waitForTimeout(500);
+    });
+
+    test('should have sticky positioning class when tocSticky is enabled in post frontmatter', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const tocSection = page.locator('.table-of-contents');
+      
+      // Check if it has the sticky class (post has tocSticky: true)
+      await expect(tocSection).toHaveClass(/toc-sticky/);
+    });
+  });
+
+  test.describe('Enhanced Reading Metadata', () => {
+    test('should display estimated reading time in minutes', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for reading time
+      const readingTime = page.locator('#reading-time');
+      await expect(readingTime).toBeVisible();
+      await expect(readingTime).toContainText('min read');
+    });
+
+    test('should display total word count of the post', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for word count
+      const wordCount = page.locator('#wordcount');
+      await expect(wordCount).toBeVisible();
+      await expect(wordCount).toContainText('Words');
+    });
+
+    test('should display post publish date', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for publish date
+      const publishDate = page.locator('#date');
+      await expect(publishDate).toBeVisible();
+    });
+
+    test('should display last modified date with "Updated" label when lastmod is present in frontmatter', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check for last modified date
+      const lastModified = page.locator('#last-modified');
+      
+      // The demo post has lastmod, so it should be visible
+      await expect(lastModified).toBeVisible();
+      await expect(lastModified).toContainText('Updated');
+    });
+
+    test('should have properly structured metadata section with semantic HTML', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const metaSection = page.locator('#meta');
+      await expect(metaSection).toBeVisible();
+      
+      // Should be a logical grouping
+      await expect(metaSection.locator('section')).toBeVisible();
+    });
+  });
+
+  test.describe('Comments Integration (Structure)', () => {
+    test('should have main content structure that supports comments section when configured', async ({ page }) => {
+      // Note: Since comments aren't enabled in demo, this tests the structure
+      // would exist if configured
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Comments section won't be visible without configuration
+      // but we can test that the blog single template is properly structured
+      const mainContent = page.locator('#main-content');
+      await expect(mainContent).toBeVisible();
+    });
+  });
+
+
+  test.describe('Responsive Design', () => {
+    test('should display related posts, social sharing, and table of contents on mobile viewport (375x667)', async ({ page }) => {
+      // Set mobile viewport
+      await page.setViewportSize({ width: 375, height: 667 });
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Related posts should adapt to mobile
+      const relatedPosts = page.locator('.related-posts');
+      await expect(relatedPosts).toBeVisible();
+      
+      // Social sharing should be visible
+      const socialSharing = page.locator('.social-sharing');
+      await expect(socialSharing).toBeVisible();
+      
+      // TOC should be visible but may not be sticky
+      const toc = page.locator('.table-of-contents');
+      await expect(toc).toBeVisible();
+    });
+
+    test('should adapt related posts grid layout across desktop (1280px), tablet (768px), and mobile (375px) viewports', async ({ page }) => {
+      // Test desktop width
+      await page.setViewportSize({ width: 1280, height: 720 });
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      const relatedPostsList = page.locator('.related-posts-list');
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Test tablet width
+      await page.setViewportSize({ width: 768, height: 1024 });
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Test mobile width
+      await page.setViewportSize({ width: 375, height: 667 });
+      await expect(relatedPostsList).toBeVisible();
+    });
+  });
+
+  test.describe('Multilingual Support', () => {
+    test('should display "Idioma" button and Spanish language option in language switcher dropdown', async ({ page }) => {
+      test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+      
+      // Navigate to Spanish version
+      await page.goto(`${BASE_URL}/es/`);
+      
+      
+      // Open language switcher
+      const languageButton = page.locator('button', { hasText: 'Idioma' }).first();
+      await languageButton.click();
+      
+      // Should see language options
+      await expect(page.locator('#languages-dropdown-header').getByText('Español')).toBeVisible();
+    });
+  });
+
+  test.describe('Accessibility', () => {
+    test('should use proper h3 heading hierarchy for related posts, social sharing, and table of contents sections', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Check that section headings are h3
+      await expect(page.locator('.related-posts h3')).toBeVisible();
+      await expect(page.locator('.social-sharing h3')).toBeVisible();
+      await expect(page.locator('.table-of-contents h3')).toBeVisible();
+    });
+
+    test('should allow keyboard navigation and focus on social sharing buttons', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Focus first share button
+      const shareButtons = page.locator('.share-buttons a');
+      const firstButton = shareButtons.first();
+      
+      await firstButton.focus();
+      
+      // Should be focusable
+      await expect(firstButton).toBeFocused();
+    });
+
+    test('should allow keyboard navigation and focus on table of contents links', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Focus first TOC link
+      const tocLinks = page.locator('.table-of-contents a');
+      const firstLink = tocLinks.first();
+      
+      await firstLink.focus();
+      
+      // Should be focusable
+      await expect(firstLink).toBeFocused();
+    });
+
+    test('should use semantic HTML with unordered list (ul/li) elements for related posts', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Related posts should use list elements
+      const relatedPostsList = page.locator('.related-posts ul');
+      await expect(relatedPostsList).toBeVisible();
+      
+      // Each item should be a list item
+      const listItems = relatedPostsList.locator('li');
+      await expect(listItems.first()).toBeVisible();
+    });
+  });
+
+  test.describe('Performance', () => {
+    test('should load page with all new features in under 5 seconds including network idle state', async ({ page }) => {
+      const startTime = Date.now();
+      
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      await page.waitForLoadState('networkidle');
+      
+      const loadTime = Date.now() - startTime;
+      
+      // Should load in under 5 seconds
+      expect(loadTime).toBeLessThan(5000);
+    });
+
+    test('should render all feature sections without causing cumulative layout shift after page load', async ({ page }) => {
+      await page.goto(`${BASE_URL}/blog/new-features-demo/`);
+      
+      // Wait for page to be fully loaded
+      await page.waitForLoadState('networkidle');
+      
+      // All main sections should be visible without scrolling
+      const relatedPosts = page.locator('.related-posts');
+      await expect(relatedPosts).toBeAttached();
+    });
+  });
+});
diff --git a/themes/adritian/tests/e2e/no-menus.spec.ts b/themes/adritian/tests/e2e/no-menus.spec.ts
new file mode 100644
index 0000000..8e22a70
--- /dev/null
+++ b/themes/adritian/tests/e2e/no-menus.spec.ts
@@ -0,0 +1,42 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('Site without menus', () => {
+  // Read environment variable TEST_NO_MENUS
+  test.skip(process.env.TEST_NO_MENUS !== 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+  test('page should not have navigation menus when disabled', async ({ page }) => {
+    // Navigate to the site with disabled menus
+    await page.goto(`${BASE_URL}/disable-menu/`);
+
+    // Verify header still exists but doesn't contain navigation
+    await expect(page.locator('header')).toBeAttached();
+    
+    // Verify language selector is not present
+    await expect(page.locator('#selector-language')).not.toBeAttached();
+    
+    // Verify main menu elements are not present
+    await expect(page.locator('#main-menu')).not.toBeAttached();
+    await expect(page.locator('#main-menu-mobile')).not.toBeAttached();
+
+    // Verify the page still has basic required elements
+    await expect(page.locator('main')).toBeAttached();
+    await expect(page.locator('footer')).toBeAttached();
+  });
+
+
+  test('content should still be properly displayed', async ({ page }) => {
+    await page.goto(`${BASE_URL}`);
+
+    // Verify main content area exists and is visible
+    const mainContent = page.locator('#main-content');
+    await expect(mainContent).toBeVisible();
+    await expect(mainContent.locator('.display-1')).toBeVisible();
+
+    // Verify page title is still present
+    await expect(page.locator('h1').first()).toBeVisible();
+  });
+
+  // 
+}); 
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/search.spec.ts b/themes/adritian/tests/e2e/search.spec.ts
new file mode 100644
index 0000000..e5ba210
--- /dev/null
+++ b/themes/adritian/tests/e2e/search.spec.ts
@@ -0,0 +1,134 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL: string = process.env.TEST_BASE_URL ?? 'http://localhost:1313';
+
+if (!BASE_URL.startsWith('http')) {
+  throw new Error('TEST_BASE_URL must be a valid URL starting with http:// or https://');
+}
+
+test.describe('Search functionality', () => {
+  test.beforeAll(async () => {
+    // Health check
+    try {
+      await fetch(BASE_URL);
+    } catch (error) {
+      console.error(`Failed to connect to ${BASE_URL}. Is the Hugo server running?`);
+      throw error;
+    }
+  });
+
+  test('search page loads correctly', async ({ page }) => {
+    const response = await page.goto(`${BASE_URL}/search`);
+    await expect(page).toHaveTitle(/Search/);
+    await expect(page.locator('h2.mb-4.text-center')).toHaveText('Search the Site');
+    await expect(page.locator('#search-query')).toBeVisible();
+    
+    // Check that the search page returns HTTP status 200
+  });
+
+  test('searching for "theme" shows exactly one result', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Wait for the page to be fully loaded
+    await page.waitForLoadState('networkidle');
+    
+    // Type "theme" in the search box
+    await page.locator('#search-query').fill('theme');
+    
+    // Wait for search results to appear (the debounce is 300ms)
+    await page.waitForTimeout(500);
+    
+    // Check URL is updated with search parameter
+    await expect(page).toHaveURL(/s=theme/);
+    
+    // Verify exactly one result is shown
+    await expect(page.locator('#search-results div[id^="summary-"]')).toHaveCount(1);
+  });
+
+  test('clearing search box removes results', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Type something to get results first
+    await page.locator('#search-query').fill('theme');
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Verify we have at least one result
+    await expect(page.locator('#search-results div[id^="summary-"]').first()).toBeVisible();
+    
+    // Now clear the search box
+    await page.locator('#search-query').fill('');
+    
+    // Wait for the UI to update
+    await page.waitForTimeout(500);
+    
+    // Check that results are cleared and we have the prompt message
+    await expect(page.locator('#search-results div[id^="summary-"]')).toHaveCount(0);
+    await expect(page.locator('#search-results .alert')).toBeVisible();
+    await expect(page.locator('#search-results .alert')).toHaveText('Please enter at least 2 characters to search');
+  });
+
+  test('searching for "adritian" shows multiple results', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Type "adritian" in the search box
+    await page.locator('#search-query').fill('adritian');
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Check URL is updated with search parameter
+    await expect(page).toHaveURL(/s=adritian/);
+    
+    // Verify we have multiple results
+    const resultsCount = await page.locator('#search-results div[id^="summary-"]').count();
+    expect(resultsCount).toBeGreaterThan(1);
+  });
+
+  test('search handles special characters correctly', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Test with special characters that might break URL encoding
+    const specialCharQuery = 'test & special';
+    await page.locator('#search-query').fill(specialCharQuery);
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Check URL is properly encoded
+    await expect(page).toHaveURL(`${BASE_URL}/search/?s=test+%26+special`.replace('&', '%26'));
+    
+    // Verify the search box still contains the original query
+    await expect(page.locator('#search-query')).toHaveValue(specialCharQuery);
+  });
+
+  test('search updates results in real-time as user types', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Type one character at a time and verify the behavior
+    await page.locator('#search-query').fill('a');
+    
+    // With just one character, we should see the minimum character message
+    await page.waitForTimeout(500);
+    await expect(page.locator('#search-results .alert')).toContainText('at least 2 characters');
+    
+    // Type a second character to reach minimum
+    await page.locator('#search-query').fill('ad');
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Should now show results
+    await expect(page.locator('#search-results div[id^="summary-"]').first()).toBeVisible();
+    
+    // Continue typing to refine search
+    await page.locator('#search-query').fill('adri');
+    
+    // Wait for updated results
+    await page.waitForTimeout(500);
+    
+    // Should still show results, potentially different count
+    await expect(page.locator('#search-results div[id^="summary-"]').first()).toBeVisible();
+  });
+});
\ No newline at end of file
diff --git a/themes/adritian/tests/e2e/sections.spec.ts b/themes/adritian/tests/e2e/sections.spec.ts
new file mode 100644
index 0000000..1d460e9
--- /dev/null
+++ b/themes/adritian/tests/e2e/sections.spec.ts
@@ -0,0 +1,86 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('Hugo sections functionality', () => {
+  test('articles section loads correctly', async ({ page }) => {
+    await page.goto(`${BASE_URL}/articles/`);
+    
+    // Check that section page loads
+    await expect(page.locator('h1')).toContainText('Articles');
+    
+    // Verify section content is displayed
+    await expect(page.getByText('Welcome to the articles section')).toBeVisible();
+    
+    // Check that article posts are listed
+    const articleCount = await page.locator('article.post').count();
+    expect(articleCount).toBeGreaterThan(0);
+  });
+
+  test('individual article pages load correctly', async ({ page }) => {
+    await page.goto(`${BASE_URL}/articles/first-article/`);
+    
+    // Check that individual article loads
+    await expect(page.locator('h1')).toContainText('First Article');
+    await expect(page.getByText('This is the first article content')).toBeVisible();
+  });
+
+  test('news section loads correctly', async ({ page }) => {
+    await page.goto(`${BASE_URL}/news/`);
+    
+    // Check that section page loads
+    await expect(page.locator('h1')).toContainText('News');
+    // Verify section content is displayed
+    await expect(page.getByText('Latest news updates').first()).toBeVisible();
+
+    // Check that news posts are listed
+    const newsCount = await page.locator('article.post').count();
+    expect(newsCount).toBeGreaterThan(0);
+  });
+
+  test('individual news pages load correctly', async ({ page }) => {
+    await page.goto(`${BASE_URL}/news/breaking-news/`);
+    
+    // Check that individual news item loads
+    await expect(page.locator('h1')).toContainText('Breaking News');
+    await expect(page.getByText('This is breaking news content')).toBeVisible();
+  });
+
+
+  test('section pagination works if applicable', async ({ page }) => {
+    await page.goto(`${BASE_URL}/articles/`);
+    
+    // Check if pagination exists and works
+    const paginationExists = await page.locator('.pagination').count() > 0;
+    
+    if (paginationExists) {
+      // Test pagination if it exists
+      await expect(page.locator('.pagination')).toBeVisible();
+      
+      // Check if there's a next page link and it works
+      const nextLink = page.locator('.pagination a[rel="next"]');
+      if (await nextLink.count() > 0) {
+        await nextLink.click();
+        await expect(page.locator('h1')).toContainText('Articles');
+      }
+    }
+  });
+
+  test('section RSS feeds are accessible', async ({ page }) => {
+    // Test articles RSS feed
+    const articlesRssResponse = await page.request.get(`${BASE_URL}/articles/index.xml`);
+    expect(articlesRssResponse.status()).toBe(200);
+    
+    // Test news RSS feed
+    const newsRssResponse = await page.request.get(`${BASE_URL}/news/index.xml`);
+    expect(newsRssResponse.status()).toBe(200);
+  });
+
+  test('existing blog section still works', async ({ page }) => {
+    await page.goto(`${BASE_URL}/blog/`);
+    
+    // Verify existing blog section still works
+    await expect(page.locator('h1').first()).toContainText('Demo Blog');
+    await expect(page.getByText('Welcome to the demo blog')).toBeVisible();
+  });
+});
diff --git a/themes/adritian/tests/e2e/tags.spec.ts b/themes/adritian/tests/e2e/tags.spec.ts
new file mode 100644
index 0000000..4535e1f
--- /dev/null
+++ b/themes/adritian/tests/e2e/tags.spec.ts
@@ -0,0 +1,39 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+test.describe('Tag functionality', () => {
+  test('visiting tags list', async ({ page }) => {
+    await page.goto(`${BASE_URL}/tags`);
+    // Verify we reached the tags page
+    await expect(page.getByRole('heading', { name: 'Tags', level: 1 })).toBeVisible();
+  });
+
+  test('verify there are 2 tags, each with 1 article', async ({ page }) => {
+    await page.goto(`${BASE_URL}/tags`);
+    await expect(page.locator('ul.list-taxonomy li')).toHaveCount(11);
+
+    // Each item shows how many articles
+    // e.g. "Lorem-Ipsum (1)" or "Sample (1)"
+    await expect(page.getByText('Sample (1)')).toBeVisible();
+  });
+
+  test('click on a tag -> renders the tag page', async ({ page }) => {
+    await page.goto(`${BASE_URL}/tags`);
+    await page.getByRole('link', { name: /Sample/ }).click();
+    // Verify tag page
+    await expect(page).toHaveURL(/\/tags\/sample/);
+    await expect(page.getByRole('heading', { name: 'Sample content: formatting styles' })).toBeVisible();
+  });
+
+  test('tag page content links', async ({ page }) => {
+    // Go directly to the Sample tag page
+    await page.goto(`${BASE_URL}/tags/sample`);
+    // Verify any article link is visible (1 article)
+    const articleLink = page.locator('a[href*="/blog/sample/"]');
+    await expect(articleLink.first()).toBeVisible();
+    await articleLink.first().click();
+    // Article should list the tags
+    await expect(page.locator('ul.tags li')).toHaveCount(2);
+  });
+});
diff --git a/themes/adritian/tests/e2e/theme-switch.spec.ts b/themes/adritian/tests/e2e/theme-switch.spec.ts
new file mode 100644
index 0000000..520c794
--- /dev/null
+++ b/themes/adritian/tests/e2e/theme-switch.spec.ts
@@ -0,0 +1,63 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:1313';
+
+// Extract repeated selectors into constants
+const FOOTER_THEME_CONTAINER = 'div#footer-color-selector';
+const FOOTER_THEME_SELECTOR = `${FOOTER_THEME_CONTAINER} button.bd-theme-selector`;
+const FOOTER_THEME_LIGHT = `${FOOTER_THEME_CONTAINER} .dropdown-item[data-bs-theme-value="light"]`;
+const FOOTER_THEME_DARK = `${FOOTER_THEME_CONTAINER} .dropdown-item[data-bs-theme-value="dark"]`;
+const FOOTER_THEME_AUTO = `${FOOTER_THEME_CONTAINER} .dropdown-item[data-bs-theme-value="auto"]`;
+
+test.describe('Theme switching functionality', () => {
+  test('verifies bold styling of selected theme and updates on switch', async ({ page }) => {
+    test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+    // Go to homepage
+    await page.goto(BASE_URL);
+    
+    // Open theme dropdown
+    await page.locator(FOOTER_THEME_SELECTOR).click();
+    
+    // Verify initial Light theme is bold (font-weight: 700)
+    const lightButton = page.locator(FOOTER_THEME_LIGHT);
+    await expect(lightButton).toHaveCSS('font-weight', '700');
+    
+    // Switch to Dark theme
+    await page.locator(FOOTER_THEME_DARK).click();
+    
+    // Verify Dark theme is now bold and Light is not
+    const darkButton = page.locator(FOOTER_THEME_DARK);
+    await expect(darkButton).toHaveCSS('font-weight', '700');
+    await expect(lightButton).toHaveCSS('font-weight', '400');
+    
+    // Switch to Auto theme
+    await page.locator(FOOTER_THEME_SELECTOR).click();
+    await page.locator(FOOTER_THEME_AUTO).click();
+    
+    // Verify Auto theme is bold and others are not
+    const autoButton = page.locator(FOOTER_THEME_AUTO);
+    await expect(autoButton).toHaveCSS('font-weight', '700');
+    await expect(darkButton).toHaveCSS('font-weight', '400');
+    await expect(lightButton).toHaveCSS('font-weight', '400');
+  });
+
+  test('theme selection persists after page reload', async ({ page }) => {
+    test.skip(process.env.TEST_NO_MENUS === 'true', 'Skipping test because TEST_NO_MENUS is true');
+
+    // Go to homepage
+    await page.goto(BASE_URL);
+    
+    // Switch to Dark theme
+    await page.locator(FOOTER_THEME_SELECTOR).click();
+    await page.locator(FOOTER_THEME_DARK).click();
+    
+    // Reload page
+    await page.reload();
+    
+    // Open dropdown and verify Dark theme is still bold
+    await page.locator(FOOTER_THEME_SELECTOR).click();
+    const darkButton = page.locator(FOOTER_THEME_DARK);
+    await expect(darkButton).toHaveCSS('font-weight', '700');
+  });
+});
\ No newline at end of file
diff --git a/themes/adritian/theme.toml b/themes/adritian/theme.toml
new file mode 100644
index 0000000..86afadc
--- /dev/null
+++ b/themes/adritian/theme.toml
@@ -0,0 +1,40 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "Adritian-Free-Hugo-Theme"
+license = "MIT"
+licenselink = "https://github.com/zetxek/adritian-free-hugo-theme/blob/main/LICENSE"
+description = "Minimalistic and clean theme for Hugo, great for Single Page personal websites or landing pages. With custom types for blog, portfolio, and content shortcodes."
+homepage = "https://github.com/zetxek/adritian-free-hugo-theme"
+demosite = "https://adritian-demo.vercel.app"
+min_version = "0.123.0"
+
+tags = [
+    "responsive",
+    "clean",
+    "light",
+    "personal",
+    "bootstrap",
+    "blog",
+    "portfolio",
+    "dark",
+    "dark-mode",
+    "light",
+    "multilingual",
+    "contact",
+    "sass",
+    "archive",
+    "landing",
+]
+
+features = ["widgets", "blog", "portfolio", "dark-mode"]
+
+[author]
+name = "Adrián Moreno Peña"
+homepage = "https://www.adrianmoreno.info"
+
+# If porting an existing theme
+[original]
+author = "Raditian"
+homepage = "https://www.radity.com"
+repo = "https://github.com/radity/raditian-free-hugo-theme"