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

cleaned css and html

Browse Source 
Co-authored-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
rheabhutada02 2022-11-21 12:32:54 -08:00
parent 1798835807
commit 68b0c8edf5
3 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
source/CreatePage.html
View File

@ -19,25 +19,28 @@
<script src="./assets/scripts/CreatePage.js" type="module"></script>
</head>
<body>
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
<div class ="top-bar">
<header>
<div class="top-bar">
<img src ="./assets/images/icons/Logo.png" alt="logo" />
<h1> Food Journal </h1>
<img src ="./assets/images/icons/Logo.png" alt="logo" />
</div>
</header>
<body>
<input type="button" value="Home" id="home-btn" onclick="window.location.assign('./index.html')">
<div class="journal-form">
<h1>New Entry </h1>
<h1>New Entry</h1>
<form id="new-food-entry">
<fieldset>
<legend>Pic:</legend>
Choose Input type:
<select id="select" name="select">
<option value="file">File Upload</option>
<option value="url">From an URL</option>
</select>
<label for="mealImage" id="source">
Source:
<input type="file" accept="image/*" id="mealImg" name="mealImg">
</label>
<label for="image-alt">
@ -45,9 +48,7 @@
Alt Text:
<input type="text" id="imgAlt" name="imgAlt">
</label>
</fieldset>
<fieldset>
<legend> Meal: </legend>
<label for="Meal: ">Meal:
<input type="text" id="mealName" name="mealName" required>
</label>
@ -59,7 +60,9 @@
</label>
</fieldset>
<fieldset class="rating">
<legend> Rating: </legend>
<br>
Rating:
<br>
<input type="radio" id="s5" name="rating" value="5"/> <label for="s5" id="s5-select"> 5 stars </label>
<input type="radio" id="s4" name="rating" value="4"/> <label for="s4" id="s4-select"> 4 stars </label>
<input type="radio" id="s3" name="rating" value="3"/> <label for="s3" id="s3-select"> 3 stars </label>
@ -68,7 +71,7 @@
</fieldset>
<fieldset>
<legend>Other Info:</legend>
<label for="restaurant">
Restaurant:
<input type="text" id="restaurant" name="restaurant" required>
@ -82,8 +85,6 @@
<button type="button" id="tag-add-btn">Add Tag</button>
</label>
</fieldset>
<button type="submit" id="save-btn" value="Submit">Save Review</button>
</form>

23
source/static/CreatePage.css
View File

@ -10,30 +10,31 @@ body {
}
h1 {
text-align: center;
}
.top-bar {
margin-top: -8cm;
display: flex;
justify-content: center;
}
.top-bar > img {
position: relative;
top: 7.85cm;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
}
.top-bar > h1 {
position: relative;
top: 2.2cm;
font-size: 3cm;
text-align: center;
/*color: #e4c3d2;*/
/*color: rgb(145, 124, 175);*/
color:#516754;
font-size: 6rem;
font-family: 'testFont';
}
.top-bar > form {
position: relative;
left: 32cm;
.journal-form > h1 {
font-family: 'testFont';
text-align: center;
}
.journal-form {

2
source/static/homepage.css
View File

@ -78,7 +78,7 @@ img#create-btn {
.review-container > div {
background-color: #f1f1f1;
text-align: center;
}}
}
img#create-btn {
position: relative;