diff --git a/nixos/roles/frontpage/assets/favicons/dark_favicon.zip b/nixos/roles/frontpage/assets/favicons/dark_favicon.zip
new file mode 100644
index 0000000..4fb55c0
Binary files /dev/null and b/nixos/roles/frontpage/assets/favicons/dark_favicon.zip differ
diff --git a/nixos/roles/frontpage/assets/favicons/light_favicon.zip b/nixos/roles/frontpage/assets/favicons/light_favicon.zip
new file mode 100644
index 0000000..cced9ee
Binary files /dev/null and b/nixos/roles/frontpage/assets/favicons/light_favicon.zip differ
diff --git a/nixos/roles/frontpage/assets/flavours/catppuccin-frappe.css b/nixos/roles/frontpage/assets/flavours/catppuccin-frappe.css
new file mode 100644
index 0000000..bc6c7f6
--- /dev/null
+++ b/nixos/roles/frontpage/assets/flavours/catppuccin-frappe.css
@@ -0,0 +1,177 @@
+@charset "UTF-8";
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
+
+/* Catppuccin theme for Homer */
+
+#app.theme-default.dark {
+  --catppuccin-base: #303446;
+  --catppuccin-surface0: #414559;
+  --catppuccin-surface1: #51576d;
+  --catppuccin-surface2: #626880;
+  --catppuccin-text: #c6d0f5;
+  --catppuccin-teal: #81c8be;
+  --catppuccin-green: #a6d189;
+  --catppuccin-peach: #ef9f76;
+  --catppuccin-pink: #f4b8e4;
+  --catppuccin-mauve: #ca9ee6;
+  --catppuccin-red: #e78284;
+  --catppuccin-yellow: #e5c890;
+  --catppuccin-text-dark: var(--catppuccin-surface2);
+
+  --highlight-primary: transparent;
+  --highlight-secondary: var(--catppuccin-surface0);
+  --highlight-hover: var(--catppuccin-surface0);
+  --background: var(--catppuccin-base);
+  --highlight-hover: var(--catppuccin-surface0);
+  --card-background: var(--catppuccin-surface0);
+  --text: var(--catppuccin-text);
+  --text-header: var(--catppuccin-text);
+  --text-title: var(--catppuccin-text);
+  --text-subtitle: var(--catppuccin-teal);
+  --link: var(--catppuccin-green);
+  --link-hover: var(--catppuccin-green);
+}
+
+/* Header */
+
+/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
+
+#app.theme-default.dark #bighead {
+  background-image: url('../assets/images/backgrounds/romb.png');
+  background-size: cover;
+  background-position: center;
+}
+
+#app.theme-default.dark .logo {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.dark .first-line .headline {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .navbar-start i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark [title='Auto-switch'] {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.dark [title='Dark theme'] {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .navbar-item .fa-columns {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .navbar-item .fa-list {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .search-bar .search-label:before {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .search-bar input {
+  background-color: var(--catppuccin-base);
+}
+
+#app.theme-default.dark .search-bar > input:nth-child(2) {
+  color: var(--catppuccin-text);
+}
+
+#app.theme-default.dark .search-bar input:focus-visible {
+  outline: none;
+}
+
+/* Message */
+
+#app.theme-default.dark .message-header {
+  color: var(--catppuccin-text);
+  background-color: var(--catppuccin-surface0);
+  border-style: none none solid none;
+  border-width: thin;
+}
+
+#app.theme-default.dark .is-info .message-header {
+  border-color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .is-info .message-header i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .is-success .message-header {
+  border-color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .is-success .message-header i {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .is-warning .message-header {
+  border-color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .is-warning .message-header i {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .is-danger .message-header {
+  border-color: var(--catppuccin-red);
+}
+
+#app.theme-default.dark .is-danger .message-header i {
+  color: var(--catppuccin-red);
+}
+
+/* Cards */
+
+#app.theme-default.dark .tag {
+  background-color: var(--catppuccin-pink);
+  color: var(--catppuccin-text-dark);
+}
+
+#app.theme-default.dark .status.unknown::before {
+  background-color: var(--catppuccin-yellow);
+  border-color: var(--catppuccin-yellow);
+  box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .status.bad::before {
+  background-color: var(--catppuccin-red);
+  border-color: var(--catppuccin-red);
+  box-shadow: 0 0 5px 1px var(--catppuccin-red);
+}
+
+#app.theme-default.dark .status.running::before {
+  background-color: var(--catppuccin-green);
+  border-color: var(--catppuccin-green);
+  box-shadow: 0 0 5px 1px var(--catppuccin-green);
+}
+
+#app.theme-default.dark .card:hover {
+  background-color: var(--catppuccin-surface1);
+}
+
+/* Footer */
+#app.theme-default.dark .footer {
+  color: var(--catppuccin-text);
+}
+
+/* Adds spacing to the bottom of cards */
+body #app .card-content {
+  margin-bottom: 0.55rem;
+}
+
+/* Custom font using Fira Code */
+body #bighead .navbar a {
+  font-family: 'Fira Code', monospace;
+}
+
+body #app .title {
+  font-family: 'Fira Code', monospace;
+}
diff --git a/nixos/roles/frontpage/assets/flavours/catppuccin-latte.css b/nixos/roles/frontpage/assets/flavours/catppuccin-latte.css
new file mode 100644
index 0000000..531cbee
--- /dev/null
+++ b/nixos/roles/frontpage/assets/flavours/catppuccin-latte.css
@@ -0,0 +1,176 @@
+@charset "UTF-8";
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
+
+/* Catppuccin theme for Homer */
+
+#app.theme-default.light {
+  --catppuccin-base: #eff1f5;
+  --catppuccin-surface0: #ccd0da;
+  --catppuccin-surface1: #bcc0cc;
+  --catppuccin-surface2: #acb0be;
+  --catppuccin-text: #4c4f69;
+  --catppuccin-teal: #179299;
+  --catppuccin-green: #40a02b;
+  --catppuccin-peach: #fe640b;
+  --catppuccin-pink: #ea76cb;
+  --catppuccin-mauve: #8839ef;
+  --catppuccin-red: #d20f39;
+  --catppuccin-yellow: #df8e1d;
+
+  --highlight-primary: transparent;
+  --highlight-secondary: var(--catppuccin-surface0);
+  --highlight-hover: var(--catppuccin-surface0);
+  --background: var(--catppuccin-base);
+  --highlight-hover: var(--catppuccin-surface0);
+  --card-background: var(--catppuccin-surface0);
+  --text: var(--catppuccin-text);
+  --text-header: var(--catppuccin-text);
+  --text-title: var(--catppuccin-text);
+  --text-subtitle: var(--catppuccin-teal);
+  --link: var(--catppuccin-green);
+  --link-hover: var(--catppuccin-green);
+}
+
+/* Header */
+
+/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
+
+#app.theme-default.light #bighead {
+  background-image: url('../assets/images/backgrounds/romb.png');
+  background-size: cover;
+  background-position: center;
+}
+
+#app.theme-default.light .logo {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.light .first-line .headline {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.light .navbar-start i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.light [title='Auto-switch'] {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.light [title='Dark theme'] {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.light .navbar-item .fa-columns {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.light .navbar-item .fa-list {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.light .search-bar .search-label:before {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.light .search-bar input {
+  background-color: var(--catppuccin-base);
+}
+
+#app.theme-default.light .search-bar > input:nth-child(2) {
+  color: var(--catppuccin-text);
+}
+
+#app.theme-default.light .search-bar input:focus-visible {
+  outline: none;
+}
+
+/* Message */
+
+#app.theme-default.light .message-header {
+  color: var(--catppuccin-text);
+  background-color: var(--catppuccin-surface0);
+  border-style: none none solid none;
+  border-width: thin;
+}
+
+#app.theme-default.light .is-info .message-header {
+  border-color: var(--catppuccin-teal);
+}
+
+#app.theme-default.light .is-info .message-header i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.light .is-success .message-header {
+  border-color: var(--catppuccin-green);
+}
+
+#app.theme-default.light .is-success .message-header i {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.light .is-warning .message-header {
+  border-color: var(--catppuccin-peach);
+}
+
+#app.theme-default.light .is-warning .message-header i {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.light .is-danger .message-header {
+  border-color: var(--catppuccin-red);
+}
+
+#app.theme-default.light .is-danger .message-header i {
+  color: var(--catppuccin-red);
+}
+
+/* Cards */
+
+#app.theme-default.light .tag {
+  background-color: var(--catppuccin-pink);
+  color: var(--catppuccin-text);
+}
+
+#app.theme-default.light .status.unknown::before {
+  background-color: var(--catppuccin-yellow);
+  border-color: var(--catppuccin-yellow);
+  box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
+}
+
+#app.theme-default.light .status.bad::before {
+  background-color: var(--catppuccin-red);
+  border-color: var(--catppuccin-red);
+  box-shadow: 0 0 5px 1px var(--catppuccin-red);
+}
+
+#app.theme-default.light .status.running::before {
+  background-color: var(--catppuccin-green);
+  border-color: var(--catppuccin-green);
+  box-shadow: 0 0 5px 1px var(--catppuccin-green);
+}
+
+#app.theme-default.light .card:hover {
+  background-color: var(--catppuccin-surface1);
+}
+
+/* Footer */
+#app.theme-default.light .footer {
+  color: var(--catppuccin-text);
+}
+
+/* Adds spacing to the bottom of cards */
+body #app .card-content {
+  margin-bottom: 0.55rem;
+}
+
+/* Custom font using Fira Code */
+body #bighead .navbar a {
+  font-family: 'Fira Code', monospace;
+}
+
+body #app .title {
+  font-family: 'Fira Code', monospace;
+}
diff --git a/nixos/roles/frontpage/assets/flavours/catppuccin-macchiato.css b/nixos/roles/frontpage/assets/flavours/catppuccin-macchiato.css
new file mode 100644
index 0000000..5b25060
--- /dev/null
+++ b/nixos/roles/frontpage/assets/flavours/catppuccin-macchiato.css
@@ -0,0 +1,177 @@
+@charset "UTF-8";
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
+
+/* Catppuccin theme for Homer */
+
+#app.theme-default.dark {
+  --catppuccin-base: #24273a;
+  --catppuccin-surface0: #363a4f;
+  --catppuccin-surface1: #494d64;
+  --catppuccin-surface2: #5b6078;
+  --catppuccin-text: #cad3f5;
+  --catppuccin-teal: #8bd5ca;
+  --catppuccin-green: #a6da95;
+  --catppuccin-peach: #f5a97f;
+  --catppuccin-pink: #f5bde6;
+  --catppuccin-mauve: #c6a0f6;
+  --catppuccin-red: #ed8796;
+  --catppuccin-yellow: #eed49f;
+  --catppuccin-text-dark: var(--catppuccin-surface2);
+
+  --highlight-primary: transparent;
+  --highlight-secondary: var(--catppuccin-surface0);
+  --highlight-hover: var(--catppuccin-surface0);
+  --background: var(--catppuccin-base);
+  --highlight-hover: var(--catppuccin-surface0);
+  --card-background: var(--catppuccin-surface0);
+  --text: var(--catppuccin-text);
+  --text-header: var(--catppuccin-text);
+  --text-title: var(--catppuccin-text);
+  --text-subtitle: var(--catppuccin-teal);
+  --link: var(--catppuccin-green);
+  --link-hover: var(--catppuccin-green);
+}
+
+/* Header */
+
+/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
+
+#app.theme-default.dark #bighead {
+  background-image: url('../assets/images/backgrounds/romb.png');
+  background-size: cover;
+  background-position: center;
+}
+
+#app.theme-default.dark .logo {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.dark .first-line .headline {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .navbar-start i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark [title='Auto-switch'] {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.dark [title='Dark theme'] {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .navbar-item .fa-columns {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .navbar-item .fa-list {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .search-bar .search-label:before {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .search-bar input {
+  background-color: var(--catppuccin-base);
+}
+
+#app.theme-default.dark .search-bar > input:nth-child(2) {
+  color: var(--catppuccin-text);
+}
+
+#app.theme-default.dark .search-bar input:focus-visible {
+  outline: none;
+}
+
+/* Message */
+
+#app.theme-default.dark .message-header {
+  color: var(--catppuccin-text);
+  background-color: var(--catppuccin-surface0);
+  border-style: none none solid none;
+  border-width: thin;
+}
+
+#app.theme-default.dark .is-info .message-header {
+  border-color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .is-info .message-header i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .is-success .message-header {
+  border-color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .is-success .message-header i {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .is-warning .message-header {
+  border-color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .is-warning .message-header i {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .is-danger .message-header {
+  border-color: var(--catppuccin-red);
+}
+
+#app.theme-default.dark .is-danger .message-header i {
+  color: var(--catppuccin-red);
+}
+
+/* Cards */
+
+#app.theme-default.dark .tag {
+  background-color: var(--catppuccin-pink);
+  color: var(--catppuccin-text-dark);
+}
+
+#app.theme-default.dark .status.unknown::before {
+  background-color: var(--catppuccin-yellow);
+  border-color: var(--catppuccin-yellow);
+  box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .status.bad::before {
+  background-color: var(--catppuccin-red);
+  border-color: var(--catppuccin-red);
+  box-shadow: 0 0 5px 1px var(--catppuccin-red);
+}
+
+#app.theme-default.dark .status.running::before {
+  background-color: var(--catppuccin-green);
+  border-color: var(--catppuccin-green);
+  box-shadow: 0 0 5px 1px var(--catppuccin-green);
+}
+
+#app.theme-default.dark .card:hover {
+  background-color: var(--catppuccin-surface1);
+}
+
+/* Footer */
+#app.theme-default.dark .footer {
+  color: var(--catppuccin-text);
+}
+
+/* Adds spacing to the bottom of cards */
+body #app .card-content {
+  margin-bottom: 0.55rem;
+}
+
+/* Custom font using Fira Code */
+body #bighead .navbar a {
+  font-family: 'Fira Code', monospace;
+}
+
+body #app .title {
+  font-family: 'Fira Code', monospace;
+}
diff --git a/nixos/roles/frontpage/assets/flavours/catppuccin-mocha.css b/nixos/roles/frontpage/assets/flavours/catppuccin-mocha.css
new file mode 100644
index 0000000..52004d3
--- /dev/null
+++ b/nixos/roles/frontpage/assets/flavours/catppuccin-mocha.css
@@ -0,0 +1,177 @@
+@charset "UTF-8";
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
+
+/* Catppuccin theme for Homer */
+
+#app.theme-default.dark {
+  --catppuccin-base: #1e1e2e;
+  --catppuccin-surface0: #313244;
+  --catppuccin-surface1: #45475a;
+  --catppuccin-surface2: #585b70;
+  --catppuccin-text: #cdd6f4;
+  --catppuccin-teal: #94e2d5;
+  --catppuccin-green: #a6e3a1;
+  --catppuccin-peach: #fab387;
+  --catppuccin-pink: #f5c2e7;
+  --catppuccin-mauve: #cba6f7;
+  --catppuccin-red: #f38ba8;
+  --catppuccin-yellow: #f9e2af;
+  --catppuccin-text-dark: var(--catppuccin-surface2);
+
+  --highlight-primary: transparent;
+  --highlight-secondary: var(--catppuccin-surface0);
+  --highlight-hover: var(--catppuccin-surface0);
+  --background: var(--catppuccin-base);
+  --highlight-hover: var(--catppuccin-surface0);
+  --card-background: var(--catppuccin-surface0);
+  --text: var(--catppuccin-text);
+  --text-header: var(--catppuccin-text);
+  --text-title: var(--catppuccin-text);
+  --text-subtitle: var(--catppuccin-teal);
+  --link: var(--catppuccin-green);
+  --link-hover: var(--catppuccin-green);
+}
+
+/* Header */
+
+/* Comment the following section out if you want no header image. Also, set --highlight-primary to var(--catppuccin-surface0). */
+
+#app.theme-default.dark #bighead {
+  background-image: url('../assets/images/backgrounds/romb.png');
+  background-size: cover;
+  background-position: center;
+}
+
+#app.theme-default.dark .logo {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.dark .first-line .headline {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .navbar-start i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark [title='Auto-switch'] {
+  color: var(--catppuccin-mauve);
+}
+
+#app.theme-default.dark [title='Dark theme'] {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .navbar-item .fa-columns {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .navbar-item .fa-list {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .search-bar .search-label:before {
+  color: var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .search-bar input {
+  background-color: var(--catppuccin-base);
+}
+
+#app.theme-default.dark .search-bar > input:nth-child(2) {
+  color: var(--catppuccin-text);
+}
+
+#app.theme-default.dark .search-bar input:focus-visible {
+  outline: none;
+}
+
+/* Message */
+
+#app.theme-default.dark .message-header {
+  color: var(--catppuccin-text);
+  background-color: var(--catppuccin-surface0);
+  border-style: none none solid none;
+  border-width: thin;
+}
+
+#app.theme-default.dark .is-info .message-header {
+  border-color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .is-info .message-header i {
+  color: var(--catppuccin-teal);
+}
+
+#app.theme-default.dark .is-success .message-header {
+  border-color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .is-success .message-header i {
+  color: var(--catppuccin-green);
+}
+
+#app.theme-default.dark .is-warning .message-header {
+  border-color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .is-warning .message-header i {
+  color: var(--catppuccin-peach);
+}
+
+#app.theme-default.dark .is-danger .message-header {
+  border-color: var(--catppuccin-red);
+}
+
+#app.theme-default.dark .is-danger .message-header i {
+  color: var(--catppuccin-red);
+}
+
+/* Cards */
+
+#app.theme-default.dark .tag {
+  background-color: var(--catppuccin-pink);
+  color: var(--catppuccin-text-dark);
+}
+
+#app.theme-default.dark .status.unknown::before {
+  background-color: var(--catppuccin-yellow);
+  border-color: var(--catppuccin-yellow);
+  box-shadow: 0 0 5px 1px var(--catppuccin-yellow);
+}
+
+#app.theme-default.dark .status.bad::before {
+  background-color: var(--catppuccin-red);
+  border-color: var(--catppuccin-red);
+  box-shadow: 0 0 5px 1px var(--catppuccin-red);
+}
+
+#app.theme-default.dark .status.running::before {
+  background-color: var(--catppuccin-green);
+  border-color: var(--catppuccin-green);
+  box-shadow: 0 0 5px 1px var(--catppuccin-green);
+}
+
+#app.theme-default.dark .card:hover {
+  background-color: var(--catppuccin-surface1);
+}
+
+/* Footer */
+#app.theme-default.dark .footer {
+  color: var(--catppuccin-text);
+}
+
+/* Adds spacing to the bottom of cards */
+body #app .card-content {
+  margin-bottom: 0.55rem;
+}
+
+/* Custom font using Fira Code */
+body #bighead .navbar a {
+  font-family: 'Fira Code', monospace;
+}
+
+body #app .title {
+  font-family: 'Fira Code', monospace;
+}
diff --git a/nixos/roles/frontpage/assets/footers/gray0_ctp_on_line.png b/nixos/roles/frontpage/assets/footers/gray0_ctp_on_line.png
new file mode 100644
index 0000000..6051653
Binary files /dev/null and b/nixos/roles/frontpage/assets/footers/gray0_ctp_on_line.png differ
diff --git a/nixos/roles/frontpage/assets/images/backgrounds/romb.png b/nixos/roles/frontpage/assets/images/backgrounds/romb.png
new file mode 100644
index 0000000..3ebceb2
Binary files /dev/null and b/nixos/roles/frontpage/assets/images/backgrounds/romb.png differ
diff --git a/nixos/roles/frontpage/assets/images/examples/frappe.png b/nixos/roles/frontpage/assets/images/examples/frappe.png
new file mode 100644
index 0000000..a3ce540
Binary files /dev/null and b/nixos/roles/frontpage/assets/images/examples/frappe.png differ
diff --git a/nixos/roles/frontpage/assets/images/examples/latte.png b/nixos/roles/frontpage/assets/images/examples/latte.png
new file mode 100644
index 0000000..3b3d256
Binary files /dev/null and b/nixos/roles/frontpage/assets/images/examples/latte.png differ
diff --git a/nixos/roles/frontpage/assets/images/examples/macchiato.png b/nixos/roles/frontpage/assets/images/examples/macchiato.png
new file mode 100644
index 0000000..e545eb9
Binary files /dev/null and b/nixos/roles/frontpage/assets/images/examples/macchiato.png differ
diff --git a/nixos/roles/frontpage/assets/images/examples/mocha.png b/nixos/roles/frontpage/assets/images/examples/mocha.png
new file mode 100644
index 0000000..4c5ec30
Binary files /dev/null and b/nixos/roles/frontpage/assets/images/examples/mocha.png differ
diff --git a/nixos/roles/frontpage/assets/images/examples/preview.png b/nixos/roles/frontpage/assets/images/examples/preview.png
new file mode 100644
index 0000000..a608d7c
Binary files /dev/null and b/nixos/roles/frontpage/assets/images/examples/preview.png differ
diff --git a/nixos/roles/frontpage/assets/logos/dark_circle.png b/nixos/roles/frontpage/assets/logos/dark_circle.png
new file mode 100644
index 0000000..7d29e39
Binary files /dev/null and b/nixos/roles/frontpage/assets/logos/dark_circle.png differ
diff --git a/nixos/roles/frontpage/assets/logos/light_circle.png b/nixos/roles/frontpage/assets/logos/light_circle.png
new file mode 100644
index 0000000..13086e3
Binary files /dev/null and b/nixos/roles/frontpage/assets/logos/light_circle.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_base.png b/nixos/roles/frontpage/assets/palette/circles/frappe_base.png
new file mode 100644
index 0000000..e0e622a
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_base.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_blue.png b/nixos/roles/frontpage/assets/palette/circles/frappe_blue.png
new file mode 100644
index 0000000..7779887
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_blue.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_crust.png b/nixos/roles/frontpage/assets/palette/circles/frappe_crust.png
new file mode 100644
index 0000000..10cbce1
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_crust.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_flamingo.png b/nixos/roles/frontpage/assets/palette/circles/frappe_flamingo.png
new file mode 100644
index 0000000..071e9bb
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_flamingo.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_green.png b/nixos/roles/frontpage/assets/palette/circles/frappe_green.png
new file mode 100644
index 0000000..48cbc83
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_green.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_lavender.png b/nixos/roles/frontpage/assets/palette/circles/frappe_lavender.png
new file mode 100644
index 0000000..14950c4
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_lavender.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_mantle.png b/nixos/roles/frontpage/assets/palette/circles/frappe_mantle.png
new file mode 100644
index 0000000..ac462cc
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_mantle.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_maroon.png b/nixos/roles/frontpage/assets/palette/circles/frappe_maroon.png
new file mode 100644
index 0000000..0c49ff0
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_maroon.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_mauve.png b/nixos/roles/frontpage/assets/palette/circles/frappe_mauve.png
new file mode 100644
index 0000000..01b134d
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_mauve.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_overlay0.png b/nixos/roles/frontpage/assets/palette/circles/frappe_overlay0.png
new file mode 100644
index 0000000..4ba7017
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_overlay0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_overlay1.png b/nixos/roles/frontpage/assets/palette/circles/frappe_overlay1.png
new file mode 100644
index 0000000..ca418e6
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_overlay1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_overlay2.png b/nixos/roles/frontpage/assets/palette/circles/frappe_overlay2.png
new file mode 100644
index 0000000..99e5e6f
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_overlay2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_peach.png b/nixos/roles/frontpage/assets/palette/circles/frappe_peach.png
new file mode 100644
index 0000000..a3dd453
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_peach.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_pink.png b/nixos/roles/frontpage/assets/palette/circles/frappe_pink.png
new file mode 100644
index 0000000..c973f78
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_pink.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_red.png b/nixos/roles/frontpage/assets/palette/circles/frappe_red.png
new file mode 100644
index 0000000..2a6487b
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_red.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_rosewater.png b/nixos/roles/frontpage/assets/palette/circles/frappe_rosewater.png
new file mode 100644
index 0000000..53b9b01
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_rosewater.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_sapphire.png b/nixos/roles/frontpage/assets/palette/circles/frappe_sapphire.png
new file mode 100644
index 0000000..25f4700
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_sapphire.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_sky.png b/nixos/roles/frontpage/assets/palette/circles/frappe_sky.png
new file mode 100644
index 0000000..ecdbe9b
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_sky.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_subtext0.png b/nixos/roles/frontpage/assets/palette/circles/frappe_subtext0.png
new file mode 100644
index 0000000..f7867d2
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_subtext0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_subtext1.png b/nixos/roles/frontpage/assets/palette/circles/frappe_subtext1.png
new file mode 100644
index 0000000..342d490
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_subtext1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_surface0.png b/nixos/roles/frontpage/assets/palette/circles/frappe_surface0.png
new file mode 100644
index 0000000..850e081
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_surface0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_surface1.png b/nixos/roles/frontpage/assets/palette/circles/frappe_surface1.png
new file mode 100644
index 0000000..c828432
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_surface1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_surface2.png b/nixos/roles/frontpage/assets/palette/circles/frappe_surface2.png
new file mode 100644
index 0000000..0241203
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_surface2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_teal.png b/nixos/roles/frontpage/assets/palette/circles/frappe_teal.png
new file mode 100644
index 0000000..6c1e6c8
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_teal.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_text.png b/nixos/roles/frontpage/assets/palette/circles/frappe_text.png
new file mode 100644
index 0000000..b1af564
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_text.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/frappe_yellow.png b/nixos/roles/frontpage/assets/palette/circles/frappe_yellow.png
new file mode 100644
index 0000000..6c78760
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/frappe_yellow.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_base.png b/nixos/roles/frontpage/assets/palette/circles/latte_base.png
new file mode 100644
index 0000000..ff6b16b
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_base.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_blue.png b/nixos/roles/frontpage/assets/palette/circles/latte_blue.png
new file mode 100644
index 0000000..ce2f7d7
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_blue.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_crust.png b/nixos/roles/frontpage/assets/palette/circles/latte_crust.png
new file mode 100644
index 0000000..5d194e3
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_crust.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_flamingo.png b/nixos/roles/frontpage/assets/palette/circles/latte_flamingo.png
new file mode 100644
index 0000000..9b98d09
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_flamingo.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_green.png b/nixos/roles/frontpage/assets/palette/circles/latte_green.png
new file mode 100644
index 0000000..5a2ffb8
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_green.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_lavender.png b/nixos/roles/frontpage/assets/palette/circles/latte_lavender.png
new file mode 100644
index 0000000..e0c9cf3
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_lavender.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_mantle.png b/nixos/roles/frontpage/assets/palette/circles/latte_mantle.png
new file mode 100644
index 0000000..c6079a8
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_mantle.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_maroon.png b/nixos/roles/frontpage/assets/palette/circles/latte_maroon.png
new file mode 100644
index 0000000..710ff9b
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_maroon.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_mauve.png b/nixos/roles/frontpage/assets/palette/circles/latte_mauve.png
new file mode 100644
index 0000000..3b24932
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_mauve.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_overlay0.png b/nixos/roles/frontpage/assets/palette/circles/latte_overlay0.png
new file mode 100644
index 0000000..fe09048
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_overlay0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_overlay1.png b/nixos/roles/frontpage/assets/palette/circles/latte_overlay1.png
new file mode 100644
index 0000000..0105500
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_overlay1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_overlay2.png b/nixos/roles/frontpage/assets/palette/circles/latte_overlay2.png
new file mode 100644
index 0000000..3d9fe68
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_overlay2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_peach.png b/nixos/roles/frontpage/assets/palette/circles/latte_peach.png
new file mode 100644
index 0000000..b46e917
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_peach.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_pink.png b/nixos/roles/frontpage/assets/palette/circles/latte_pink.png
new file mode 100644
index 0000000..b074fbb
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_pink.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_red.png b/nixos/roles/frontpage/assets/palette/circles/latte_red.png
new file mode 100644
index 0000000..156e4bd
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_red.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_rosewater.png b/nixos/roles/frontpage/assets/palette/circles/latte_rosewater.png
new file mode 100644
index 0000000..0ceafa0
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_rosewater.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_sapphire.png b/nixos/roles/frontpage/assets/palette/circles/latte_sapphire.png
new file mode 100644
index 0000000..effade3
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_sapphire.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_sky.png b/nixos/roles/frontpage/assets/palette/circles/latte_sky.png
new file mode 100644
index 0000000..ba2624d
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_sky.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_subtext0.png b/nixos/roles/frontpage/assets/palette/circles/latte_subtext0.png
new file mode 100644
index 0000000..8611869
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_subtext0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_subtext1.png b/nixos/roles/frontpage/assets/palette/circles/latte_subtext1.png
new file mode 100644
index 0000000..a496a4f
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_subtext1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_surface0.png b/nixos/roles/frontpage/assets/palette/circles/latte_surface0.png
new file mode 100644
index 0000000..fe6955e
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_surface0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_surface1.png b/nixos/roles/frontpage/assets/palette/circles/latte_surface1.png
new file mode 100644
index 0000000..b575af6
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_surface1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_surface2.png b/nixos/roles/frontpage/assets/palette/circles/latte_surface2.png
new file mode 100644
index 0000000..ee8b3f1
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_surface2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_teal.png b/nixos/roles/frontpage/assets/palette/circles/latte_teal.png
new file mode 100644
index 0000000..e58c998
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_teal.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_text.png b/nixos/roles/frontpage/assets/palette/circles/latte_text.png
new file mode 100644
index 0000000..d0f68e7
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_text.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/latte_yellow.png b/nixos/roles/frontpage/assets/palette/circles/latte_yellow.png
new file mode 100644
index 0000000..2ed9eb2
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/latte_yellow.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_base.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_base.png
new file mode 100644
index 0000000..e70ec6f
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_base.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_blue.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_blue.png
new file mode 100644
index 0000000..e58c33b
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_blue.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_crust.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_crust.png
new file mode 100644
index 0000000..14e5e17
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_crust.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_flamingo.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_flamingo.png
new file mode 100644
index 0000000..230268c
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_flamingo.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_green.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_green.png
new file mode 100644
index 0000000..bd67b99
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_green.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_lavender.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_lavender.png
new file mode 100644
index 0000000..5d7958d
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_lavender.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_mantle.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_mantle.png
new file mode 100644
index 0000000..c5aa743
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_mantle.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_maroon.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_maroon.png
new file mode 100644
index 0000000..379f6fb
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_maroon.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_mauve.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_mauve.png
new file mode 100644
index 0000000..497bf59
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_mauve.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay0.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay0.png
new file mode 100644
index 0000000..00d0960
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay1.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay1.png
new file mode 100644
index 0000000..2ba04cb
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay2.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay2.png
new file mode 100644
index 0000000..1ffea04
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_overlay2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_peach.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_peach.png
new file mode 100644
index 0000000..0b66f63
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_peach.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_pink.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_pink.png
new file mode 100644
index 0000000..4bcd900
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_pink.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_red.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_red.png
new file mode 100644
index 0000000..ca4126a
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_red.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_rosewater.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_rosewater.png
new file mode 100644
index 0000000..8985bf5
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_rosewater.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_sapphire.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_sapphire.png
new file mode 100644
index 0000000..48f281b
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_sapphire.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_sky.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_sky.png
new file mode 100644
index 0000000..ad9c6f6
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_sky.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_subtext0.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_subtext0.png
new file mode 100644
index 0000000..fa96021
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_subtext0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_subtext1.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_subtext1.png
new file mode 100644
index 0000000..4e555f7
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_subtext1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_surface0.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_surface0.png
new file mode 100644
index 0000000..6d50741
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_surface0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_surface1.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_surface1.png
new file mode 100644
index 0000000..b7ee5c5
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_surface1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_surface2.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_surface2.png
new file mode 100644
index 0000000..8fc8b60
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_surface2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_teal.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_teal.png
new file mode 100644
index 0000000..805733a
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_teal.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_text.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_text.png
new file mode 100644
index 0000000..16fadc4
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_text.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/macchiato_yellow.png b/nixos/roles/frontpage/assets/palette/circles/macchiato_yellow.png
new file mode 100644
index 0000000..0d96180
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/macchiato_yellow.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_base.png b/nixos/roles/frontpage/assets/palette/circles/mocha_base.png
new file mode 100644
index 0000000..3f24ca5
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_base.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_blue.png b/nixos/roles/frontpage/assets/palette/circles/mocha_blue.png
new file mode 100644
index 0000000..53ec22e
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_blue.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_crust.png b/nixos/roles/frontpage/assets/palette/circles/mocha_crust.png
new file mode 100644
index 0000000..f24472c
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_crust.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_flamingo.png b/nixos/roles/frontpage/assets/palette/circles/mocha_flamingo.png
new file mode 100644
index 0000000..c20d0d5
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_flamingo.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_green.png b/nixos/roles/frontpage/assets/palette/circles/mocha_green.png
new file mode 100644
index 0000000..fd39a1d
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_green.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_lavender.png b/nixos/roles/frontpage/assets/palette/circles/mocha_lavender.png
new file mode 100644
index 0000000..1cd74fc
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_lavender.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_mantle.png b/nixos/roles/frontpage/assets/palette/circles/mocha_mantle.png
new file mode 100644
index 0000000..dbe8e5c
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_mantle.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_maroon.png b/nixos/roles/frontpage/assets/palette/circles/mocha_maroon.png
new file mode 100644
index 0000000..99f8e96
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_maroon.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_mauve.png b/nixos/roles/frontpage/assets/palette/circles/mocha_mauve.png
new file mode 100644
index 0000000..9767fd0
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_mauve.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_overlay0.png b/nixos/roles/frontpage/assets/palette/circles/mocha_overlay0.png
new file mode 100644
index 0000000..a5d5e70
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_overlay0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_overlay1.png b/nixos/roles/frontpage/assets/palette/circles/mocha_overlay1.png
new file mode 100644
index 0000000..88c6c28
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_overlay1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_overlay2.png b/nixos/roles/frontpage/assets/palette/circles/mocha_overlay2.png
new file mode 100644
index 0000000..3741a7c
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_overlay2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_peach.png b/nixos/roles/frontpage/assets/palette/circles/mocha_peach.png
new file mode 100644
index 0000000..8b02b71
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_peach.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_pink.png b/nixos/roles/frontpage/assets/palette/circles/mocha_pink.png
new file mode 100644
index 0000000..09997fb
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_pink.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_red.png b/nixos/roles/frontpage/assets/palette/circles/mocha_red.png
new file mode 100644
index 0000000..93df3f3
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_red.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_rosewater.png b/nixos/roles/frontpage/assets/palette/circles/mocha_rosewater.png
new file mode 100644
index 0000000..391b314
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_rosewater.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_sapphire.png b/nixos/roles/frontpage/assets/palette/circles/mocha_sapphire.png
new file mode 100644
index 0000000..c98fdf0
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_sapphire.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_sky.png b/nixos/roles/frontpage/assets/palette/circles/mocha_sky.png
new file mode 100644
index 0000000..4552cfa
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_sky.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_subtext0.png b/nixos/roles/frontpage/assets/palette/circles/mocha_subtext0.png
new file mode 100644
index 0000000..25e6f54
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_subtext0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_subtext1.png b/nixos/roles/frontpage/assets/palette/circles/mocha_subtext1.png
new file mode 100644
index 0000000..4201d31
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_subtext1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_surface0.png b/nixos/roles/frontpage/assets/palette/circles/mocha_surface0.png
new file mode 100644
index 0000000..063a0b6
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_surface0.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_surface1.png b/nixos/roles/frontpage/assets/palette/circles/mocha_surface1.png
new file mode 100644
index 0000000..59a0bd0
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_surface1.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_surface2.png b/nixos/roles/frontpage/assets/palette/circles/mocha_surface2.png
new file mode 100644
index 0000000..d958135
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_surface2.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_teal.png b/nixos/roles/frontpage/assets/palette/circles/mocha_teal.png
new file mode 100644
index 0000000..d3b7120
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_teal.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_text.png b/nixos/roles/frontpage/assets/palette/circles/mocha_text.png
new file mode 100644
index 0000000..f29bd8f
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_text.png differ
diff --git a/nixos/roles/frontpage/assets/palette/circles/mocha_yellow.png b/nixos/roles/frontpage/assets/palette/circles/mocha_yellow.png
new file mode 100644
index 0000000..1ba11b4
Binary files /dev/null and b/nixos/roles/frontpage/assets/palette/circles/mocha_yellow.png differ
diff --git a/nixos/roles/frontpage/frontpage-calvin.nix b/nixos/roles/frontpage/frontpage-calvin.nix
index b62df46..8efd1ec 100644
--- a/nixos/roles/frontpage/frontpage-calvin.nix
+++ b/nixos/roles/frontpage/frontpage-calvin.nix
@@ -32,8 +32,8 @@ in
   services.nginx.virtualHosts."homer-calvin" = {
     listen = [
       {
+        inherit port;
         addr = "0.0.0.0";
-        port = port;
       }
     ];
     root = "${calvinRoot}";
diff --git a/nixos/roles/frontpage/frontpage.nix b/nixos/roles/frontpage/frontpage.nix
index 43c96f6..8a120f9 100644
--- a/nixos/roles/frontpage/frontpage.nix
+++ b/nixos/roles/frontpage/frontpage.nix
@@ -37,27 +37,23 @@ let
     chmod -R u+w $out
     cp ${mainConfig} $out/config.yml
     mkdir -p $out/assets/icons
-    cp ${./assets/catppuccin-${catppuccinFlavor}.css} $out/assets/catppuccin-${catppuccinFlavor}.css
-    cp ${./assets/dark_circle.png} $out/assets/dark_circle.png
-    cp ${./assets/light_circle.png} $out/assets/light_circle.png
-    cp -r ${./assets/icons}/. $out/assets/icons/
+    cp ${./assets/flavours/catppuccin-${catppuccinFlavor}.css} $out/assets/catppuccin-${catppuccinFlavor}.css
+    cp ${./assets/logos/dark_circle.png} $out/assets/dark_circle.png
+    cp ${./assets/logos/light_circle.png} $out/assets/light_circle.png
   '';
 in
 {
-  services.nginx = {
-    enable = true;
-    virtualHosts."homer-main" = {
-      listen = [
-        {
-          addr = "0.0.0.0";
-          port = port;
-        }
-      ];
-      root = "${mainRoot}";
-      locations."/" = {
-        index = "index.html";
-        tryFiles = "$uri $uri/ /index.html";
-      };
+  services.nginx.virtualHosts."homer-main" = {
+    listen = [
+      {
+        inherit port;
+        addr = "0.0.0.0";
+      }
+    ];
+    root = "${mainRoot}";
+    locations."/" = {
+      index = "index.html";
+      tryFiles = "$uri $uri/ /index.html";
     };
   };