adjusted css

cytoshell · Feb 25, 2024 · ce6f744 · ce6f744
1 parent dee0e11
commit ce6f744
Show file tree

Hide file tree

Showing 20 changed files with 3,103 additions and 22 deletions.
diff --git a/build/Images/Profile_Picture.jpg b/build/Images/Profile_Picture.jpg
diff --git a/build/Images/RT_Logo.png b/build/Images/RT_Logo.png
diff --git a/build/Images/dino_avatar.png b/build/Images/dino_avatar.png
diff --git a/build/assets/contact-Bn6Ygt0R.js b/build/assets/contact-Bn6Ygt0R.js
@@ -0,0 +1 @@
+import{j as t}from"./index-k_BWehiM.js";const c={color:"#F05A22"},e=()=>t.jsx("section",{class:"contact",id:"contact",children:t.jsx("h1",{style:c,children:"Welcome to the contact page"})});export{e as default};
diff --git a/build/assets/features-D2GyC1en.js b/build/assets/features-D2GyC1en.js
@@ -0,0 +1 @@
+import{j as e}from"./index-k_BWehiM.js";const s={color:"#F05A22"},r=()=>e.jsx("section",{class:"features",id:"features",children:e.jsx("h1",{style:s,children:"Welcome to the features page"})});export{r as default};
diff --git a/build/assets/home-BS8MFAJe.js b/build/assets/home-BS8MFAJe.js
@@ -0,0 +1 @@
+import{j as e}from"./index-k_BWehiM.js";const o={color:"#F05A22"},t=()=>e.jsx("section",{class:"home",id:"home",children:e.jsx("h1",{style:o,children:"Welcome to the home page"})});export{t as default};
diff --git a/build/assets/index-BU-sPjLe.css b/build/assets/index-BU-sPjLe.css
diff --git a/build/assets/index-k_BWehiM.js b/build/assets/index-k_BWehiM.js
diff --git a/build/assets/react-CHdo91hT.svg b/build/assets/react-CHdo91hT.svg
diff --git a/build/assets/user-Cmo50fQZ.js b/build/assets/user-Cmo50fQZ.js
@@ -0,0 +1 @@
+import{j as e}from"./index-k_BWehiM.js";const s={color:"#F05A22"},t=()=>e.jsx("section",{class:"user",id:"user",children:e.jsx("h1",{style:s,children:"Welcome to the user page"})});export{t as default};
diff --git a/build/favicon.ico b/build/favicon.ico
diff --git a/build/index.html b/build/index.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Rabid Tasker</title>
+    <script type="module" crossorigin src="/assets/index-k_BWehiM.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BU-sPjLe.css">
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/build/vite.svg b/build/vite.svg
diff --git a/src/App.css b/src/App.css
@@ -1,6 +1,48 @@
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500;600;700;800;900&display=swap');
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  text-decoration: none;
+  border: none;
+  outline: none;
+  scroll-behavior: smooth;
+  font-family: 'Fira Sans', sans-serif;
+}
+
 .App {
   text-align: center;
-  background-color: #282c34;
+  background-image: linear-gradient(to bottom right, #1a0d39, #1aa7bc);
+}
+
+section {
+  min-height: 100vh;
+  padding: 10rem 9% 2rem;
+}
+
+.home {
+  display: flex;
+  justify-content: center;
+  align-items: top;
+}
+
+.contact {
+  display: flex;
+  justify-content: center;
+  align-items: top;
+}
+
+.user {
+  display: flex;
+  justify-content: center;
+  align-items: top;
+}
+
+.features {
+  display: flex;
+  justify-content: center;
+  align-items: top;
 }
 
 .App-logo {
@@ -15,7 +57,7 @@
 }
 
 .App-header {
-  background-color: #282c34;
+  background-color: #382667;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
@@ -41,5 +83,20 @@
 
 html {
   height: 100%;
-  background-color: #282c34;
+  background-color: #1f2326;
+}
+
+.footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 1rem 9%;
+  background: #1f2326;
+  margin-top: auto;
+  color: #c4f3ff;
+}
+
+.footer-text p{
+  font-size: 1.2rem;
 }
diff --git a/src/NavBar/NavBar.jsx b/src/NavBar/NavBar.jsx
@@ -20,7 +20,8 @@ export default function NavBar({ Link }) {
     }
 
 
-    return (<Navbar bg="dark" expand="lg" variant='dark' sticky="top">
+    return (
+        <Navbar bg="dark" expand="lg" variant='dark' sticky="top">
         <Container fluid>
             <Navbar.Brand as={Link} to="/Home">
                 <img
@@ -70,5 +71,6 @@ export default function NavBar({ Link }) {
                 </Form>
             </Navbar.Collapse>
         </Container>
-    </Navbar>);
+        </Navbar>
+    );
 }
diff --git a/src/component/footer.jsx b/src/component/footer.jsx
@@ -6,20 +6,17 @@ import {
 
 const Footer = () => {
     return (
-        <Container>
-            <Row>
-                <hr style={{ color: 'white' }} />
-                <Col className="text-center py-3" style={{ color: 'white' }}>
-                    &copy;{new Date().getFullYear()} Rabid Tasker | Check out our <a
+        <footer class="footer">
+            <div class="footer-text">
+                <a>&copy;{new Date().getFullYear()} Rabid Tasker | Check out our <a
                         style={{ color: 'white' }}
                         href="https://github.com/cytoshell/rabid-tasker"
                         target="_blank"
                         rel="noopener">
                         Github
-                    </a>
-                </Col>
-            </Row>
-        </Container>
+                    </a></a>
+            </div>
+        </footer>
     )
 }
 

diff --git a/src/scenes/contact.jsx b/src/scenes/contact.jsx
@@ -6,9 +6,9 @@ const H1style = {
 
 const contact = () => {
     return (
-        <div>
+        <section class="contact" id='contact'>
             <h1 style={H1style}>Welcome to the contact page</h1>
-        </div>
+        </section>
     )
 }
 

diff --git a/src/scenes/features.jsx b/src/scenes/features.jsx
@@ -6,9 +6,9 @@ const H1style = {
 
 const features = () => {
     return (
-        <div>
+        <section class="features" id='features'>
             <h1 style={H1style}>Welcome to the features page</h1>
-        </div>
+        </section>
     )
 }
 

diff --git a/src/scenes/home.jsx b/src/scenes/home.jsx
@@ -6,9 +6,9 @@ const H1style = {
 
 const Home = () => {
     return (
-        <div>
+        <section class="home" id='home'>
             <h1 style={H1style}>Welcome to the home page</h1>
-        </div>
+        </section>
     )
 }
 

diff --git a/src/scenes/user.jsx b/src/scenes/user.jsx
@@ -6,9 +6,9 @@ const H1style = {
 
 const user = () => {
     return (
-        <div>
+        <section class="user" id='user'>
             <h1 style={H1style}>Welcome to the user page</h1>
-        </div>
+        </section>
     )
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		import{j as t}from"./index-k_BWehiM.js";const c={color:"#F05A22"},e=()=>t.jsx("section",{class:"contact",id:"contact",children:t.jsx("h1",{style:c,children:"Welcome to the contact page"})});export{e as default};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		import{j as e}from"./index-k_BWehiM.js";const s={color:"#F05A22"},r=()=>e.jsx("section",{class:"features",id:"features",children:e.jsx("h1",{style:s,children:"Welcome to the features page"})});export{r as default};