From 137ed0831ab8c0f1f68eb7da1397516b8a883961 Mon Sep 17 00:00:00 2001
From: Maitra Khatri <maitrakhatri@gmail.com>
Date: Tue, 1 Feb 2022 18:49:51 +0530
Subject: [PATCH] made a proper file structure

---
 {alert => CSS/Components/alert}/alert.css     |   2 +-
 {alert => CSS/Components/alert}/alert.html    |   0
 {avatar => CSS/Components/avatar}/avatar.css  |   2 +-
 CSS/Components/avatar/avatar.html             |  24 +++++
 {badge => CSS/Components/badge}/badge.css     |   2 +-
 {badge => CSS/Components/badge}/badge.html    |  16 +--
 .../button}/arrow_upward_white_24dp.svg       |   0
 {button => CSS/Components/button}/button.css  |   2 +-
 {button => CSS/Components/button}/button.html |   0
 .../button}/download_white_24dp.svg           |   0
 {card => CSS/Components/card}/card.css        |   2 +-
 {card => CSS/Components/card}/card.html       |   2 +-
 .../Components/card}/close_black_24dp.svg     |   0
 {image => CSS/Components/image}/image.css     |   2 +-
 {image => CSS/Components/image}/image.html    |   0
 {input => CSS/Components/input}/input.css     |   2 +-
 {input => CSS/Components/input}/input.html    |   0
 reset.css => CSS/reset.css                    |   0
 style.css => CSS/style.css                    |  10 +-
 utils.css => CSS/utils.css                    |   0
 {avatar => assets}/avatar.svg                 |   0
 {badge => assets}/chat_black_48dp.svg         |   0
 avatar/avatar.html                            |  24 -----
 badge/avatar.svg                              | 102 ------------------
 docs/components.html                          |   0
 docs/designSystem.html                        |   0
 docs/docs.css                                 |   0
 docs/gettingStarted.html                      |   0
 28 files changed, 49 insertions(+), 143 deletions(-)
 rename {alert => CSS/Components/alert}/alert.css (72%)
 rename {alert => CSS/Components/alert}/alert.html (100%)
 rename {avatar => CSS/Components/avatar}/avatar.css (88%)
 create mode 100644 CSS/Components/avatar/avatar.html
 rename {badge => CSS/Components/badge}/badge.css (94%)
 rename {badge => CSS/Components/badge}/badge.html (67%)
 rename {button => CSS/Components/button}/arrow_upward_white_24dp.svg (100%)
 rename {button => CSS/Components/button}/button.css (98%)
 rename {button => CSS/Components/button}/button.html (100%)
 rename {button => CSS/Components/button}/download_white_24dp.svg (100%)
 rename {card => CSS/Components/card}/card.css (97%)
 rename {card => CSS/Components/card}/card.html (98%)
 rename {card => CSS/Components/card}/close_black_24dp.svg (100%)
 rename {image => CSS/Components/image}/image.css (93%)
 rename {image => CSS/Components/image}/image.html (100%)
 rename {input => CSS/Components/input}/input.css (87%)
 rename {input => CSS/Components/input}/input.html (100%)
 rename reset.css => CSS/reset.css (100%)
 rename style.css => CSS/style.css (62%)
 rename utils.css => CSS/utils.css (100%)
 rename {avatar => assets}/avatar.svg (100%)
 rename {badge => assets}/chat_black_48dp.svg (100%)
 delete mode 100644 avatar/avatar.html
 delete mode 100644 badge/avatar.svg
 create mode 100644 docs/components.html
 create mode 100644 docs/designSystem.html
 create mode 100644 docs/docs.css
 create mode 100644 docs/gettingStarted.html

diff --git a/alert/alert.css b/CSS/Components/alert/alert.css
similarity index 72%
rename from alert/alert.css
rename to CSS/Components/alert/alert.css
index 7ff8cfd..f4378b1 100644
--- a/alert/alert.css
+++ b/CSS/Components/alert/alert.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 
 .alert {
     border-radius: 0.188rem;
diff --git a/alert/alert.html b/CSS/Components/alert/alert.html
similarity index 100%
rename from alert/alert.html
rename to CSS/Components/alert/alert.html
diff --git a/avatar/avatar.css b/CSS/Components/avatar/avatar.css
similarity index 88%
rename from avatar/avatar.css
rename to CSS/Components/avatar/avatar.css
index fb365de..3430182 100644
--- a/avatar/avatar.css
+++ b/CSS/Components/avatar/avatar.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 
 .avatar {
     height: 2rem;
diff --git a/CSS/Components/avatar/avatar.html b/CSS/Components/avatar/avatar.html
new file mode 100644
index 0000000..e917cdc
--- /dev/null
+++ b/CSS/Components/avatar/avatar.html
@@ -0,0 +1,24 @@
+<!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>avatar</title>
+    <link rel="stylesheet" href="avatar.css">
+        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
+<body>
+
+    <img class="avatar avatar-round" src="../../../assets/avatar.svg" alt="avatar">
+    <img class="avatar-xl avatar-round" src="../../../assets/avatar.svg" alt="avatar">
+    <img class="avatar-xxl avatar-round" src="../../../assets/avatar.svg" alt="avatar">
+
+    <div><br></div> <div><br></div>
+
+    <img class="avatar avatar-square" src="../../../assets/avatar.svg" alt="avatar">
+    <img class="avatar-xl avatar-square" src="../../../assets/avatar.svg" alt="avatar">
+    <img class="avatar-xxl avatar-square" src="../../../assets/avatar.svg" alt="avatar">
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/badge/badge.css b/CSS/Components/badge/badge.css
similarity index 94%
rename from badge/badge.css
rename to CSS/Components/badge/badge.css
index bb05799..e6720a6 100644
--- a/badge/badge.css
+++ b/CSS/Components/badge/badge.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 @import url(../avatar/avatar.css);
 
 .icon-with-badge {
diff --git a/badge/badge.html b/CSS/Components/badge/badge.html
similarity index 67%
rename from badge/badge.html
rename to CSS/Components/badge/badge.html
index 426606d..ceb443c 100644
--- a/badge/badge.html
+++ b/CSS/Components/badge/badge.html
@@ -23,27 +23,27 @@
     <div class="badge-on-icon">
 
         <div class="icon-with-badge">
-            <img src="chat_black_48dp.svg" alt="chat icon with badge">
+            <img src="../../../assets/chat_black_48dp.svg" alt="chat icon with badge">
             <span class="badge bg-red">5</span>
         </div>
     
         <div class="icon-with-badge">
-            <img src="chat_black_48dp.svg" alt="chat icon with badge">
+            <img src="../../../assets/chat_black_48dp.svg" alt="chat icon with badge">
             <div class="badge bg-lightblue">13</div>
         </div>
     
         <div class="icon-with-badge">
-            <img src="chat_black_48dp.svg" alt="chat icon with badge">
+            <img src="../../../assets/chat_black_48dp.svg" alt="chat icon with badge">
             <div class="badge bg-blue">2</div>
         </div>
     
         <div class="icon-with-badge">
-            <img src="chat_black_48dp.svg" alt="chat icon with badge">
+            <img src="../../../assets/chat_black_48dp.svg" alt="chat icon with badge">
             <div class="badge bg-yellow">13</div>
         </div>
     
         <div class="icon-with-badge">
-            <img src="chat_black_48dp.svg" alt="chat icon with badge">
+            <img src="../../../assets/chat_black_48dp.svg" alt="chat icon with badge">
             <div class="badge bg-green">56</div>
         </div>
 
@@ -52,17 +52,17 @@
     <div class="badge-on-avatar">
 
         <div class="avatar-with-badge">
-            <img class="avatar avatar-round" src="avatar.svg" alt="avatar">
+            <img class="avatar avatar-round" src="../../../assets/avatar.svg" alt="avatar">
             <div class="badge-avatar bg-green"> </div>
         </div>
 
         <div class="avatar-with-badge">
-            <img class="avatar avatar-round" src="avatar.svg" alt="avatar">
+            <img class="avatar avatar-round" src="../../../assets/avatar.svg" alt="avatar">
             <div class="badge-avatar bg-red"> </div>
         </div>
 
         <div class="avatar-with-badge">
-            <img class="avatar avatar-round" src="avatar.svg" alt="avatar">
+            <img class="avatar avatar-round" src="../../../assets/avatar.svg" alt="avatar">
             <div class="badge-avatar bg-yellow"> </div>
         </div>
 
diff --git a/button/arrow_upward_white_24dp.svg b/CSS/Components/button/arrow_upward_white_24dp.svg
similarity index 100%
rename from button/arrow_upward_white_24dp.svg
rename to CSS/Components/button/arrow_upward_white_24dp.svg
diff --git a/button/button.css b/CSS/Components/button/button.css
similarity index 98%
rename from button/button.css
rename to CSS/Components/button/button.css
index 85b03f3..8a73994 100644
--- a/button/button.css
+++ b/CSS/Components/button/button.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 
 .btn {
     border: none;
diff --git a/button/button.html b/CSS/Components/button/button.html
similarity index 100%
rename from button/button.html
rename to CSS/Components/button/button.html
diff --git a/button/download_white_24dp.svg b/CSS/Components/button/download_white_24dp.svg
similarity index 100%
rename from button/download_white_24dp.svg
rename to CSS/Components/button/download_white_24dp.svg
diff --git a/card/card.css b/CSS/Components/card/card.css
similarity index 97%
rename from card/card.css
rename to CSS/Components/card/card.css
index de10a65..5eab143 100644
--- a/card/card.css
+++ b/CSS/Components/card/card.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 @import url(../badge/badge.css);
 
 .card {
diff --git a/card/card.html b/CSS/Components/card/card.html
similarity index 98%
rename from card/card.html
rename to CSS/Components/card/card.html
index c8071e4..df875ff 100644
--- a/card/card.html
+++ b/CSS/Components/card/card.html
@@ -50,7 +50,7 @@
             </p>
         </div>
 
-        <span class="badge blue">5</span>
+        <span class="badge bg-lightblue">5</span>
 
     </div>
 
diff --git a/card/close_black_24dp.svg b/CSS/Components/card/close_black_24dp.svg
similarity index 100%
rename from card/close_black_24dp.svg
rename to CSS/Components/card/close_black_24dp.svg
diff --git a/image/image.css b/CSS/Components/image/image.css
similarity index 93%
rename from image/image.css
rename to CSS/Components/image/image.css
index 126acc6..51fd03a 100644
--- a/image/image.css
+++ b/CSS/Components/image/image.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 
 .img-res {
     width: 100%;
diff --git a/image/image.html b/CSS/Components/image/image.html
similarity index 100%
rename from image/image.html
rename to CSS/Components/image/image.html
diff --git a/input/input.css b/CSS/Components/input/input.css
similarity index 87%
rename from input/input.css
rename to CSS/Components/input/input.css
index af98e98..cccaa78 100644
--- a/input/input.css
+++ b/CSS/Components/input/input.css
@@ -1,4 +1,4 @@
-@import url(../style.css);
+@import url(../../style.css);
 
 .input-group {
     display: flex;
diff --git a/input/input.html b/CSS/Components/input/input.html
similarity index 100%
rename from input/input.html
rename to CSS/Components/input/input.html
diff --git a/reset.css b/CSS/reset.css
similarity index 100%
rename from reset.css
rename to CSS/reset.css
diff --git a/style.css b/CSS/style.css
similarity index 62%
rename from style.css
rename to CSS/style.css
index e0b67b6..004037f 100644
--- a/style.css
+++ b/CSS/style.css
@@ -20,4 +20,12 @@
     --red: #F24236; 
     --yellow: #FCA311;
     --gray: #FAFAFA;
-}
\ No newline at end of file
+}
+
+@import url(./Components/alert/alert.css);
+@import url(./Components/avatar/avatar.css);
+@import url(./Components/badge/badge.css);
+@import url(./Components/button/button.css);
+@import url(./Components/card/card.css);
+@import url(./Components/image/image.css);
+@import url(./Components/input/input.css);
\ No newline at end of file
diff --git a/utils.css b/CSS/utils.css
similarity index 100%
rename from utils.css
rename to CSS/utils.css
diff --git a/avatar/avatar.svg b/assets/avatar.svg
similarity index 100%
rename from avatar/avatar.svg
rename to assets/avatar.svg
diff --git a/badge/chat_black_48dp.svg b/assets/chat_black_48dp.svg
similarity index 100%
rename from badge/chat_black_48dp.svg
rename to assets/chat_black_48dp.svg
diff --git a/avatar/avatar.html b/avatar/avatar.html
deleted file mode 100644
index c40f804..0000000
--- a/avatar/avatar.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!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>avatar</title>
-    <link rel="stylesheet" href="avatar.css">
-        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
-<body>
-
-    <img class="avatar avatar-round" src="avatar.svg" alt="avatar">
-    <img class="avatar-xl avatar-round" src="avatar.svg" alt="avatar">
-    <img class="avatar-xxl avatar-round" src="avatar.svg" alt="avatar">
-
-    <div><br></div> <div><br></div>
-
-    <img class="avatar avatar-square" src="avatar.svg" alt="avatar">
-    <img class="avatar-xl avatar-square" src="avatar.svg" alt="avatar">
-    <img class="avatar-xxl avatar-square" src="avatar.svg" alt="avatar">
-
-
-</body>
-</html>
\ No newline at end of file
diff --git a/badge/avatar.svg b/badge/avatar.svg
deleted file mode 100644
index 0686ea1..0000000
--- a/badge/avatar.svg
+++ /dev/null
@@ -1,102 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 145 145" style="enable-background:new 0 0 145 145;" xml:space="preserve">
-<g id="women_4">
-	<rect style="fill:#30ACE2;" width="145" height="145"/>
-	<g>
-		<path style="fill:#3C2A20;" d="M80.123,29.486c0,0-6.885-7.69-17.931-2.771c-7.717,3.438-9.388,5.689-15.975,7.19
-			c-6.954,1.585-11.612,8.499-8.915,16.635c2.243,6.766,4.136,15.674,2.663,19.479c-1.941,5.016-0.04,8.887,6.606,13.604
-			c6.647,4.717,17.24,9.335,17.24,9.335l19.281-1.348c0,0,23.688-4.499,21.983-16.622c-1.231-8.745-3.232-9.549,1.196-14.899
-			c2.838-3.43,2.791-14.756-3.855-18.615c-6.647-3.858-5.928-8.484-9.573-11.7C89.198,26.558,80.123,29.486,80.123,29.486z"/>
-		<g>
-			<g>
-				<g>
-					<path style="fill:#F1C9A5;" d="M109.374,115.395c-4.963-9.396-36.874-15.292-36.874-15.292s-31.911,5.896-36.874,15.292
-						C31.957,128.434,28.889,145,28.889,145H72.5h43.611C116.111,145,114.039,127.236,109.374,115.395z"/>
-					<path style="fill:#E4B692;" d="M72.5,100.103c0,0,31.911,5.896,36.874,15.292c4.665,11.842,6.737,29.605,6.737,29.605H72.5
-						V100.103z"/>
-					<rect x="63.813" y="81.001" style="fill:#F1C9A5;" width="17.375" height="29.077"/>
-					<rect x="72.5" y="81.001" style="fill:#E4B692;" width="8.688" height="29.077"/>
-					<path style="opacity:0.1;fill:#DDAC8C;enable-background:new    ;" d="M63.813,94.475c1.563,4.485,7.869,7.057,12.5,7.057
-						c1.676,0,3.306-0.28,4.875-0.795V81.001H63.813V94.475z"/>
-					<path style="fill:#F1C9A5;" d="M94.838,62.653c0-18.162-10.001-28.489-22.338-28.489c-12.336,0-22.338,10.327-22.338,28.489
-						S60.164,95.539,72.5,95.539C84.837,95.539,94.838,80.815,94.838,62.653z"/>
-					<path style="fill:#E4B692;" d="M94.838,62.653c0-18.162-10.001-28.489-22.338-28.489v61.375
-						C84.837,95.539,94.838,80.815,94.838,62.653z"/>
-					<path style="fill:#BF0020;" d="M109.374,115.395c-1.665-3.152-6.368-5.908-11.877-8.183
-						c-2.771,11.233-12.909,19.565-24.997,19.565s-22.227-8.332-24.997-19.565c-5.508,2.274-10.212,5.03-11.877,8.183
-						C31.957,128.434,28.889,145,28.889,145H72.5h43.611C116.111,145,114.039,127.236,109.374,115.395z"/>
-				</g>
-				<g>
-					<g>
-						<path style="fill:none;stroke:#FFFFFF;stroke-width:1.9426;stroke-linecap:round;stroke-linejoin:round;" d="M59.228,103.094
-							c0,0.012,0,0.023,0,0.034"/>
-						
-							<path style="fill:none;stroke:#FFFFFF;stroke-width:1.9426;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0.0651,2.6035;" d="
-							M59.48,105.718c1.223,6.252,6.733,10.969,13.344,10.969c7.057,0,12.861-5.378,13.531-12.26"/>
-						<path style="fill:none;stroke:#FFFFFF;stroke-width:1.9426;stroke-linecap:round;stroke-linejoin:round;" d="M86.42,103.128
-							c0-0.012,0-0.022,0-0.034"/>
-					</g>
-				</g>
-			</g>
-		</g>
-		<path style="fill:#3C2A20;" d="M76.234,34.459c-0.398-0.399-19.659-5.292-18.626,5.553c0.798,8.377-5.167,8.045-9.041,14.3
-			c-3.875,6.256-4.24,10.453-0.47,15.709c0.336-3.947,0.47-9.387,8.846-15.709c8.377-6.321,8.111-9.38,7.047-13.502
-			C62.927,36.688,76.234,34.459,76.234,34.459z"/>
-		<path style="fill:#564036;" d="M55.481,80.3c-9.767-5.88-8.108-14.849-7.751-19.324c0.421-5.251,5.768-6.877,12.069-10.658
-			c6.301-3.779,2.082-5.666,4.602-11.967c2.521-6.301,16.541-4.056,16.541-4.056s-8.228,0.061-10.747,6.361
-			c-2.521,6.302,1.051,8.191-5.251,11.972c-6.301,3.78-9.534,3.77-11.026,8.822C52.367,66.705,48.162,70.637,55.481,80.3z"/>
-		<path style="fill:#564036;" d="M46.057,72.885c-9.767-5.879-6.239-11.906-5.882-16.382c0.421-5.251,3.863-6.283,10.165-10.063
-			c6.301-3.78,3.592-4.429,6.113-10.729C58.974,29.41,72.94,33.61,72.94,33.61s-8.821-1.891-11.342,4.41
-			c-2.521,6.303,0.381,7.252-5.251,11.972c-3.992,3.347-11.319,3.563-11.026,8.822C45.689,65.4,38.285,67.004,46.057,72.885z"/>
-		<path style="fill:#3C2A20;" d="M69.944,33.927c0.399-0.398,19.66-5.291,18.627,5.554c-0.798,8.377,5.166,8.044,9.041,14.3
-			c3.875,6.255,4.24,10.453,0.469,15.708c-0.336-3.947-0.469-9.387-8.846-15.708c-8.376-6.322-8.11-9.38-7.047-13.502
-			C83.253,36.156,69.944,33.927,69.944,33.927z"/>
-		<path style="fill:#564036;" d="M91.525,78.713c9.767-6.405,6.239-12.972,5.882-17.849c-0.421-5.721-3.51-5.759-9.812-9.878
-			c-6.301-4.118-2.667-5.894-5.188-12.758c-2.521-6.864-17.172-4.431-17.172-4.431s8.227,0.066,10.747,6.931
-			c2.521,6.866-1.051,8.926,5.251,13.043c6.301,4.119,10.606,3.892,11.026,9.612C92.619,68.26,99.297,72.305,91.525,78.713z"/>
-		<path style="fill:#564036;" d="M100.424,76.874c9.876-6.534,6.309-13.23,5.947-18.204c-0.425-5.835-3.906-6.982-10.279-11.183
-			c-6.371-4.201-3.631-4.922-6.181-11.923c-2.549-7.002-16.673-2.334-16.673-2.334s8.921-2.101,11.469,4.9
-			c2.55,7.004-0.385,8.058,5.31,13.304c4.037,3.718,11.447,3.959,11.15,9.803C100.796,68.558,108.282,70.338,100.424,76.874z"/>
-		<path style="fill:#BF0020;" d="M97.497,107.212c0,0-9.245,3.77-7.813,12.982c-4.951-0.36-15.588,0.762-17.184,6.583
-			c-3.723-5.17-12.434-7.961-17.651-7.009c-0.076-5.253-3.489-10.641-7.346-12.557c-4.786,9.387-2.046,18.96-2.046,18.96
-			s12.151,10.238,12.816,10.238c0.665,0,25.661,4.388,25.661,4.388s16.689-5.452,16.788-5.983
-			C100.821,134.282,97.497,107.212,97.497,107.212z"/>
-		<path style="fill:#564036;" d="M87.993,45.597c0,0,1.792,8.187,10.036,16.088c3.521,3.377,0.798,18.083-6.781,25.396
-			c6.515-5.318,16.035-16.403,11.833-25.396C98.88,52.692,89.891,49.61,87.993,45.597z"/>
-		<path style="fill:#564036;" d="M60.048,45.016c0,0-2.265,10.496-10.509,18.397c-3.521,3.377-4.405,13.529,3.174,20.842
-			c-6.516-5.318-12.428-11.849-8.227-20.842C48.688,54.421,58.15,49.029,60.048,45.016z"/>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
diff --git a/docs/components.html b/docs/components.html
new file mode 100644
index 0000000..e69de29
diff --git a/docs/designSystem.html b/docs/designSystem.html
new file mode 100644
index 0000000..e69de29
diff --git a/docs/docs.css b/docs/docs.css
new file mode 100644
index 0000000..e69de29
diff --git a/docs/gettingStarted.html b/docs/gettingStarted.html
new file mode 100644
index 0000000..e69de29