commit 2b2de10f21fbe67fbd2025869a6f9862ed9edda6
Author: Rushil Umaretiya <rushilwiz@gmail.com>
Date:   Sun Jul 31 14:33:29 2022 -0400

    feat: started site beginning

diff --git a/design/background.png b/design/background.png
new file mode 100644
index 0000000..410d5f3
Binary files /dev/null and b/design/background.png differ
diff --git a/design/foreground.png b/design/foreground.png
new file mode 100644
index 0000000..c20a60a
Binary files /dev/null and b/design/foreground.png differ
diff --git a/design/text.png b/design/text.png
new file mode 100644
index 0000000..77711bd
Binary files /dev/null and b/design/text.png differ
diff --git a/site/app.js b/site/app.js
new file mode 100644
index 0000000..e69de29
diff --git a/site/css/.gitignore b/site/css/.gitignore
new file mode 100644
index 0000000..46af539
--- /dev/null
+++ b/site/css/.gitignore
@@ -0,0 +1 @@
+*.map
\ No newline at end of file
diff --git a/site/css/abstracts/_mixins.sass b/site/css/abstracts/_mixins.sass
new file mode 100644
index 0000000..e249837
--- /dev/null
+++ b/site/css/abstracts/_mixins.sass
@@ -0,0 +1,7 @@
+@mixin desktop
+  @media (min-width: 786px)
+    @content
+
+@mixin mobile
+  @media (max-width: 786px)
+    @content
\ No newline at end of file
diff --git a/site/css/abstracts/_reset.sass b/site/css/abstracts/_reset.sass
new file mode 100644
index 0000000..b25aecd
--- /dev/null
+++ b/site/css/abstracts/_reset.sass
@@ -0,0 +1,5 @@
+html, body
+  padding: 0
+  margin: 0
+  border: 0
+  box-sizing: border-box
diff --git a/site/css/abstracts/_variables.sass b/site/css/abstracts/_variables.sass
new file mode 100644
index 0000000..e69de29
diff --git a/site/css/components/_nav.sass b/site/css/components/_nav.sass
new file mode 100644
index 0000000..6840ebc
--- /dev/null
+++ b/site/css/components/_nav.sass
@@ -0,0 +1,26 @@
+nav
+  position: fixed
+  display: flex
+  flex-direction: column
+  align-items: center
+  z-index: 999
+  margin-left: 45px
+  height: 100vh
+  width: 100px
+
+  .menu
+    margin: auto auto
+    height: 75%
+    width: 100%
+    display: flex
+    flex-direction: column
+    justify-content: space-between
+    align-items: center
+
+    .box
+      height: 100px
+      width: 100%
+      background-color: #fffdfdb4
+      border-radius: 25px
+
+      
\ No newline at end of file
diff --git a/site/css/components/_scrollbar.sass b/site/css/components/_scrollbar.sass
new file mode 100644
index 0000000..61190a3
--- /dev/null
+++ b/site/css/components/_scrollbar.sass
@@ -0,0 +1,18 @@
+* 
+  scrollbar-width: auto
+  scrollbar-color: #ff887a #e6e6e6
+
+
+/* Chrome, Edge, and Safari */
+*::-webkit-scrollbar 
+  width: 16px
+
+
+*::-webkit-scrollbar-track 
+  background: #e6e6e6
+
+
+*::-webkit-scrollbar-thumb 
+  background-color: #ff887a
+  border-radius: 10px
+  border: 3px solid #e6e6e6
diff --git a/site/css/main.css b/site/css/main.css
new file mode 100644
index 0000000..8e95ae6
--- /dev/null
+++ b/site/css/main.css
@@ -0,0 +1,104 @@
+html, body {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+nav {
+  position: fixed;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 999;
+  margin-left: 45px;
+  height: 100vh;
+  width: 100px;
+}
+
+nav .menu {
+  margin: auto auto;
+  height: 75%;
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+nav .menu .box {
+  height: 100px;
+  width: 100%;
+  background-color: #fffdfdb4;
+  border-radius: 25px;
+}
+
+* {
+  scrollbar-width: auto;
+  scrollbar-color: #ff887a #e6e6e6;
+}
+
+/* Chrome, Edge, and Safari */
+*::-webkit-scrollbar {
+  width: 16px;
+}
+
+*::-webkit-scrollbar-track {
+  background: #e6e6e6;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: #ff887a;
+  border-radius: 10px;
+  border: 3px solid #e6e6e6;
+}
+
+section {
+  height: 100vh;
+}
+
+.hero {
+  background: #242828;
+  width: 100%;
+}
+
+.hero div {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+}
+
+.hero .background {
+  background: #242828 url("/css/res/img/background.png") bottom no-repeat;
+}
+
+.hero .foreground {
+  background: url("/css/res/img/foreground.png") bottom no-repeat;
+}
+
+.hero .text {
+  position: fixed;
+  background: url("/css/res/img/text.png") center no-repeat;
+}
+
+.intro {
+  background: yellow;
+}
+/*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/site/css/main.sass b/site/css/main.sass
new file mode 100644
index 0000000..7c0c35a
--- /dev/null
+++ b/site/css/main.sass
@@ -0,0 +1,8 @@
+@import 'abstracts/mixins'
+@import 'abstracts/variables'
+@import 'abstracts/reset'
+
+@import 'components/nav'
+@import 'components/scrollbar'
+
+@import 'pages/home'
\ No newline at end of file
diff --git a/site/css/pages/_home.sass b/site/css/pages/_home.sass
new file mode 100644
index 0000000..4cde7c4
--- /dev/null
+++ b/site/css/pages/_home.sass
@@ -0,0 +1,26 @@
+section
+  height: 100vh
+  
+.hero
+  background: #242828
+  width: 100%
+  // position: 
+  
+  div
+    position: absolute
+    height: 100%
+    width: 100%
+
+  .background
+    background: #242828 url('/css/res/img/background.png') bottom no-repeat
+  
+  .foreground
+    background: url('/css/res/img/foreground.png') bottom no-repeat
+  
+  .text
+    position: fixed
+    background: url('/css/res/img/text.png') center no-repeat
+
+
+.intro
+  background: yellow
\ No newline at end of file
diff --git a/site/css/res/fonts/scriptina.ttf b/site/css/res/fonts/scriptina.ttf
new file mode 100644
index 0000000..4e21b73
Binary files /dev/null and b/site/css/res/fonts/scriptina.ttf differ
diff --git a/site/css/res/img/background.png b/site/css/res/img/background.png
new file mode 100644
index 0000000..410d5f3
Binary files /dev/null and b/site/css/res/img/background.png differ
diff --git a/site/css/res/img/foreground.png b/site/css/res/img/foreground.png
new file mode 100644
index 0000000..5975536
Binary files /dev/null and b/site/css/res/img/foreground.png differ
diff --git a/site/css/res/img/text.png b/site/css/res/img/text.png
new file mode 100644
index 0000000..7654b98
Binary files /dev/null and b/site/css/res/img/text.png differ
diff --git a/site/index.html b/site/index.html
new file mode 100644
index 0000000..f2f5505
--- /dev/null
+++ b/site/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Moore Yoga</title>
+    <link rel="stylesheet" href="css/main.css">
+</head>
+<body>
+    <nav>
+        <div class="menu">
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
+            <div class="box"></div>
+        </div>
+    </nav>
+
+    <section class="hero">
+        <div class="background"></div>
+        <div class="text">Moore Yoga</div>
+        <div class="foreground"></div>
+    </section>
+    <!-- <section class="intro">
+        <h1>hi! I'm denise</h1>
+    </section>
+    <footer>
+        <p>&copy; 2022 Moore Yoga</p>
+    </footer> -->
+    <script src="app.js"></script>
+</body>
+</html>
\ No newline at end of file