alu/cse110-fa22-group29
1
0
Fork 0
mirror of https://github.com/cse110-fa22-group29/cse110-fa22-group29.git synced 2024-12-26 17:09: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
</button>
</form>
</div>
<!--
<form id="form">
<input type='search' id="seaching" name="searchBar" placeholder="Search journal...">

53
source/static/homepage.css
View File

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