homepage functions added

Welding-Torch · Mar 9, 2022 · 9832363 · 9832363
1 parent f021ae7
commit 9832363
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 33 deletions.
diff --git a/css/homepage-styles.css b/css/homepage-styles.css
@@ -84,22 +84,20 @@ h3{
 
 }
 .card2{
-    background-color: #949bc5;
+    background-color: rgb(159,144,212);
 }
 
 .card3{
 
-    background-color: #949bc5;
+    background-color: rgb(159,144,212);
 }
 .card4{
-    background-color: #949bc5;
+    background-color: rgb(159,144,212);
 }
 .card5{
-    background-color: #949bc5;
-}
-.card6{
-    background-color: #949bc5;
+    background-color: rgb(159,144,212);
 }
+
 .card:hover{
     transform: translateY(-10px);
 }

diff --git a/css/reminders-style.css b/css/reminders-style.css
@@ -19,12 +19,12 @@ html {
 }
 body {
   margin:0;
-  background:#fc0;
+  background:#949bc5;
 }
 h1 {
   margin:15px 0;
   line-height:1.2;
-  color:#e90;
+  color:black;
   padding:0 15px;
 }
 section {
@@ -35,9 +35,9 @@ section input[type=text] {
   margin:0 0 15px 0;
   -webkit-appearance:none;
   appearance:none;
-  background:#fc0;
+  background:white;
   color:black;
-  border:1px solid #e90;
+  border:1px solid rgb(159,144,212);
   border-radius:1px;
   padding:5px;
   font-size:14pt;
@@ -56,9 +56,9 @@ section input[type=button] {
   margin:0 0 15px 0;
   -webkit-appearance:none;
   appearance:none;
-  border:1px solid #e90;
-  background:#fc0;
-  color:#e90;
+  border:1px solid rgb(159,144,212);
+  background:white;
+  color: black;
   border-radius:1px;
   padding:5px;
   font-size:19pt;
@@ -70,10 +70,10 @@ section input[type=button] {
   cursor:pointer;
 }
 #enter input[type=text] {
-  background:#fe5;
+  background:white;
 }
 #enter input[type=button] {
-  background:#e90;
-  color:#fc0;
-  border-color:#e90;
+  background:white;
+  color:black;
+  border-color:rgb(159,144,212);
 }
diff --git a/homepage.html b/homepage.html
@@ -1,7 +1,4 @@
 <html>
-<<<<<<< Updated upstream
-
-=======
     <head>
         <meta name="viewpoint" content="width=device-width , initial-scale=1.0">
         <title>HomePage</title>
@@ -12,7 +9,7 @@
     <body>
         <div class="container">
             <div class="navbar">
-                <img src="../PiedPiper-TSEC-Hacks-2022/images/allyshow_w_1x.png" class="logo">
+                <img src="../images/allyshow_w_1x.png" class="logo">
                 <nav>
                 <ul>
                     <li><a href="">HOW TO USE</a></li>
@@ -27,26 +24,35 @@ <h3>Thought of the day: </h3>
             <div class="row">
                 <div class="col">
                     <div class="card card1">
+                        <a href="crossword.html" style="text-decoration:none">
                         <h5>Games</h5>
                         <p>A bunch of games to keep your mind exercised</p>
+                        </a>
                     </div>
-                    <div class="card card5">
-                        <h5>Games</h5>
+                    <div class="card card2">
+                        <a href="" style="text-decoration:none">
+                        <h5>Memories</h5>
                         <p>A bunch of games to keep your mind exercised</p>
+                    </a>
                     </div>
-                    <div class="card card6">
-                        <h5>Games</h5>
+                    <div class="card card3">
+                        <a href="reminders-index.html" style="text-decoration:none">
+                        <h5>To do list</h5>
                         <p>A bunch of games to keep your mind exercised</p>
+                        </a>
                     </div>
-                    <br>
-                    <div class="card card3">
-                        <h5>Reminders</h5>
+                    <div class="card card4">
+                        <a href="" style="text-decoration:none">
+                        <h5>Relations</h5>
                         <p>Plans of the day</p>
+                    </a>
                     </div>
 
-                    <div class="card card4">
-                        <h5>Photos of family and friends</h5>
+                    <div class="card card5">
+                        <a href="https://youtube.com/playlist?list=PLD72Ylz-Y01vcGTYmEaN9nz02o0yZMWy8" target="_blank" style="text-decoration:none">
+                        <h5>Feel Good</h5>
                         <p>Alot of photos reminding you of your friends and family</p>
+                        </a>
                     </div>
 
                 </div>

diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
 <style>
 .button {
   border-radius: 4px;
-  background-color: #f4511e;
+  background-color: #949bc5;
   border: none;
   color: #FFFFFF;
   text-align: center;

diff --git a/reminders-index.html b/reminders-index.html
@@ -2,7 +2,7 @@
 <html lang="en" >
 <head>
   <meta charset="UTF-8">
-  <title>CodePen - Simple Reminders App</title>
+  <title>To do list</title>
   <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1"><link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'><link rel="stylesheet" href="./css/reminders-style.css">
 
 </head>