2025-03-04 04:23:12 +01:00
<!DOCTYPE html>
< html xmlns = "http://www.w3.org/1999/xhtml" lang = "en" >
< head >
< meta charset = "UTF-8" / >
< meta name = "description" content = "Well, get on this site and find out." / >
< meta name = "viewport" content = "width=device-width, initial-scale=1" / >
< meta name = "base" content = "https://rootsource.cc" / >
2025-03-04 05:24:35 +01:00
< meta name = "theme-color" content = "purple" / >
2025-03-04 04:23:12 +01:00
2025-03-04 05:24:35 +01:00
< title > Transition from Duckquill to Ametrine - RootSourceCC< / title >
2025-03-04 04:23:12 +01:00
< link rel = "canonical" href = "https://rootsource.cc/Articles/duckquill2ametrine/" / >
< meta content = "Zola" name = "generator" >
2025-03-04 05:24:35 +01:00
< link rel = "icon" type = "image/png" href = "https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" / >
2025-03-04 04:23:12 +01:00
< link rel = "preload" href = "https://rootsource.cc/fonts/geist.woff2" as = "font" type = "font/woff2" crossorigin >
< link rel = "preload" href = "https://rootsource.cc/fonts/geist-mono.woff2" as = "font" type = "font/woff2" crossorigin >
< link rel = "preload" href = "https://rootsource.cc/fonts/phosphor-bold.woff2" as = "font" type = "font/woff2" crossorigin > < style type = "text/css" >
:root {
2025-03-04 05:24:35 +01:00
--accent-color: hsl(254.11766 44% 55%);
--accent-h: 254.11766;
--accent-s: 44%;
--accent-l: 55%;
2025-03-04 04:23:12 +01:00
}[data-theme="dark"] {
2025-03-04 05:24:35 +01:00
--accent-color: hsl(249.88234 77% 78%);
--accent-h: 249.88234;
--accent-s: 77%;
--accent-l: 78%;
2025-03-04 04:23:12 +01:00
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
2025-03-04 05:24:35 +01:00
--accent-color: hsl(249.88234 77% 78%);
--accent-h: 249.88234;
--accent-s: 77%;
--accent-l: 78%;
2025-03-04 04:23:12 +01:00
}
}< / style >
< link type = "text/css" rel = "stylesheet" href = "https://rootsource.cc/style.css?h=fd31cab16611d9654aa0" / >
< link type = "text/css" rel = "stylesheet" href = "https://rootsource.cc/phosphor-bold.css?h=64fb8156a3a3f0de62c5" / >
< script type = "text/javascript" defer src = "https://rootsource.cc/closable.js" > < / script >
< script type = "text/javascript" defer src = "https://rootsource.cc/search_index.en.js" > < / script >
< script type = "text/javascript" defer src = "https://rootsource.cc/elasticlunr.min.js" > < / script >
< script type = "text/javascript" defer src = "https://rootsource.cc/search.js" > < / script >
2025-03-04 05:24:35 +01:00
< meta property = "og:site_name" content = "RootSourceCC" / >
< meta property = "og:title" content = "Transition from Duckquill to Ametrine - RootSourceCC" / >
2025-03-04 04:23:12 +01:00
< meta property = "og:url" content = "https://rootsource.cc/Articles/duckquill2ametrine/" / >
< meta property = "og:description" content = "In this guide, we will show you how to transition from Daudix's Duckquill to its successor, Ametrine!" / >
< meta property = "og:locale" content = "en_US" / >
< meta name = "twitter:card" content = "summary_large_image" / >
2025-03-04 05:24:35 +01:00
< meta name = "twitter:title" content = "Transition from Duckquill to Ametrine - RootSourceCC" / >
2025-03-04 04:23:12 +01:00
< meta name = "twitter:url" content = "https://rootsource.cc/Articles/duckquill2ametrine/" / >
< meta name = "twitter:description" content = "In this guide, we will show you how to transition from Daudix's Duckquill to its successor, Ametrine!" / >
< / head >
< body >
< a id = "skip-to-content" href = "#main-content" tabindex = "0" > Skip to Main Content< / a >
< div id = "site-navbar" class = "sidebar" >
2025-03-04 05:24:35 +01:00
< a id = "navbar-header" class = "has-icon" href = "#top" > < img class = "transparent no-hover" src = "https://rootsource.cc/SiteIcon.png" / > < div >
2025-03-04 04:23:12 +01:00
< span > Transition from Duckquill to Ametrine< / span >
< span > Back to Top< / span >
< / div >
< / a >
< nav class = "overshoot" >
< ul > < li >
< a
href="https:/ / rootsource.cc/ ">
2025-03-04 05:24:35 +01:00
< i class = "ph-bold ph-house" > < / i > RootSourceCC< / a >
2025-03-04 04:23:12 +01:00
< / li >
< li >
< a href = "https://rootsource.cc/Articles" class = "
">
< i class = "ph-bold ph-newspaper" > < / i > Articles< / a >
< / li >
2025-03-07 03:49:53 +01:00
< li >
< a href = "https://rootsource.cc/hwinfo" class = "
">
< i class = "ph-bold ph-circuitry" > < / i > Hardware information< / a >
< / li >
2025-03-04 04:23:12 +01:00
< li >
< a href = "https://git.rootsource.cc/" rel = "" class = "external" >
< i class = "ph-bold ph-git-merge" > < / i > Alpsource< / a >
< / li >
< li >
< a href = "https://haj.rootsource.cc/" rel = "" class = "external" >
< i class = "ph-bold ph-fediverse-logo" > < / i > Hajiku/ Costkey< / a >
< / li >
< li >
< a href = "https://bin.rootsource.cc/" rel = "" class = "external" >
< i class = "ph-bold ph-lock-laminated" > < / i > Estellabin< / a >
2025-03-04 23:17:59 +01:00
< / li >
< li >
< a href = "https://status.rootsource.cc/status/status" rel = "" class = "external" >
< i class = "ph-bold ph-siren" > < / i > Status< / a >
2025-03-04 04:23:12 +01:00
< / li > < / ul >
< / nav >
< div id = "navbar-buttons" >
< input class = "visually-hidden" id = "toggle-navbar" type = "checkbox" name = "toggle-navbar" autocomplete = "off" / >
< label for = "toggle-navbar" > < i class = "ph-bold ph-sidebar" > < / i > Toggle Sidebar< / label > < button id = "search" >
< i class = "ph-bold ph-magnifying-glass" > < / i > Search< / button > < / div >
< / div >
< main id = "main-content" class = "has-navbar" > < div class = "container" >
< article >
< h1 id = "heading" > Transition from Duckquill to Ametrine< / h1 > < div class = "article-details" > < div class = "item" >
< i class = "ph-bold ph-calendar" > < / i >
< time datetime = "2025-03-04T00:00:00+00:00" pubdate > March 04, 2025< / time >
2025-03-04 05:24:35 +01:00
< / div > < div class = "item" >
< i class = "ph-bold ph-clock-countdown" > < / i >
< span > 2 minutes< / span >
2025-03-04 04:23:12 +01:00
< / div >
< / div >
< aside id = "toc" >
< strong class = "title" > Table of Contents< / strong >
< div class = "overshoot" >
< ul > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#wip" > WIP!< / a > < / li > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#step-1-getting-ametrine" > Step 1: Getting Ametrine< / a > < ul > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#don-t-clone-as-submodule" > Don' t clone as submodule< / a >
< / li > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#clone-as-submodule-recommended" > Clone as submodule (recommended!)< / a >
< / li > < / ul > < / li > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#step-2-applying-ametrine" > Step 2: Applying Ametrine< / a > < ul > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#editing-the-file-manually" > Editing the file manually< / a >
< / li > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#using-sed-like-a-pro-haxx0r" > Using sed like a pro haxx0r< / a >
< / li > < / ul > < / li > < li >
< a href = "https://rootsource.cc/Articles/duckquill2ametrine/#building-and-praying" > Building and praying< / a > < / li > < / ul >
< / div >
< / aside > < h1 id = "wip" > WIP!< / h1 >
< p > (daudix will have less work writing this fr)< / p >
< h1 id = "step-1-getting-ametrine" > Step 1: Getting Ametrine< / h1 >
< p > First, you're going to navigate to the themes folder of your Zola installation. Example:< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/#< / span > < span > cd /var/www/zola/themes/
< / span > < span style = "color:#bf616a;" > user@hostname:/var/www/zola/themes#
< / span > < / code > < / pre >
< h2 id = "don-t-clone-as-submodule" > Don't clone as submodule< / h2 >
< p > If Git is installed, you're going to clone Ametrine into the themes directory:< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/var/www/zola/themes#< / span > < span > git clone https://codeberg.org/daudix/ametrine
< / span > < span style = "color:#96b5b4;" > cd< / span > < span > ametrine
< / span > < / code > < / pre >
< h2 id = "clone-as-submodule-recommended" > Clone as submodule (recommended!)< / h2 >
< p > Or, if you use Submodules:< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/var/www/zola/themes#< / span > < span > git submodule init
< / span > < span style = "color:#bf616a;" > user@hostname:/var/www/zola/themes#< / span > < span > git submodule add https://codeberg.org/daudix/ametrine.git ametrine
< / span > < / code > < / pre >
< h1 id = "step-2-applying-ametrine" > Step 2: Applying Ametrine< / h1 >
< p > Next step is to change the config to use Ametrine instead of Duckquill< / p >
< p > For this, go back to the root directory of the Zola installation:< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/var/www/zola/themes#< / span > < span > cd ..
< / span > < span style = "color:#bf616a;" > user@hostname:/var/www/zola#< / span > < span > ls
< / span > < span style = "color:#bf616a;" > config.toml< / span > < span > content public static templates themes zola
< / span > < span style = "color:#bf616a;" > user@hostname:/var/www/zola#
< / span > < / code > < / pre >
< h2 id = "editing-the-file-manually" > Editing the file manually< / h2 >
< p > Open the file in your favourite editor:< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/var/www/zola#< / span > < span > micro config.toml
< / span > < / code > < / pre >
< p > Find the line that says< / p >
< pre data-lang = "toml" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-toml " > < code class = "language-toml" data-lang = "toml" > < span style = "color:#bf616a;" > theme < / span > < span > = " < / span > < span style = "color:#a3be8c;" > duckquill< / span > < span > "
< / span > < / code > < / pre >
< p > and replace it with< / p >
< pre data-lang = "toml" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-toml " > < code class = "language-toml" data-lang = "toml" > < span style = "color:#bf616a;" > theme < / span > < span > = " < / span > < span style = "color:#a3be8c;" > ametrine< / span > < span > "
< / span > < / code > < / pre >
< h2 id = "using-sed-like-a-pro-haxx0r" > Using < code > sed< / code > like a pro haxx0r< / h2 >
< p > Feeling skid today? Use the following command to replace the line manually using sed:< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/var/www/zola#< / span > < span > sed< / span > < span style = "color:#bf616a;" > -i < / span > < span > ' < / span > < span style = "color:#a3be8c;" > s/theme = \" duckquill\" /theme = \" ametrine\" /g< / span > < span > ' config.toml
< / span > < / code > < / pre >
< h1 id = "building-and-praying" > Building and praying< / h1 >
< p > Well, time to build!< / p >
< pre data-lang = "bash" style = "background-color:#2b303b;color:#c0c5ce;" class = "language-bash " > < code class = "language-bash" data-lang = "bash" > < span style = "color:#bf616a;" > user@hostname:/var/www/zola#< / span > < span > ./zola build
< / span > < span style = "color:#bf616a;" > Building< / span > < span > site...
< / span > < span style = "color:#bf616a;" > Checking< / span > < span > all internal links with anchors.
< / span > < span > > Successfully < / span > < span style = "color:#bf616a;" > checked< / span > < span > 0 internal link(s) < / span > < span style = "color:#bf616a;" > with< / span > < span > anchors.
< / span > < span style = "color:#bf616a;" > -< / span > < span > > Creating 3 pages (0 orphan) < / span > < span style = "color:#bf616a;" > and< / span > < span > 1 sections
< / span > < span style = "color:#bf616a;" > Done< / span > < span > in 341ms.
< / span > < / code > < / pre >
< ul >
< li > Note: The zola command may either only be available in the site's directory, or as a widely-available command, depending on your installation method of Zola.< / li >
< / ul >
< p > We have done it!< / p >
< p > You have transitioned from Duckquill to Ametrine, and so did we, joining < a href = "https://aeronook.tech" > AeroNook (#1)< / a > and < a href = "https://mambuco.dev/" > Mambuco (#2)< / a > in the transition, making us the third!< / p >
< p > Ametrine is still experimental, but we are happy to see it grow so fast! Thank you < a href = "https://daudix.one" > Daudix< / a > for blessing us with this fr. Go check him out, he's a great and very talented person!< / p >
< p > Thank you for reading!< / p >
< p > Sincerely, RootsourceCC.< / p >
< / article > < hr / >
< nav id = "post-nav" > < a class = "post-nav-item post-nav-prev" href = "https://rootsource.cc/Articles/set-up-costmiku-ffsync/" >
< div class = "nav-arrow" > Previous< / div >
< span class = "post-title" > Set up costmiku ffsync on Firefox< / span >
< / a > < / nav >
< / div >
< / main >
< footer id = "site-footer" >
< div class = "container" >
< div > < p id = "site-footer-copyright" > raiz1.noho.st owns this website
< / p >
< p > Powered by < a class = "link external" href = "https://www.getzola.org" rel = "" > Zola< / a > and < a class = "link external" href = "https://ametrine.daudix.one" rel = "" > Ametrine< / a >
2025-03-07 03:49:53 +01:00
< / p > < p id = "site-footer-last-updated" > March 06, 2025, 15:26 (CET)< / p >
2025-03-04 04:23:12 +01:00
< / div > < / div >
< / footer >
< div id = "search-modal" >
< div id = "search-modal-content" >
< label for = "search-input" class = "visually-hidden" > Search< / label >
< div >
< input id = "search-input" placeholder = "Search for…" autocomplete = "off" type = "search" >
< i class = "ph-bold ph-keyboard" title = "Press “/” to Open Search Bar" > < / i >
< / div >
< div id = "search-results" class = "overshoot" > < / div >
< / div >
< / div >
< / body >
< / html >