diff --git a/web/style.css b/web/style.css index e69de29..56ecb46 100644 --- a/web/style.css +++ b/web/style.css @@ -0,0 +1,100 @@ +body, html { + margin: 0px; + font-size: 18px; + line-height: 1.8; +} + +body { + display: flex; + flex-direction: column; + + --table-border-color: #aaa; + --table-background-color: #eee; + --text-color: #111; + + color: var(--text-color); +} + +body > main { + flex-grow: 1; + max-width: 1024px; + margin-left: auto; + margin-right: auto; + width: 90vw; + +} + +h1, h2, h3, h4, h5 { + font-family: "Roboto", "Open Sans", Arial, Helvetica, sans-serif; +} + +header { + + text-align: center; +} + +header h1 { + font-size: 1.8em; + color: rgb(0, 135, 0); +} + +header h1 span { + color: var(--text-color); +} + +.thin { + font-weight: 300; +} +.final-raiting { + font-size: 2rem; +} + +footer { + display: flex; + flex-direction: row; + justify-content: space-between; + max-width: 1024px; + margin-left: auto; + margin-right: auto; + width: 90vw; +} + +table, tr, td, th { + border-collapse: collapse; +} + +table th, table td { + padding: 8px 16px; + + border-left: 1px solid var(--table-border-color); + border-right: 1px solid var(--table-border-color); +} + +table td:first-child, +table th:first-child { + border-left: none; +} +table td:last-child, +table th:last-child { + border-right: none; +} + +table th { + font-weight: bold; + text-align: left; +} + +table tr:nth-child(2n+1) td { + background-color: var(--table-background-color); +} + +body.dark-theme { + --table-border-color: #222; + --table-background-color: #333; + --text-color: #eee; + background-color: #111; +} + +body.dark-theme a:visited { + color: blueviolet; +} diff --git a/web/templates/index.html b/web/templates/index.html index f3e24bf..4b4602b 100644 --- a/web/templates/index.html +++ b/web/templates/index.html @@ -12,7 +12,7 @@

Blog of Pesto - reviewing all sorts of pesto + - reviewing all sorts of pesto

@@ -29,11 +29,11 @@ Each pesto is compared in these categories: I also list the ingredients and add some notes why I rated the pasta the way I did. I then give a final grade. @@ -42,7 +42,9 @@ {INDEX} -

The Pasta

+
+ +

The Reviews:

{PESTO_RATINGS} diff --git a/web/templates/review.html b/web/templates/review.html index cea215b..0a0963b 100644 --- a/web/templates/review.html +++ b/web/templates/review.html @@ -1,10 +1,10 @@ -

{TITLE}

+

{TITLE}

-

Date: {DATE}

+

Date: {DATE}

-

Notes: {NOTES}

+

Notes: {NOTES}

-

Ingredients: {INGREDIENTS}

+

Ingredients: {INGREDIENTS}

@@ -18,4 +18,6 @@
Size {RATING_SIZE}
-

Final raintg: {RATING}

\ No newline at end of file +

Final raiting: {RATING}

+ +
\ No newline at end of file