diff --git a/source/CreatePage.html b/source/CreatePage.html index bc37e7a..6c9c9c4 100644 --- a/source/CreatePage.html +++ b/source/CreatePage.html @@ -14,64 +14,80 @@ - + - -
-
- Pic: - - -
-
+ +
+ logo +

Food Journal

+ +
+
+

New Entry

- Meal: - - -
+ +
+ Pic: + + +
+
-
- Rating: - - - - - -
+ Meal: + + +
-
- Other Info: - - +
+ Other Info: + +
- - + + + + +
+ + + \ No newline at end of file diff --git a/source/assets/images/icons/Grouppink.png b/source/assets/images/icons/Grouppink.png new file mode 100644 index 0000000..00cae3c Binary files /dev/null and b/source/assets/images/icons/Grouppink.png differ diff --git a/source/assets/images/icons/Logo.png b/source/assets/images/icons/Logo.png new file mode 100644 index 0000000..206693c Binary files /dev/null and b/source/assets/images/icons/Logo.png differ diff --git a/source/assets/images/icons/favicon.ico b/source/assets/images/icons/favicon.ico new file mode 100644 index 0000000..f042014 Binary files /dev/null and b/source/assets/images/icons/favicon.ico differ diff --git a/source/static/CreatePage.css b/source/static/CreatePage.css index c347a04..ec7bf77 100644 --- a/source/static/CreatePage.css +++ b/source/static/CreatePage.css @@ -1,83 +1,37 @@ /* CreatePage.css */ -* { - font-family: sans-serif; +body{ + background-color: #13323b; } -body { - height: 100%; - width: 100%; -} - -fieldset { - border: 2px solid rgb(214 214 214); - box-sizing: border-box; - display: block; - width: max-content; -} - -form button { - display: block; - margin-top: 5px; -} - -label[for="ingredients"] p { - margin: 0; -} - -label[for="numRatings"] { - margin: 10px 0 0; -} - -label[for^="rating"] { - padding-right: 10px; -} - -label:not([for^="rating"]) { - display: block; - margin-bottom: 5px; -} - -main { - column-gap: 10px; - display: flex; - flex-wrap: wrap; - height: auto; - max-width: 660px; - row-gap: 10px; - width: 100%; -} - -.tag-container { - display: flex; - flex-flow: row wrap; -} - -.tag { - background-color: grey; - border-radius: 7px; - color: white; - padding-right: 7px; - padding-left: 7px; - margin: 3px; -} - -.tag::before { - display: inline-block; - content: "x"; - height: 15px; - width: 15px; - margin-right: 4px; +h1 { text-align: center; - color: white; - cursor: pointer; +} +.Top-Bar{ + margin-top: -8cm; +} +.Top-Bar > img{ + position: relative; + top: 7.85cm; +} +.Top-Bar > h1{ + position: relative; + top: 2.2cm; + font-size: 3cm; + color: #EAA9BC + +} +.Top-Bar > form{ + position: relative; + left: 32cm; } -.tag:hover::before { - color: red; -} - -.danger { - background-color: rgb(254 171 171); - border-color: red; -} +.journal-form { + font-size: 120%; + width: 50%; + display: block; + margin: auto; + color: #ccb3bb; + border: 3px solid rgb(7, 0, 0); + background-color: #b52754; +} \ No newline at end of file