Create your own version of the site</h1> <article> <h1>Create your own version of the site</h1> <p>Tue, 11 Feb 2025 14:38:33 +0200</p> <p>This article is a guide to help you create your own version of the site using <a href="https://github.com/zetxek/adritian-free-hugo-theme">Adritian</a>. It will cover the main steps to get started with the theme, and how to customize it to your needs.</p> <h3 id="creating-a-site">Creating a site</h3> <p>This theme is for the content management system <a href="https://gohugo.io/">Hugo</a>, so that will be a pre-requirement. Make sure that you install the <code>extended</code> version of Hugo, as the theme uses SCSS for styling, as well as image optimization.</p> </article> <article> <h1>How to Add Custom Icons to the Adritian Theme</h1> <p>Fri, 28 Feb 2025 08:05:05 +0100</p> <h1 id="how-to-add-custom-icons-to-the-adritian-theme">How to Add Custom Icons to the Adritian Theme</h1> <div class="table-of-contents"> <h2 class="toc-heading">Table of Contents</h2> <div class="toc-content"> <nav id="TableOfContents"> <ul> <li><a href="#prerequisites">Prerequisites</a></li> <li><a href="#overview">Overview</a></li> <li><a href="#step-1-export-current-configuration">Step 1: Export Current Configuration</a></li> <li><a href="#step-2-import-configuration-to-fontello">Step 2: Import Configuration to Fontello</a></li> <li><a href="#step-3-add-new-icons">Step 3: Add New Icons</a></li> <li><a href="#step-4-download-updated-font">Step 4: Download Updated Font</a></li> <li><a href="#step-5-option-1-update-theme-files-manually">Step 5 (option 1): Update Theme Files Manually</a></li> <li><a href="#step-5-option-2-update-theme-files-with-npm-script">Step 5 (option 2): Update Theme Files with npm script</a></li> <li><a href="#step-6-using-the-new-icon">Step 6: Using the New Icon</a></li> <li><a href="#example-usage">Example Usage</a></li> <li><a href="#troubleshooting">Troubleshooting</a> <ul> <li><a href="#icons-not-displaying">Icons Not Displaying</a></li> <li><a href="#icons-show-as-squares">Icons Show as Squares</a></li> <li><a href="#build-errors">Build Errors</a></li> </ul> </li> <li><a href="#best-practices">Best Practices</a></li> <li><a href="#additional-resources">Additional Resources</a></li> </ul> </nav> </div> </div> <p>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.</p> </article> <article> <h1>Icons</h1> <p>Fri, 28 Feb 2025 08:05:05 +0100</p> <p>The theme has multiple icons available for use.</p> <p>You can see them rendered here:</p> <ul> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="threads" ><i class="icon-threads"></i> </a> <code>threads</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="bluesky" ><i class="icon-bluesky"></i> </a> <code>bluesky</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="x-twitter" ><i class="icon-x-twitter"></i> </a> <code>x-twitter</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="email" ><i class="icon-email"></i> </a> <code>email</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="user" ><i class="icon-user"></i> </a> <code>user</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="table-list" ><i class="icon-table-list"></i> </a> <code>table-list</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="download" ><i class="icon-download"></i> </a> <code>download</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="circle-info" ><i class="icon-circle-info"></i> </a> <code>circle-info</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="square-twitter" ><i class="icon-square-twitter"></i> </a> <code>square-twitter</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="square-facebook" ><i class="icon-square-facebook"></i> </a> <code>square-facebook</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="linkedin" ><i class="icon-linkedin"></i> </a> <code>linkedin</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="square-github" ><i class="icon-square-github"></i> </a> <code>square-github</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="circle-arrow-left" ><i class="icon-circle-arrow-left"></i> </a> <code>circle-arrow-left</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="circle-arrow-right" ><i class="icon-circle-arrow-right"></i> </a> <code>circle-arrow-right</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="circle-arrow-up" ><i class="icon-circle-arrow-up"></i> </a> <code>circle-arrow-up</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="circle-arrow-down" ><i class="icon-circle-arrow-down"></i> </a> <code>circle-arrow-down</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="quote-left" ><i class="icon-quote-left"></i> </a> <code>quote-left</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="face-smile" ><i class="icon-face-smile"></i> </a> <code>face-smile</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="square-arrow-up-right" ><i class="icon-square-arrow-up-right"></i> </a> <code>square-arrow-up-right</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="youtube" ><i class="icon-youtube"></i> </a> <code>youtube</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="square-xing" ><i class="icon-square-xing"></i> </a> <code>square-xing</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="instagram" ><i class="icon-instagram"></i> </a> <code>instagram</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="dribbble" ><i class="icon-dribbble"></i> </a> <code>dribbble</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="behance" ><i class="icon-behance"></i> </a> <code>behance</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="file-pdf" ><i class="icon-file-pdf"></i> </a> <code>file-pdf</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="codepen" ><i class="icon-codepen"></i> </a> <code>codepen</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="yelp" ><i class="icon-yelp"></i> </a> <code>yelp</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="cloud-arrow-down" ><i class="icon-cloud-arrow-down"></i> </a> <code>cloud-arrow-down</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="medium" ><i class="icon-medium"></i> </a> <code>medium</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="stack-overflow" ><i class="icon-stack-overflow"></i> </a> <code>stack-overflow</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="meetup" ><i class="icon-meetup"></i> </a> <code>meetup</code></li> <li> <a href="https://example.com" target="_blank" rel="noopener noreferrer" aria-label="tiktok" ><i class="icon-tiktok"></i> </a> <code>tiktok</code></li> </ul> <p>You can use them in several ways.</p> </article> <article> <h1>Numerical Information Field Theory for Acoustic Monitoring (Poster)</h1> <p>Tue, 03 Jun 2025 09:00:00 +0100</p> HAICON25 poster: applying Bayesian Information Field Theory to denoise sperm-whale click recordings and quantify uncertainty in passive acoustic monitoring. </article> <article> <h1>Theme shortcodes</h1> <p>Fri, 14 Feb 2025 14:38:33 +0200</p> <p>Shortcodes are a convenient <a href="https://gohugo.io/content-management/shortcodes/">functionality of Hugo</a>, allowing you to embed templates or layouts within other content.</p> <p>Some of the example built-in shortcodes are Instagram posts, YouTube videos, QR codes, etc. You can find <a href="https://gohugo.io/content-management/shortcodes/#embedded">the full list in the official docs</a>.</p> <p>The theme provides custom shortcodes to allow you to customize your landing page as you want:</p> <ul> <li><code>toc</code>: Generates a styled table of contents from page headings.</li> <li><code>education-list</code>: Displays a list of educational qualifications.</li> <li><code>experience-list</code>: Shows a list of professional experiences.</li> <li><code>platform-links</code>: Embeds links to various platforms with icons.</li> <li><code>newsletter-section</code>: Adds a section for newsletter subscription.</li> <li><code>link</code>: Creates a hyperlink with an icon.</li> <li><code>experience-section</code>: Inserts a detailed experience section.</li> <li><code>contact-section</code>: Adds a contact information section, with a customizable form and information.</li> <li><code>client-and-work-section</code>: Displays a section for clients and work.</li> <li><code>about-section</code>: About section, with image, buttons for call to action and image.</li> <li><code>testimonial-section</code>: Adds references from customers, colleagues, etc.</li> <li><code>showcase</code>: 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).</li> <li><code>text-section</code>: utility shortcode used to render text in some parts of the theme where it would otherwise be full-width, appearing “too floaty”. See <a href="https://github.com/zetxek/adritian-free-hugo-theme/issues/260">the github issue #260 for context</a>.</li> <li><code>spacer</code>: Adds vertical spacing before the next element.</li> </ul> <p>The shortcodes can be customized with different arguments:</p> </article> <article> <h1>Other installation methods</h1> <p>Tue, 11 Feb 2025 14:38:33 +0200</p> <p>This is a guide that extends the default instructions offered in <a href="https://github.com/zetxek/adritian-free-hugo-theme/blob/main/README.md">the theme readme</a>.</p> <h3 id="manual-configuration">Manual configuration</h3> <p>If you prefer to manually set your site, you need to replace the contents of your config file (<code>hugo.toml</code>) file by these:</p> <details> <summary>hugo.toml configuration</summary> <div class="highlight-wrapper"> <button class="copy-code-btn" type="button" aria-label="Copy code to clipboard"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> <span class="copy-text">Copy</span> </button><div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>baseURL = "<your website url>" </span></span><span style="display:flex;"><span>languageCode = "en" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[module] </span></span><span style="display:flex;"><span>[module.hugoVersion] </span></span><span style="display:flex;"><span># We use hugo.Deps to list dependencies, which was added in Hugo 0.92.0 </span></span><span style="display:flex;"><span>min = "0.92.0" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[[module.imports]] </span></span><span style="display:flex;"><span>path="github.com/zetxek/adritian-free-hugo-theme" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>## Base mounts - so your site's assets are available </span></span><span style="display:flex;"><span> [[module.mounts]] </span></span><span style="display:flex;"><span> source = "archetypes" </span></span><span style="display:flex;"><span> target = "archetypes" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[module.mounts]] </span></span><span style="display:flex;"><span> source = "assets" </span></span><span style="display:flex;"><span> target = "assets" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[module.mounts]] </span></span><span style="display:flex;"><span> source = "i18n" </span></span><span style="display:flex;"><span> target = "i18n" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[module.mounts]] </span></span><span style="display:flex;"><span> source = "layouts" </span></span><span style="display:flex;"><span> target = "layouts" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[module.mounts]] </span></span><span style="display:flex;"><span> source = "static" </span></span><span style="display:flex;"><span> target = "static" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span># The following mounts are required for the theme to be able to load bootstrap </span></span><span style="display:flex;"><span># Remember also to copy the theme's `package.json` to your site, and run `npm install` </span></span><span style="display:flex;"><span>[[module.mounts]] </span></span><span style="display:flex;"><span> source = "node_modules/bootstrap/scss" </span></span><span style="display:flex;"><span> target = "assets/scss/bootstrap" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[[module.mounts]] </span></span><span style="display:flex;"><span> source = "node_modules/bootstrap/dist/js" </span></span><span style="display:flex;"><span> target = "assets/js/bootstrap" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[[module.mounts]] </span></span><span style="display:flex;"><span> source = "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" </span></span><span style="display:flex;"><span> target = "assets/js/vendor/bootstrap.bundle.min.js" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>## Optional, if you want print improvements (to PDF/printed) </span></span><span style="display:flex;"><span>[[module.mounts]] </span></span><span style="display:flex;"><span>source = "node_modules/bootstrap-print-css/css/bootstrap-print.css" </span></span><span style="display:flex;"><span>target = "assets/css/bootstrap-print.css" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[params] </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> title = 'Your website title' </span></span><span style="display:flex;"><span> description = 'Your website description' </span></span><span style="display:flex;"><span> sections = ["showcase", "about", "education", "experience", "client-and-work", "testimonial", "contact", "newsletter"] </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # If you want to display an image logo in the header, you can add it here </span></span><span style="display:flex;"><span> # logo = '/img/hugo.svg' </span></span><span style="display:flex;"><span> homepageExperienceCount = 6 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [params.analytics] </span></span><span style="display:flex;"><span> ## Analytics parameters. </span></span><span style="display:flex;"><span> ### Supported so far: Vercel (Page Insights, Analytics) </span></span><span style="display:flex;"><span> ### And Google (Tag Manager, Analytics) </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # controls vercel page insights - disabled by default </span></span><span style="display:flex;"><span> # to enable, just set to true </span></span><span style="display:flex;"><span> vercelPageInsights = false </span></span><span style="display:flex;"><span> vercelAnalytics = false </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # google analytics and tag manager. to enable, set "enabled" to true </span></span><span style="display:flex;"><span> # and add the tracking code (UA-something for analytics, GTM-something for tag manager) </span></span><span style="display:flex;"><span> [params.analytics.googleAnalytics] </span></span><span style="display:flex;"><span> code = "UA-XXXXX-Y" </span></span><span style="display:flex;"><span> enabled = false </span></span><span style="display:flex;"><span> [params.analytics.googleTagManager] </span></span><span style="display:flex;"><span> code = "GTM-XXXXX" </span></span><span style="display:flex;"><span> enabled = false </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[build] </span></span><span style="display:flex;"><span> [build.buildStats] </span></span><span style="display:flex;"><span> disableClasses = false </span></span><span style="display:flex;"><span> disableIDs = false </span></span><span style="display:flex;"><span> disableTags = false </span></span><span style="display:flex;"><span> enable = true </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[params.languages.selector.disable] </span></span><span style="display:flex;"><span> footer = false </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[languages] </span></span><span style="display:flex;"><span> [languages.en] </span></span><span style="display:flex;"><span> disabled = false </span></span><span style="display:flex;"><span> languageCode = 'en' </span></span><span style="display:flex;"><span> languageDirection = 'ltr' </span></span><span style="display:flex;"><span> languageName = 'English' </span></span><span style="display:flex;"><span> title = '' </span></span><span style="display:flex;"><span> weight = 0 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [languages.en.menus] </span></span><span style="display:flex;"><span> [[languages.en.menus.header]] </span></span><span style="display:flex;"><span> name = 'About' </span></span><span style="display:flex;"><span> URL = '#about' </span></span><span style="display:flex;"><span> weight = 2 </span></span><span style="display:flex;"><span> [[languages.en.menus.header]] </span></span><span style="display:flex;"><span> name = 'Portfolio' </span></span><span style="display:flex;"><span> URL = '#portfolio' </span></span><span style="display:flex;"><span> weight = 3 </span></span><span style="display:flex;"><span> # [[languages.en.menus.header]] </span></span><span style="display:flex;"><span> # name = "Experience" </span></span><span style="display:flex;"><span> # URL = "#experience" </span></span><span style="display:flex;"><span> # weight = 4 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.en.menus.header]] </span></span><span style="display:flex;"><span> name = "Blog" </span></span><span style="display:flex;"><span> URL = "/blog" </span></span><span style="display:flex;"><span> weight = 5 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.en.menus.header]] </span></span><span style="display:flex;"><span> name = "Contact" </span></span><span style="display:flex;"><span> URL = "#contact" </span></span><span style="display:flex;"><span> weight = 6 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.en.menus.footer]] </span></span><span style="display:flex;"><span> name = "About" </span></span><span style="display:flex;"><span> URL = "#about" </span></span><span style="display:flex;"><span> weight = 2 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.en.menus.footer]] </span></span><span style="display:flex;"><span> name = "Portfolio" </span></span><span style="display:flex;"><span> URL = "#portfolio" </span></span><span style="display:flex;"><span> weight = 3 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.en.menus.footer]] </span></span><span style="display:flex;"><span> name = "Contact" </span></span><span style="display:flex;"><span> URL = "#contact" </span></span><span style="display:flex;"><span> weight = 4 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [languages.es] </span></span><span style="display:flex;"><span> disabled = false </span></span><span style="display:flex;"><span> languageCode = 'es' </span></span><span style="display:flex;"><span> languageDirection = 'ltr' </span></span><span style="display:flex;"><span> languageName = 'Español' </span></span><span style="display:flex;"><span> title = '' </span></span><span style="display:flex;"><span> weight = 0 </span></span><span style="display:flex;"><span> [[languages.es.menus.header]] </span></span><span style="display:flex;"><span> name = 'Sobre mi' </span></span><span style="display:flex;"><span> URL = '/es/#about' </span></span><span style="display:flex;"><span> weight = 2 </span></span><span style="display:flex;"><span> [[languages.es.menus.header]] </span></span><span style="display:flex;"><span> name = 'Portfolio' </span></span><span style="display:flex;"><span> URL = '/es/#portfolio' </span></span><span style="display:flex;"><span> weight = 3 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # [[languages.es.menus.header]] </span></span><span style="display:flex;"><span> # name = "Experiencia" </span></span><span style="display:flex;"><span> # URL = "/es/#experience" </span></span><span style="display:flex;"><span> # weight = 4 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.es.menus.header]] </span></span><span style="display:flex;"><span> name = "Blog" </span></span><span style="display:flex;"><span> URL = "/es/blog" </span></span><span style="display:flex;"><span> weight = 5 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.es.menus.header]] </span></span><span style="display:flex;"><span> name = "Contacto" </span></span><span style="display:flex;"><span> URL = "/es/#contact" </span></span><span style="display:flex;"><span> weight = 6 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.es.menus.footer]] </span></span><span style="display:flex;"><span> name = "Sobre mi" </span></span><span style="display:flex;"><span> URL = "/es/#about" </span></span><span style="display:flex;"><span> weight = 2 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.es.menus.footer]] </span></span><span style="display:flex;"><span> name = "Portfolio" </span></span><span style="display:flex;"><span> URL = "/es/#portfolio" </span></span><span style="display:flex;"><span> weight = 3 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.es.menus.footer]] </span></span><span style="display:flex;"><span> name = "Contact" </span></span><span style="display:flex;"><span> URL = "/es/#contact" </span></span><span style="display:flex;"><span> weight = 4 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [languages.fr] </span></span><span style="display:flex;"><span> disabled = false </span></span><span style="display:flex;"><span> languageCode = 'fr' </span></span><span style="display:flex;"><span> languageDirection = 'ltr' </span></span><span style="display:flex;"><span> languageName = 'Français' </span></span><span style="display:flex;"><span> title = '' </span></span><span style="display:flex;"><span> weight = 0 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [languages.fr.menus] </span></span><span style="display:flex;"><span> [[languages.fr.menus.header]] </span></span><span style="display:flex;"><span> name = 'About' </span></span><span style="display:flex;"><span> URL = '#about' </span></span><span style="display:flex;"><span> weight = 2 </span></span><span style="display:flex;"><span> [[languages.fr.menus.header]] </span></span><span style="display:flex;"><span> name = 'Portfolio' </span></span><span style="display:flex;"><span> URL = '#portfolio' </span></span><span style="display:flex;"><span> weight = 3 </span></span><span style="display:flex;"><span> # [[languages.fr.menus.header]] </span></span><span style="display:flex;"><span> # name = "Experience" </span></span><span style="display:flex;"><span> # URL = "#experience" </span></span><span style="display:flex;"><span> # weight = 4 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.fr.menus.header]] </span></span><span style="display:flex;"><span> name = "Blog" </span></span><span style="display:flex;"><span> URL = "/blog" </span></span><span style="display:flex;"><span> weight = 5 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.fr.menus.header]] </span></span><span style="display:flex;"><span> name = "Contact" </span></span><span style="display:flex;"><span> URL = "#contact" </span></span><span style="display:flex;"><span> weight = 6 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.fr.menus.footer]] </span></span><span style="display:flex;"><span> name = "About" </span></span><span style="display:flex;"><span> URL = "#about" </span></span><span style="display:flex;"><span> weight = 2 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.fr.menus.footer]] </span></span><span style="display:flex;"><span> name = "Portfolio" </span></span><span style="display:flex;"><span> URL = "#portfolio" </span></span><span style="display:flex;"><span> weight = 3 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> [[languages.fr.menus.footer]] </span></span><span style="display:flex;"><span> name = "Contact" </span></span><span style="display:flex;"><span> URL = "#contact" </span></span><span style="display:flex;"><span> weight = 4 </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span># Plugins </span></span><span style="display:flex;"><span>[params.plugins] </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # CSS Plugins </span></span><span style="display:flex;"><span> [[params.plugins.css]] </span></span><span style="display:flex;"><span> URL = "css/custom.css" </span></span><span style="display:flex;"><span> [[params.plugins.css]] </span></span><span style="display:flex;"><span> URL = "css/adritian-icons.css" </span></span><span style="display:flex;"><span> ## Optional, if you want print improvements (to PDF/printed) </span></span><span style="display:flex;"><span> [[params.plugins.css]] </span></span><span style="display:flex;"><span> URL = "css/bootstrap-print.css" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # JS Plugins </span></span><span style="display:flex;"><span> [[params.plugins.js]] </span></span><span style="display:flex;"><span> URL = "js/rad-animations.js" </span></span><span style="display:flex;"><span> [[params.plugins.js]] </span></span><span style="display:flex;"><span> URL = "js/sticky-header.js" </span></span><span style="display:flex;"><span> [[params.plugins.js]] </span></span><span style="display:flex;"><span> URL = "js/library/fontfaceobserver.js" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> # SCSS Plugins </span></span><span style="display:flex;"><span> [[params.plugins.scss]] </span></span><span style="display:flex;"><span> URL = "scss/adritian.scss" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span># theme/color style </span></span><span style="display:flex;"><span>[params.colorTheme] </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>## the following configuration would disable automatic theme selection </span></span><span style="display:flex;"><span># [params.colorTheme.auto] </span></span><span style="display:flex;"><span># disable = true </span></span><span style="display:flex;"><span># [params.colorTheme.forced] </span></span><span style="display:flex;"><span># theme = "dark" </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>## the following parameter will disable theme override in the footer </span></span><span style="display:flex;"><span># [params.colorTheme.selector.disable] </span></span><span style="display:flex;"><span># footer = true </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>## by default we allow override AND automatic selection </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>[params.blog] </span></span><span style="display:flex;"><span>layout = "default" # options: default, sidebar </span></span><span style="display:flex;"><span>sidebarWidth = "25" # percentage width of the sidebar </span></span><span style="display:flex;"><span>showCategories = true </span></span><span style="display:flex;"><span>showRecentPosts = true </span></span><span style="display:flex;"><span>recentPostCount = 5 </span></span><span style="display:flex;"><span>listStyle = "summary" # options: simple, summary</span></span></code></pre></div></div> <ol> <li>Get the module: <code>hugo mod get -u</code></li> <li>Execute <code>hugo mod npm pack</code> - this will generate a <code>package.json</code> file in the root folder of your site, with the dependencies for the theme.</li> <li>Execute <code>npm install</code> - this will install the dependencies for the theme (including bootstrap)</li> <li>(Optional, to override the defaults) Create a file <code>data/homepage.yml</code> with the contents of the <a href="https://github.com/zetxek/adritian-free-hugo-theme/blob/main/exampleSite/data/homepage.yml"><code>exampleSite/data/homepage.yml</code></a> file, and customize to your needs (<strong>note: this file is not included in your theme if you use hugo modules, download it manually from the repository</strong>)</li> </ol> </details> <h3 id="traditional-installation-as-git-submodule">Traditional Installation (as git submodule)</h3> <p>If you prefer not to use Hugo Modules, you can still install the theme as a git submodule. The guide is very similar to <a href="https://gohugo.io/getting-started/quick-start/#create-a-site">official “Quick Start”</a>, just changing the theme URL in the <code>git submodule add</code> command:</p> </article> <article> <h1>ScrAIbe-WebUI: Browser-Based Transcription for Research Teams</h1> <p>Mon, 10 Feb 2025 09:00:00 +0100</p> A Gradio-based, Docker-first web interface for running ScrAIbe transcription and diarisation workflows from the browser. </article> <article> <h1>ScrAIbe: Research-Grade Transcription & Diarisation</h1> <p>Wed, 15 Jan 2025 10:00:00 +0100</p> An open-source ASR toolkit combining Whisper, Pyannote diarisation, language identification, and flexible interfaces for real-world research audio. </article> <article> <h1>Sample content: featured image</h1> <p>Mon, 24 Jun 2024 14:38:33 +0200</p> <p>Sample blog content. Like a lorem ipsum but saying something more interesting.</p> <p></p> <p>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.</p> </article> <article> <h1>Sample content: formatting styles</h1> <p>Fri, 21 Jun 2024 14:38:33 +0200</p> <p>Sample blog content. Like a lorem ipsum but saying something more interesting.</p> <p>We will show some content that is supported:</p> <h2 id="basic-syntax">Basic Syntax</h2> <h3 id="headings">Headings</h3> <div class="highlight-wrapper"> <button class="copy-code-btn" type="button" aria-label="Copy code to clipboard"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> <span class="copy-text">Copy</span> </button><div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span># Heading 1 </span></span><span style="display:flex;"><span>## Heading 2 </span></span><span style="display:flex;"><span>### Heading 3 </span></span><span style="display:flex;"><span>#### Heading 4 </span></span><span style="display:flex;"><span>##### Heading 5 </span></span><span style="display:flex;"><span>###### Heading 6</span></span></code></pre></div></div> <h2 id="heading-2">Heading 2</h2> <h3 id="heading-3">Heading 3</h3> <h4 id="heading-4">Heading 4</h4> <h5 id="heading-5">Heading 5</h5> <h6 id="heading-6">Heading 6</h6> <h3 id="emphasis">Emphasis</h3> <div class="highlight-wrapper"> <button class="copy-code-btn" type="button" aria-label="Copy code to clipboard"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect> <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path> </svg> <span class="copy-text">Copy</span> </button><div class="highlight"><pre tabindex="0" style="background-color:#f7f7f7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span>*This text will be italic* </span></span><span style="display:flex;"><span>_This will also be italic_ </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>**This text will be bold** </span></span><span style="display:flex;"><span>__This will also be bold__ </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span>_You **can** combine them_</span></span></code></pre></div></div> <p><em>This text will be italic</em></p> </article> <article> <h1>Senior Data Scientist & AI Advisor</h1> <p>Sun, 01 Jan 2023 00:00:00 +0100</p> <h2 id="my-role-at-dbfz--kida">My Role at DBFZ & KIDA</h2> <p>At the German Biomass Research Centre (DBFZ), I worked at the interface of applied data science, machine learning, and research infrastructure, including contributions to the interdisciplinary KIDA project. My focus was to help research teams translate complex data and computational questions into usable tools, reproducible workflows, and reliable analyses.</p> <p><strong>Key responsibilities</strong></p> <ul> <li>Developed data and machine-learning workflows for applied research projects.</li> <li>Supported researchers in framing ML problems, choosing suitable methods, and evaluating results.</li> <li>Helped build and operate infrastructure for computationally demanding workloads, including Slurm-based HPC environments, container stacks, and GitLab/GitHub automation.</li> <li>Contributed to the planning and practical setup of shared AI/HPC infrastructure in the KIDA context.</li> <li>Worked on reproducibility, deployment, dependency management, and CVE-driven updates for research software environments.</li> <li>Developed open-source tools such as ScrAIbe and ScrAIbe-WebUI to make transcription and diarisation pipelines usable beyond purely technical users.</li> <li>Advised IT and research teams on translating prototypes and infrastructure ideas into more stable services.</li> <li>Supervised and supported student projects, theses, and internal knowledge transfer around programming, data science, and machine learning.</li> </ul> <p>This work connected my physics background with practical AI and research software engineering: using machine learning not as an end in itself, but as a tool to make scientific work more transparent, reproducible, and useful.</p> </article> <article> <h1>Master’s Thesis: Machine Learning Optimization of Gaussian Basis Sets</h1> <p>Thu, 01 Sep 2022 00:00:00 +0200</p> Using differentiable optimisation to improve Gaussian basis sets for ab initio DFT, with a focus on compact basis families and accuracy trade-offs. </article> <article> <h1>Medical Physics (M.Sc.)</h1> <p>Thu, 01 Sep 2022 00:00:00 +0200</p> <p>The programme in Medical Physics naturally had a strong focus on medical applications. In my optional modules, however, I concentrated on computational and theoretical physics – in particular on how machine learning can augment quantum chemistry workflows. My thesis, “Machine Learning Optimization of Gaussian Basis Sets,” conducted in Prof. Miguel Marques’ group, strengthened my passion for applying ML techniques to fundamental scientific questions.</p> </article> <article> <h1>Medical Physics (B.Sc.)</h1> <p>Mon, 01 Jul 2019 00:00:00 +0200</p> <p>My bachelor’s thesis, “Electroencephalogram analysis to evaluate consciousness states,” introduced me to signal processing and data interpretation at the intersection of physics and medicine. Working in Prof. Jan Kantelhardt’s group helped me appreciate the importance of rigorous modelling, transparent data pipelines, and collaborative research practices.</p> </article> <article> <h1>Bachelor’s Thesis: EEG-Based Assessment of Consciousness</h1> <p>Sat, 01 Jun 2019 00:00:00 +0200</p> Investigating whether EEG-derived markers can track consciousness in propofol-sedated endoscopy patients in real time. </article> <article> <h1>Member and Chair of the Physics Student Council</h1> <p>Tue, 01 Jan 2019 00:00:00 +0100</p> <h2 id="taking-responsibility-in-student-representation">Taking responsibility in student representation</h2> <p>During my studies, I served as an elected member and later as chair of the Physics Student Council, the student representative body of the physics department. In this role, I represented student perspectives, supported fellow students with organisational questions, and contributed to communication between students, teaching staff, and the institute.</p> <p><strong>Key responsibilities</strong></p> <ul> <li>Represented student concerns in discussions with teaching staff and university committees.</li> <li>Coordinated the work of the student council, including internal communication, task distribution, and decision-making.</li> <li>Supported students with organisational questions around courses, exams, and everyday academic life.</li> <li>Helped organise events that connected students with each other and with research groups at the institute.</li> <li>Improved communication between cohorts through shared documentation and better transfer of information.</li> </ul> <p>This experience showed me how important clear communication, reliability, and practical organisation are in academic environments — especially when many different perspectives need to be brought together.</p> </article> <article> <h1>Scientific Assistant</h1> <p>Fri, 01 Jan 2016 00:00:00 +0100</p> <h2 id="making-physics-accessible-through-hands-on-experimentation">Making physics accessible through hands-on experimentation</h2> <p>From 2016 to 2022, I supported the HASP student laboratory at Martin Luther University Halle-Wittenberg. The laboratory gives school students a practical introduction to experimental physics — not only through demonstrations, but through hands-on experimentation, observation, and discussion.</p> <p><strong>Key responsibilities</strong></p> <ul> <li>Guided student groups through physics experiments in the laboratory.</li> <li>Explained complex physical phenomena in a way that matched different age groups and levels of prior knowledge.</li> <li>Built, tested, and improved experimental setups and demonstrations.</li> <li>Balanced safety, robustness, and scientific accuracy when working with laboratory experiments.</li> <li>Supported the maintenance and development of the laboratory’s catalogue of experiments.</li> </ul> <p>This work strongly shaped my interest in teaching and science communication. It taught me how important it is to explain advanced concepts in a way that invites curiosity and allows students to make their own observations.</p> </article> <article> <h1>CV</h1> <p>Mon, 01 Jan 0001 00:00:00 +0000</p> <h3 id="about-me">About me</h3> <p>Until December 2025, I worked as a Senior Data Scientist at the German Biomass Research Centre (DBFZ) in Leipzig. There, I combined my physics background with hands-on work in machine learning, research software, and HPC infrastructure. My focus was on turning complex models, data pipelines, and computationally demanding workflows into robust tools and practically usable processes.</p> <p>This included open-source projects such as ScrAIbe and ScrAIbe-WebUI, which made transcription and diarisation workflows accessible through a user-friendly web interface. In parallel, I worked with Slurm-based HPC clusters, Singularity/Apptainer containers, and CI/CD pipelines in GitLab and GitHub Actions to provide research software, large-scale workloads, and containerised services in a reproducible way.</p> </article> <article> <h1>Footer</h1> <p>Mon, 01 Jan 0001 00:00:00 +0000</p> <section id="contact" class="section section--contact pt-0"> <div class="container"> <div class="contact w-100"> <h2>Reach out</h2> <div class="row pt-2"> <div class="col-12 col-lg-7"> <form action="https://formies.dev/submit/9b3f46c2-87f8-418f-a2d0-dd9959b1795e" method="POST" class="contact__form"> <div class="row"> <div class="col-12 col-sm-6"> <input type="text" name="full_name" class="form-control" placeholder="Your name"> </div> <div class="col-12 col-sm-6"> <input type="email" name="email" class="form-control" placeholder="Your e-mail"> </div> </div> <div class="row pt-4"> <div class="col-12"> <input type="tel" name="phone" class="form-control" placeholder="Your phone"> </div> </div> <div class="row pt-4"> <div class="col-12"> <textarea name="message" class="form-control" rows="3" placeholder="Your text"></textarea> </div> </div> <div class="row pt-4"> <div class="col-12"> <button type="submit" class="btn btn-primary">Send message</button> </div> </div> </form> </div> <div class="col-12 col-lg-5 contact__info"> <h3>My mail</h3> <span><a href='mailto:contact@jsphere.de'>contact@jsphere.de</a></span> <h3>My location</h3> <span>🇩🇪 Germany</span> </div> </div> </div> </div> </section> </article> <article> <h1>Home</h1> <p>Mon, 01 Jan 0001 00:00:00 +0000</p> <section id="showcase" class="rad-showcase rad-showcase--index rad-animation-group rad-fade-down"> <div> <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"> Jacob Schmieder </h1> <h2 class="display-5"> <span>Open to PhD Opportunities</span> </h2> <div class="lead"> <p>I am a medical physicist with a strong background in theoretical and computational physics, scientific computing, and machine learning. I am seeking a PhD position in physics, AI, or their intersection, where I can contribute to scientifically driven research through physical understanding, quantitative analysis, and computational methods.</p> </article> <article> <h1>Search</h1> <p>Mon, 01 Jan 0001 00:00:00 +0000</p> search </article> </main></body></html>