diff --git a/public/click.ogg b/public/click.ogg deleted file mode 100644 index f9c6dc0..0000000 Binary files a/public/click.ogg and /dev/null differ diff --git a/public/css/style.css b/public/css/style.css deleted file mode 100644 index 85c84ac..0000000 --- a/public/css/style.css +++ /dev/null @@ -1,105 +0,0 @@ -#nav-bar { - padding: .625rem 0 0 0; - display: flex; - flex-direction: row; - gap: .25rem; - flex-wrap: wrap; - justify-content: flex-end; - align-items: center; - align-content: flex-end -} - -#footer-container { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; -} - -.accent-data { - color: var(--accent); -} - -.theme-transition { - transition: color 0.3s ease, background-color 0.3s ease; -} - -.tags-data { - display: flex; - flex-direction: column; - flex-wrap: wrap; - justify-content: flex-end; - align-items: flex-start; - align-content: flex-end -} - -.title-list li { - margin-bottom: .375rem; -} - -/* icons settings */ -.icons { - width: 1.3rem; - height: 1.3rem; - aspect-ratio: 1/1; - display: inline-block; - vertical-align: middle; - color: var(--text); - fill: var(--text); - background-color: transparent; - cursor: pointer; -} - -.icons:hover { - background-color: transparent; - color: var(--accent); -} - -/* footnotes */ -.footnote-definition { - margin: 0 0 0 .125rem; -} - -.footnote-definition-label { - color: var(--accent); -} - -.footnote-definition p { - display: inline; - margin: .625rem 0 0 .625rem; -} - -/* general classes */ -.no-style { - padding: 0; - margin: 0; - border: none; - border-radius: 0 -} - -.no-style:hover { - background-color: transparent; - color: var(--accent); -} - -.center { - text-align: center; -} - -.center img { - display: block; - margin: 1rem auto; -} - -.float-right { - float: right -} - -.float-left { - float: left -} - -/* shortcodes css */ -.webring { - margin: .375rem; -} \ No newline at end of file diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index 7eb16ea..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/icons.svg b/public/icons.svg deleted file mode 100644 index 374e315..0000000 --- a/public/icons.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/public/js/script.js b/public/js/script.js deleted file mode 100644 index 298b900..0000000 --- a/public/js/script.js +++ /dev/null @@ -1,49 +0,0 @@ -const toggleButton = document.getElementById('theme-toggle'); -const themeIcon = document.getElementById('theme-icon'); -const themeSound = document.getElementById('theme-sound'); - -// Function to update the theme icon based on the current theme -const updateThemeIcon = (isDarkMode) => { - const themeMode = isDarkMode ? 'darkMode' : 'lightMode'; - const iconPath = themeIcon.querySelector('use').getAttribute('href').replace(/#.*$/, `#${themeMode}`); - themeIcon.querySelector('use').setAttribute('href', iconPath); -}; - -// Function to update the theme based on the current mode -const updateTheme = (isDarkMode) => { - const theme = isDarkMode ? 'dark' : 'light'; - document.documentElement.setAttribute('data-theme', theme); - updateThemeIcon(isDarkMode); -}; - -// Function to toggle the theme -const toggleTheme = () => { - const isDarkMode = toggleButton.checked; - updateTheme(isDarkMode); - themeSound.play(); - localStorage.setItem('theme', isDarkMode ? 'dark' : 'light'); - - // Add transition class to body for smooth transition - document.body.classList.add('theme-transition'); - setTimeout(() => { - document.body.classList.remove('theme-transition'); - }, 300); -}; - -// Event listener for theme toggle -toggleButton.addEventListener('change', toggleTheme); - -// Function to initialize the theme based on the stored preference -const initializeTheme = () => { - const storedTheme = localStorage.getItem('theme'); - const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches; - const isDarkMode = storedTheme === 'dark' || (!storedTheme && prefersDark); - toggleButton.checked = isDarkMode; - updateTheme(isDarkMode); -}; - -// Initialize the theme -initializeTheme(); - -// Listen for changes in system preference -window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', initializeTheme);