Add Header with styles and toggle theme

KevinVanDerSchans · Oct 31, 2023 · 12c19f6 · 12c19f6
1 parent 03d7dd3
commit 12c19f6
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 17 deletions.
diff --git a/.gitignore b/.gitignore
@@ -15,6 +15,10 @@
 
 # production
 /build
+/src/scss
+globals.css
+/assets
+
 
 # misc
 .DS_Store
@@ -34,3 +38,4 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
diff --git a/globals.css b/globals.css
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,4 +1,7 @@
 import { useRouter } from 'next/router';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'jquery/dist/jquery.min.js';
+import "../src/scss/style.scss";
 
 import Home from './home';
 

diff --git a/pages/home/SliderSection.js b/pages/home/SliderSection.js
@@ -0,0 +1,8 @@
+const SliderSection = () => {
+  return (
+    <>
+    </>
+  )
+}
+
+export default SliderSection;
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
@@ -93,7 +93,7 @@ const Header = (props) => {
                   <div className="ms_tm--inner">
 
                     <div className="theme-toggle" id="theme-toggle" onClick={() => { setDarkMode(!darkMode); }}>
-                      <input type="checkbox" id="switcher" className="check" checked="" />
+                      <input type="checkbox" id="switcher" className="check" defaultChecked="" />
                         <svg className="sun-and-moon" aria-hidden="true" width="24" height="24" viewBox="0 0 24 24">
                           <mask className="moon" id="moon-mask">
                             <rect x="0" y="0" width="100%" height="100%" fill="white"></rect>