added homepage

Author: nipunbatra

_quarto.yml

@@ -3,32 +3,22 @@ project:
   output-dir: docs
 
 website:
-  title: "Course Title"
-  sidebar:
-    background: primary
-    # logo: "images/logo.png"
-    pinned: true
-    align: center
-    tools:
-      - icon: github
-        href: https://github.com/Pakillo/quarto-course-website-template
-        text: GitHub
-    style: docked
-    contents:
+  title: "ES654"
+  navbar:
+    right:
       - href: index.qmd
         text: Home
-      - href: schedule.qmd
-        text: Schedule
-      - href: materials.qmd
-        text: Materials
-      - href: https://github.com/Pakillo/quarto-course-website-template/discussions
-        text: Forum
 
 format:
   html:
-    theme: cosmo
-    # css: styles.css
-    toc: true
+    theme:
+      light: [litera, styles.scss]
+      dark: [darkly, styles-dark.scss]
+    highlight-style: a11y-dark
+    mainfont: "Roboto"
+    code-copy: true
+    code-overflow: wrap
+
 
 execute:
   freeze: auto

styles-dark.scss

@@ -0,0 +1,20 @@
+/*-- scss:defaults --*/
+
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap';
+
+$font-family: "Roboto", sans-serif;
+$font-family-serif: "Roboto", sans-serif;
+
+$primary: #2c2c2c;
+
+/*-- scss:rules --*/
+
+kbd,
+.kbd {
+    background-color: #222222 !important;
+}
+
+.navbar {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}

styles.css

@@ -0,0 +1,12 @@
+/*-- scss:defaults --*/
+
+@import 'https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap';
+
+$font-family: "Roboto", sans-serif;
+$font-family-serif: "Roboto", sans-serif;
+
+/*-- scss:rules --*/
+.navbar {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+}