diff --git a/.github/ISSUE_TEMPLATE/new-gallery-post.md b/.github/ISSUE_TEMPLATE/new-gallery-post.md
index 5e95b74..0afa1ac 100644
--- a/.github/ISSUE_TEMPLATE/new-gallery-post.md
+++ b/.github/ISSUE_TEMPLATE/new-gallery-post.md
@@ -12,6 +12,7 @@ date: 2022-01-16 00:00:00
description: "will show underneath title on list page"
image: upload cover image here
alt: image alt text
+warn: true
***
post content goes here, underneath
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 1a7058d..7759c5d 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -1,7 +1,7 @@
@@ -26,7 +26,7 @@
-
+
diff --git a/src/routes/(main)/[slug=string]/+page.svelte b/src/routes/(main)/[slug=string]/+page.svelte
index bbab2ba..1ebf921 100644
--- a/src/routes/(main)/[slug=string]/+page.svelte
+++ b/src/routes/(main)/[slug=string]/+page.svelte
@@ -1,6 +1,6 @@
@@ -17,7 +17,7 @@
-
+
{#if image}
diff --git a/src/tailwind.css b/src/tailwind.css
index a3a7dce..9a982d6 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -5,6 +5,7 @@
body {
--brand-accent: theme('colors.sky.600');
--brand-alternate: theme('colors.orange.300');
+ --brand-secondary: theme('colors.red.600');
/* https://ishadeed.com/article/defensive-css */
overflow-wrap: break-word;
@@ -13,7 +14,8 @@
}
.dark body {
--brand-accent: theme('colors.blue.300');
- --brand-alternate: theme('colors.indigo.700');
+ --brand-alternate: theme('colors.lime.700');
+ --brand-secondary: theme('colors.yellow.400');
}
:root {
accent-color: var(--brand-accent);
@@ -34,6 +36,9 @@
.text-accent {
color: var(--brand-accent);
}
+ .text-secondary {
+ color: var(--brand-secondary);
+ }
:is(
::-webkit-calendar-picker-indicator,
@@ -86,7 +91,7 @@
.footer-link,
.prose a {
@apply from-red-600 to-red-600 dark:from-yellow-400 dark:to-yellow-400;
- @apply text-red-600 hover:text-sky-200 dark:text-yellow-400 dark:hover:text-slate-900;
+ @apply text-secondary hover:text-sky-200 dark:hover:text-slate-900;
cursor: pointer;
text-decoration: none;
@@ -116,14 +121,14 @@
/* filters on /blog page */
.filter {
@apply m-1 inline-block whitespace-nowrap rounded rounded-md px-4 py-2;
- @apply border-red-600 bg-sky-600 font-bold text-orange-100;
+ @apply border-secondary bg-alternate text-secondary font-bold;
@apply dark:border-slate-600 dark:bg-gray-800 dark:text-gray-100;
- @apply ring-sky-600 transition-all duration-200 ease-in-out hover:ring-2 dark:ring-lime-700;
+ @apply ring-secondary transition-all duration-200 ease-in-out hover:ring-2;
}
.activefilter {
- @apply border-red-600 bg-orange-300 text-red-600;
- @apply dark:border-slate-600 dark:bg-blue-300 dark:text-slate-800;
- @apply ring-yellow-400 dark:ring-yellow-800;
+ @apply border-secondary bg-accent text-orange-100;
+ @apply dark:border-slate-600 dark:bg-secondary dark:text-slate-900;
+ @apply ring-accent dark:ring-secondary;
}
/* Cleanup styles for markdown headers */
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 6da8c99..8767425 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -10,6 +10,7 @@ module.exports = {
colors: {
accent: 'var(--brand-accent)',
alternate: 'var(--brand-alternate)',
+ secondary: 'var(--brand-secondary)',
},
typography: (theme) => ({
DEFAULT: {
diff --git a/vite.config.js b/vite.config.js
index 64d31cd..77b6ad9 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -7,6 +7,7 @@ const config = {
plugins: [sveltekit(), rawFonts(['.ttf'])],
}
+// this is for using local fonts in OG images
function rawFonts(ext) {
return {
name: 'vite-plugin-raw-fonts',