diff --git a/public/favicon/favicon-16x16.png b/public/favicon/favicon-16x16.png new file mode 100644 index 0000000..e86530b Binary files /dev/null and b/public/favicon/favicon-16x16.png differ diff --git a/public/favicon/favicon-180x180.png b/public/favicon/favicon-180x180.png new file mode 100644 index 0000000..522e124 Binary files /dev/null and b/public/favicon/favicon-180x180.png differ diff --git a/public/favicon/favicon-192x192.png b/public/favicon/favicon-192x192.png new file mode 100644 index 0000000..9a69ebe Binary files /dev/null and b/public/favicon/favicon-192x192.png differ diff --git a/public/favicon/favicon-32x32.png b/public/favicon/favicon-32x32.png new file mode 100644 index 0000000..5fbddcb Binary files /dev/null and b/public/favicon/favicon-32x32.png differ diff --git a/public/logo-40x40.png b/public/logo-40x40.png new file mode 100644 index 0000000..43512be Binary files /dev/null and b/public/logo-40x40.png differ diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..9dd81c6 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,4 @@ +# Example: Allow all bots to scan and index your site. +# Full syntax: https://developers.google.com/search/docs/advanced/robots/create-robots-txt +User-agent: * +Allow: / \ No newline at end of file diff --git a/public/toggledarktheme.js b/public/toggledarktheme.js new file mode 100644 index 0000000..9499642 --- /dev/null +++ b/public/toggledarktheme.js @@ -0,0 +1,23 @@ +var button = document.getElementById("switch"); +var themeInStorage = localStorage.getItem('theme'); + +if (themeInStorage === 'dark') { + document.documentElement.setAttribute("data-theme", 'dark'); +} + +document.documentElement.setAttribute("data-theme", 'light'); +localStorage.setItem('theme', 'light'); + +function changeMode(event) { + var existingDataTheme = document.documentElement.getAttribute('data-theme'); + if (existingDataTheme === 'light') { + document.documentElement.setAttribute("data-theme", 'dark'); + localStorage.setItem('theme', 'dark'); + } + else { + document.documentElement.setAttribute("data-theme", 'light'); + localStorage.setItem('theme', 'light'); + } +}; + +button.addEventListener('change', changeMode, false); \ No newline at end of file diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..dd9b4c7 --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,207 @@ + diff --git a/src/components/Header.astro b/src/components/Header.astro new file mode 100644 index 0000000..00e11e5 --- /dev/null +++ b/src/components/Header.astro @@ -0,0 +1,98 @@ + + +
+ +
\ No newline at end of file diff --git a/src/data/siteMetadata.js b/src/data/siteMetadata.js new file mode 100644 index 0000000..b8ac453 --- /dev/null +++ b/src/data/siteMetadata.js @@ -0,0 +1,9 @@ +export default { + name: "Zauberhaft modern Astro Agency Template", + description: "Build modern & unique agency portfolio websites that convert. Supercharge your online presence & get more customers with responsive & high performance dark mode Astro template. Easily customize the template with utility classes & CSS custom properties.", + keywords: "Free HTML template, agency HTML template, free responsive HTML template, zero configuration, lightweight & minimal CSS library, dark mode HTML template, modern HTML template, HTML kit, UI template, HTML template, free HTML, free HTML responsive, Astro template, Free Astro template, Astro starter, Nextjs template, Free Nextjs template, Nextjs starter, Gatsby template, Free Gatsby template, Gatsby starter", + author: "Ariq N", + siteUrl: "https://zauberhaft.ravenbright.design", + GitHubUrl: "https://github.com/ariqnrnns/zauberhaft-astro", + language: "English" +}; \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro new file mode 100644 index 0000000..abcb23b --- /dev/null +++ b/src/layouts/Layout.astro @@ -0,0 +1,104 @@ +--- +import "../styles/dist/ravenbright.min.css"; + + +/* Load components */ +import Header from "../components/Header.astro"; +import Footer from "../components/Footer.astro"; + +/* Load site metadata */ +import siteMetadata from "../data/siteMetadata.js"; + +const { title } = Astro.props; +--- + + + + + + + + + + + {title} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +