alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2024-12-27 01:19:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated main page

Browse Source
This commit is contained in:
look-its-ashton 2022-11-20 15:46:13 -08:00
parent 3db5f62a5c
commit 8c2ad629d2
3 changed files with 33 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

1
source/index.html
View File

@ -28,6 +28,7 @@
Search Search
</button> </button>
</form> </form>
</div>
<!-- <!--
<form id="form"> <form id="form">
<input type='search' id="seaching" name="searchBar" placeholder="Search journal..."> <input type='search' id="seaching" name="searchBar" placeholder="Search journal...">

53
source/static/homepage.css
View File

@ -1,36 +1,39 @@
/* homepage.css */ /* homepage.css */
/* Color*/ /* Color*/
body{ body{
background-color: #13323b; background-color: #97a5bd;
} }
.Top-Bar{ .Top-Bar{
margin-top: -8cm;
} }
.Top-Bar > img{ .Top-Bar > img{
position: relative; position: absolute;
top: 7.5cm;
} }
.Top-Bar > h1{ .Top-Bar > h1{
position: relative; position: relative;
left: 10.5cm; text-align: center;
top: 2.2cm; font-size: 5rem;
font-size: 3cm; color: #E4C3D2;
color: #EAA9BC; font-family: 'Lucida Sans';
padding: 25px 0px 0px 0px;
font-weight: 900;
margin: 0px
} }
.Top-Bar > form{ .Top-Bar > form{
position: relative; position: relative;
left: 32cm; float: right;
margin-right: 12%;
} }
.Review-boxes { .Review-boxes {
position: relative; position: relative;
} }
.Review-boxes > h2 { .Review-boxes > h2 {
position: relative; font-family: 'Lucida Sans';
left: 10cm; display: block;
font-size: 1.5cm; text-align: center;
color: #EAA9BC; font-size: 2.7rem;
color: #E4C3D2;
margin-top: 2.5em;
} }
.Review-boxes > input { .Review-boxes > input {
position: relative; position: relative;
@ -38,21 +41,23 @@ body{
top: -3.5cm; top: -3.5cm;
} }
img#create-btn {
position: absolute;
left: 12%;
}
.Filter-box{ .Filter-box{
width:300px; width: 200px;
height:700px; height: 400px;
background: #8D4E62; background: #e4d9e9;
position: relative; position: absolute;
left: 29.5cm; border: 5px solid #99a2c2;
top: -5.5cm; right: 12%;
} }
.review-container{ .review-container{
display: flex; display: flex;
position: relative; position: relative;
top: -22cm; margin-left: 25%;
left: 5cm;
max-width: 900px;
flex-wrap: wrap;
} }
.review-container > div { .review-container > div {
background-color: #f1f1f1; background-color: #f1f1f1;