Merge pull request #10 from maitrakhatri/making-it-live

Made the library and website LIVE READY
maitrakhatri · Feb 3, 2022 · c6e4342 · c6e4342
2 parents 67d9ab9 + be3564b
commit c6e4342
Show file tree

Hide file tree

Showing 20 changed files with 36 additions and 61 deletions.
diff --git a/CSS/Components/alert/alert.css b/CSS/Components/alert/alert.css
@@ -1,5 +1,3 @@
-@import url(../../style.css);
-
 .alert {
     border-radius: 0.188rem;
     padding: 0.75rem;

diff --git a/CSS/Components/avatar/avatar.css b/CSS/Components/avatar/avatar.css
@@ -1,5 +1,3 @@
-@import url(../../style.css);
-
 .avatar {
     height: 2rem;
     width: 2rem;

diff --git a/CSS/Components/badge/badge.css b/CSS/Components/badge/badge.css
@@ -1,6 +1,3 @@
-@import url(../../style.css);
-@import url(../avatar/avatar.css);
-
 .icon-with-badge {
     position: relative;
     width: fit-content;

diff --git a/CSS/Components/button/button.css b/CSS/Components/button/button.css
@@ -1,5 +1,3 @@
-@import url(../../style.css);
-
 .btn {
     border: none;
     padding: .5rem 1rem;

diff --git a/CSS/Components/card/card.css b/CSS/Components/card/card.css
@@ -1,6 +1,3 @@
-@import url(../../style.css);
-@import url(../badge/badge.css);
-
 .card {
     display: flex;
     flex-direction: column;

diff --git a/CSS/Components/image/image.css b/CSS/Components/image/image.css
@@ -1,5 +1,3 @@
-@import url(../../style.css);
-
 .img-res {
     width: 100%;
     height: auto;

diff --git a/CSS/Components/input/input.css b/CSS/Components/input/input.css
@@ -1,5 +1,3 @@
-@import url(../../style.css);
-
 .input-group {
     display: flex;
     flex-direction: column;

diff --git a/CSS/Components/text-utilities/text-utilities.css b/CSS/Components/text-utilities/text-utilities.css
@@ -1,5 +1,3 @@
-@import url(../../style.css);
-
 h1 {
     font-size: 4rem;
     line-height: 5rem;

diff --git a/CSS/main.css b/CSS/main.css
diff --git a/CSS/style.css b/CSS/style.css
@@ -4,6 +4,16 @@
 /* UTILITIES */
 @import url(./utils.css);
 
+/* COMPONENTS  */
+@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);
+@import url(./Components/text-utilities/text-utilities.css);
+
 /* FONT */
 @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
 
@@ -21,13 +31,4 @@
     --yellow: #FCA311;
     --gray: #FAFAFA;
     --text-gray: #333333;
-}
-
-@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);
-@import url(./Components/text-utilities/text-utilities.css);
+}
diff --git a/CSS/utils.css b/CSS/utils.css
@@ -1,13 +1,9 @@
-@import url(./style.css);
-
 /* SHADOW */
-
 .shadow {
     filter: drop-shadow(0 0 0.25rem black);
 }
 
 /* BACKGROUND COLORS */
-
 .bg-blue {
     background-color: var(--blue)
 }
@@ -37,7 +33,6 @@
 }
 
 /* OUTLINE COLORS */
-
 .outline-blue {
     border: 2px solid var(--blue);
 }

diff --git a/assets/gozo-logo-1080p.ico b/assets/gozo-logo-1080p.ico
diff --git a/assets/gozo-logo-1080p.png b/assets/gozo-logo-1080p.png
diff --git a/assets/gozo-logo-540p.ico b/assets/gozo-logo-540p.ico
diff --git a/assets/gozo-logo-540p.png b/assets/gozo-logo-540p.png
diff --git a/docs/components.html b/docs/components.html
@@ -4,8 +4,11 @@
     <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>Components</title>
+    <meta name="title" content="gozo-UI | Maitra Khatri">
+    <meta name="description" content="gozo UI is a Simple Ready to use CSS Component Library.">
+    <title>gozo UI | Components</title>
     <link rel="stylesheet" href="./docs.css">
+    <link rel="icon" type="image/x-icon" href="../assets/gozo-logo-540p.ico">
 </head>
 <body>
 

diff --git a/docs/designSystem.html b/docs/designSystem.html
@@ -4,8 +4,11 @@
     <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>Design System</title>
+    <meta name="title" content="gozo-UI | Maitra Khatri">
+    <meta name="description" content="gozo UI is a Simple Ready to use CSS Component Library.">
+    <title>gozo UI | Design System</title>
     <link rel="stylesheet" href="./docs.css">
+    <link rel="icon" type="image/x-icon" href="../assets/gozo-logo-540p.ico">
 </head>
 <body>
 
@@ -26,7 +29,6 @@
         </div>
     </nav>
 
-
     <aside class="sidebar">
 
         <a href="./gettingStarted.html">Getting Started</a>
@@ -82,8 +84,6 @@ <h2 class="section-title">Colors</h2>
             </div>
 
     </main>
-
-
 
 </body>
 </html>
diff --git a/docs/docs.css b/docs/docs.css
@@ -1,4 +1,4 @@
-@import url(../CSS/main.css);
+@import url(../CSS/style.css);
 
 h1,h2,h3,p,a {
     color: var(--text-gray);
@@ -8,6 +8,8 @@ body {
     background-color: var(--gray);
 }
 
+/* <---------- HOMEPAGE ----------> */
+
 .homepage-container {
     width: 100vw;
     height: 100vh;
@@ -38,6 +40,8 @@ body {
     font-size: 1.5rem;
 }
 
+/* <---------- NAVBAR ----------> */
+
 nav {
     display: flex;
     padding: 3rem;
@@ -64,6 +68,8 @@ main {
     margin-left: 15rem;
 }
 
+/* <---------- SIDEBAR ----------> */
+
 .sidebar {
     position: fixed;
     height: 100%;
@@ -96,9 +102,7 @@ main {
     font-weight: bold;
 }
 
-/* .main-body {
-    display: flex;
-} */
+/* <---------- COMPONENTS PAGE ----------> */
 
 .page-title {
     margin-bottom: 5rem;
@@ -115,7 +119,7 @@ main {
     margin-left: 1rem;
 }
 
-.section p {
+.section > p {
     margin-left: 2rem;
 }
 
@@ -176,8 +180,6 @@ main {
     width: fit-content;
 }
 
-
-
 .alert-container {
     width: initial;
 }
@@ -225,8 +227,4 @@ button#bfc-show {
     flex-direction: column;
     gap: 2rem;
     width: inherit;
-}
-
-.component-container img {
-    margin: 0.5rem;
 }
diff --git a/docs/gettingStarted.html b/docs/gettingStarted.html
@@ -4,8 +4,11 @@
     <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>Getting Started</title>
+    <meta name="title" content="gozo-UI | Maitra Khatri">
+    <meta name="description" content="gozo UI is a Simple Ready to use CSS Component Library.">
+    <title>gozo UI | Getting Started</title>
     <link rel="stylesheet" href="./docs.css">
+    <link rel="icon" type="image/x-icon" href="../assets/gozo-logo-540p.ico">
 </head>
 <body>
 

diff --git a/index.html b/index.html
@@ -4,8 +4,11 @@
     <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>gozo UI</title>
+    <meta name="title" content="gozo-UI | Maitra Khatri">
+    <meta name="description" content="gozo UI is a Simple Ready to use CSS Component Library.">
+    <title>gozo UI | Home</title>
     <link rel="stylesheet" href="./docs/docs.css">
+    <link rel="icon" type="image/x-icon" href="./assets/gozo-logo-540p.ico">
 </head>
 <body>