From ee006bbde255b9abbda39503b41e50dbe53bb16c Mon Sep 17 00:00:00 2001 From: fbievan Date: Fri, 19 Apr 2024 15:35:29 -0500 Subject: [PATCH 01/21] Initial commit --- README.md | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..331b9fa --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# Website-Redesign + +This is a a new site! A new canvas! \ No newline at end of file From 15944ec02334b543ea8ef3bf902b63931482dcf5 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Fri, 19 Apr 2024 16:07:35 -0500 Subject: [PATCH 02/21] 1 --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 331b9fa..7f3d19c 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ # Website-Redesign -This is a a new site! A new canvas! \ No newline at end of file +This is a a new site! A new canvas! + +beep From 9cbf43f26ee7aa5ed20d329375c6172cfed513b7 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Fri, 19 Apr 2024 16:15:37 -0500 Subject: [PATCH 03/21] Revert "1" This reverts commit 15944ec02334b543ea8ef3bf902b63931482dcf5. --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 7f3d19c..331b9fa 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,3 @@ # Website-Redesign -This is a a new site! A new canvas! - -beep +This is a a new site! A new canvas! \ No newline at end of file From ade58006f7c611d6dc2306f97833790c288304df Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Fri, 19 Apr 2024 22:09:38 -0500 Subject: [PATCH 04/21] Inital Site --- README.md | 3 --- 1 file changed, 3 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index 331b9fa..0000000 --- a/README.md +++ /dev/null @@ -1,3 +0,0 @@ -# Website-Redesign - -This is a a new site! A new canvas! \ No newline at end of file From 0032f8b892dc390e2bb928548ae42632928cc4e7 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Fri, 19 Apr 2024 22:13:16 -0500 Subject: [PATCH 05/21] Inital Site --- homepage.css | 22 ++++ index.html | 37 +++++++ post1.html | 19 ++++ readable.css | 287 +++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 365 insertions(+) create mode 100644 homepage.css create mode 100644 index.html create mode 100644 post1.html create mode 100644 readable.css diff --git a/homepage.css b/homepage.css new file mode 100644 index 0000000..2b415fc --- /dev/null +++ b/homepage.css @@ -0,0 +1,22 @@ +.articles { + padding: 5px; + border: var(--line-width) solid; + border-top-style: dashed; + border-bottom-style: dashed; + border-right-style: none; + border-left-style: none; +} + section { + border: var(--line-width) solid; + border-left-style: none; + border-right-style: none; + border-top-style: none; + text-align: left; + padding-bottom: 10px; + padding-top: 0px; +} +h3 { + text-align: left; + font-size: 1.4rem; + padding-top: 0px; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..f3a78b3 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + + + + + + + + + +

Fbi's Epic Blog

+
+
+ +

post 1

+ + This is my blog.. +
+
+ +

post 2

+ + This is cool +
+
+ +

post 3

+ + This is amazing +
+
+ + diff --git a/post1.html b/post1.html new file mode 100644 index 0000000..dc85602 --- /dev/null +++ b/post1.html @@ -0,0 +1,19 @@ + + + + + My First Post - Fbi's Epic Blog + + + + +

My First Post

+

+ Hello world +

+

This is my blog. I plan to talk about stuff where stuff is cool google

+ + + diff --git a/readable.css b/readable.css new file mode 100644 index 0000000..90ed52b --- /dev/null +++ b/readable.css @@ -0,0 +1,287 @@ +/* readable.css 1.1.0, licensed 0BSD */ + +/* Font family support */ +html, html[data-font-family="serif"] { + --font-family: serif; +} +html[data-font-family="sans-serif"] { + --font-family: sans-serif; +} +html[data-font-family="monospace"] { + --font-family: monospace; +} + +/* Color scheme support */ +html, html[data-theme="light"] { + --background-color: snow; + --color: #000; +} +html[data-high-contrast="on"], html[data-theme="light"][data-high-contrast="on"] { + --background-color: #fff; +} + +html[data-theme="dark"] { + --background-color: #1f272d; + --color: #fff; +} +html[data-theme="dark"][data-high-contrast="on"] { + --background-color: #000; +} + +@media (prefers-color-scheme: dark) { + html { + --background-color: #222830; + --color: #fff; + } + html[data-high-contrast="on"] { + --background-color: #000; + } +} + +@media (prefers-contrast: more) { + :is(html, html[data-theme="light"]):not([data-high-contrast="off"]) { + --background-color: #fff; + } + + html[data-theme="dark"]:not([data-high-contrast="off"]) { + --background-color: #000; + } +} + +/* Generic styles */ +:root { + --column-width: 67ch; + --form-width: 50ch; + --line-width: 0.125rem; + --line-height: 1.5; + + --one-line: calc(var(--line-height) * 1rem); + --half-line: calc(var(--one-line) * 0.5); + + font-family: var(--font-family); + + background-color: var(--background-color); + color: var(--color); +} + +a { + color: inherit; +} + +a:active { + color: red; +} + +header, footer, h1, h2 { + text-align: center; +} + +footer:not(.exclude) { + border-top: var(--line-width) solid; +} + +summary { + cursor: pointer; +} + +blockquote:not(.exclude) { + padding-left: var(--one-line); + border-left: var(--line-width) solid; +} + +ul, ol { + padding-left: calc(var(--line-height) * 2rem); +} + +:is(body, article, main, figure) > :is(img, video):not(.exclude) { + max-width: 100%; +} + +figure:not(.exclude) { + text-align: center; +} + +figure:not(.exclude) > * + figcaption { + margin-top: 0; + font-style: italic; +} + +article aside:not(.exclude) { + border: var(--line-width) solid; + padding: 0 var(--one-line); + border-radius: var(--half-line); +} + +pre { + max-width: 100%; + overflow: auto; +} + +hr { + color: inherit; + border: 0; + border-top: var(--line-width) solid; +} + +/* Vertical Rhythm */ +p, ul, ol, figcaption, nav, td, th, label { + line-height: var(--line-height); +} + +h1, h2, h3, h4, h5, h6, p, blockquote, hr, footer, header, nav, figure, figcaption, :is(ul, ol):not(li > *), :is(body, article, main) > :is(img, video, details):not(.exclude), table, article > aside, article > aside { + margin: var(--one-line) 0; +} + +/* Headings */ + +header h1 { + font-weight: normal; +} + +h1, h2 { + line-height: calc(var(--line-height) * 2rem); +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 1.75rem; +} + +h3, h4, h5, h6 { + line-height: var(--one-line); + padding-top: calc(var(--line-height) * 0.75rem); + margin-bottom: calc(var(--line-height) * 0.25rem); +} + +:is(h3, h4, h5, h6) + * { + margin-top: 0; +} + +/* Navbar */ +nav:not(.exclude:not([data-style]), [data-style="none"]) { /* This styling only affects the first nav element that is the direct child of the body */ + text-align: center; + border-width: var(--line-width) 0; + border-style: solid; + line-height: var(--line-height); + display: flex; + flex-flow: row wrap; +} + +nav:not(.exclude:not([data-style]), [data-style="none"]) > * { + flex-grow: 1; + margin: calc((var(--line-height) * 0.5rem) - var(--line-width)) var(--half-line); /* Put half a line's height on both top and bottom, then remove the width of the border */ + text-transform: uppercase; +} + +nav[data-style="blockout"], +nav:is([data-style="boxes"], [data-style="roundesque"]) a:is(:hover, :focus) { + background-color: var(--color); + color: var(--background-color); +} + +nav[data-style="blockout"] a { + text-decoration: none; +} + +nav[data-style="blockout"] a:is(:hover, :focus) { + background-color: var(--background-color); + color: var(--color); +} + +nav[data-style]:is([data-style="boxes"], [data-style="roundesque"]) { + border: 0; +} + +nav:is([data-style="boxes"], [data-style="roundesque"]) a { + text-decoration: none; + border: var(--line-width) solid; +} + +nav[data-style="roundesque"] a { + border-radius: calc(0.25 * var(--one-line)); +} + +@media (prefers-reduced-motion: no-preference) { + nav[data-style="classy"] span > a { + text-decoration: none; + display: inline-block; + } + + nav[data-style="classy"] span > a::after { + content: ''; + width: 0; + height: var(--line-width); + display: block; + background: var(--color); + transition: 150ms; + } + + nav[data-style="classy"] span > a:is(:hover, :focus)::after { + width: 100%; + } +} + +/* Column */ +body { + margin: 0 auto; + width: min(95%, var(--column-width)); +} + +/* Justification (default off; use data-justify="on" on to enable) */ +/* 67ch (var(--column-width) / 95% (column max-width) === 70.526315789ch */ +@media (min-width: 70.5ch) { + [data-justify="on"] body { + text-align: justify; + text-justify: inter-character; + } +} + +/* Tables */ +table:not(.exclude) { + display: block; + width: 100%; + overflow: auto; + border-collapse: collapse; +} + +table:not(.exclude) :is(td, th) { + padding: calc(var(--line-height) * 0.25rem); + border: var(--line-width) solid; +} + +table:not(.exclude) td { + word-wrap: break-word; +} + +/* Forms */ +form { + max-width: var(--form-width) +} + +form:not(.exclude) :is(label:not(input:is([type="checkbox"], [type="radio"]) + label), input:not([type="checkbox"], [type="radio"]), textarea, select) { + display: block; + margin: var(--half-line) 0; +} + +form:not(.exclude) :is(input:not([type="checkbox"], [type="radio"]), textarea, select), button { + box-sizing: border-box; + padding: var(--half-line); + background: transparent; + border: var(--line-width) solid; + color: inherit; + font: inherit; + width: 100%; +} + +button { + width: initial; +} + +form:not(.exclude) label:not(input:is([type="checkbox"], [type="radio"]) + label) { + font-weight: bold; +} + + From 3743d2d7b77e522ad9e353d98456b02c5b95beea Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Fri, 19 Apr 2024 22:37:13 -0500 Subject: [PATCH 06/21] Fix Margins --- homepage.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/homepage.css b/homepage.css index 2b415fc..9f21392 100644 --- a/homepage.css +++ b/homepage.css @@ -12,11 +12,13 @@ border-right-style: none; border-top-style: none; text-align: left; - padding-bottom: 10px; + padding-bottom: 20px; padding-top: 0px; } h3 { text-align: left; font-size: 1.4rem; + margin-top: 10px; padding-top: 0px; } + From b7771c92c9ce8cb3c37fd47ffcbcf23a73845998 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Fri, 19 Apr 2024 22:48:44 -0500 Subject: [PATCH 07/21] Fixup --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index f3a78b3..8752d0a 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@

Fbi's Epic Blog

From 3753b2977f1e00d97402e142eb4c2a3ffb34ee87 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Sat, 20 Apr 2024 10:21:45 -0500 Subject: [PATCH 08/21] Start on guestbook --- guestbook/index.html | 17 +++++++++++++++++ guestbook/submit.php | 2 ++ index.html | 2 +- 3 files changed, 20 insertions(+), 1 deletion(-) create mode 100644 guestbook/index.html create mode 100644 guestbook/submit.php diff --git a/guestbook/index.html b/guestbook/index.html new file mode 100644 index 0000000..3d3d67d --- /dev/null +++ b/guestbook/index.html @@ -0,0 +1,17 @@ + + + + + My Cool Guestbook! + + + + This is a guestbook, made by fbievan +
+ + + +
+ + + diff --git a/guestbook/submit.php b/guestbook/submit.php new file mode 100644 index 0000000..b988d9a --- /dev/null +++ b/guestbook/submit.php @@ -0,0 +1,2 @@ + Home Posts - Guestbook + Guestbook

Fbi's Epic Blog

From 8da3310285f9af6bc55ca97d5e36354c91805167 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Sat, 20 Apr 2024 12:45:21 -0500 Subject: [PATCH 09/21] Functioning Guestbook --- guestbook/index.html | 2 +- guestbook/submit.php | 23 ++++++++++++++++++++++- 2 files changed, 23 insertions(+), 2 deletions(-) diff --git a/guestbook/index.html b/guestbook/index.html index 3d3d67d..38025ad 100644 --- a/guestbook/index.html +++ b/guestbook/index.html @@ -7,7 +7,7 @@ This is a guestbook, made by fbievan -
+ diff --git a/guestbook/submit.php b/guestbook/submit.php index b988d9a..9352661 100644 --- a/guestbook/submit.php +++ b/guestbook/submit.php @@ -1,2 +1,23 @@ $fname, "message" => $fmsg); + +# Show Array +echo json_encode($savemsg); + + +# Setup JSON +$data = json_decode(file_get_contents('test.json', true)); + +# Add +array_unshift($data , $savemsg); + +var_dump($data); + +file_put_contents('test.json', json_encode($data, JSON_PRETTY_PRINT)); From 38f9f9e6f20907e0abb79f9e7fb50394c7561e45 Mon Sep 17 00:00:00 2001 From: "Evan G." Date: Sun, 21 Apr 2024 17:58:09 -0500 Subject: [PATCH 10/21] Implement Guestbook Display + Mobile Display --- guestbook/index.html | 30 +++++++++++++++++++++++++++++- guestbook/submit.php | 26 +++++++++++++++++--------- homepage.css | 43 +++++++++++++++++++++---------------------- index.html | 8 +++++++- post1.html | 1 + readable.css | 1 - 6 files changed, 75 insertions(+), 34 deletions(-) diff --git a/guestbook/index.html b/guestbook/index.html index 38025ad..17ab7bd 100644 --- a/guestbook/index.html +++ b/guestbook/index.html @@ -4,14 +4,42 @@ My Cool Guestbook! + + - This is a guestbook, made by fbievan +
+

Guestbook

+

This is a guestbook, made by fbievan

+
+ +
+ "; + foreach($data as $post) { + echo '
'; + echo "

"; + echo $post["name"] . "
"; + echo "

"; + echo "

"; + echo $post["message"] . "
"; + echo "

"; + echo "
"; + } + echo ""; + ?> +
+
+ I'm cool +
diff --git a/guestbook/submit.php b/guestbook/submit.php index 9352661..2f72818 100644 --- a/guestbook/submit.php +++ b/guestbook/submit.php @@ -1,23 +1,31 @@ $fname, "message" => $fmsg); -# Show Array -echo json_encode($savemsg); + # Setup JSON -$data = json_decode(file_get_contents('test.json', true)); +$data = json_decode(file_get_contents('test.json'), true); + # Add array_unshift($data , $savemsg); -var_dump($data); +# Check name and message +if ($fname == "") { + echo "There is no name, Try again with a name"; + exit(); +} +if ($fmsg == "") { + echo "There is no message, Try again with a message"; + exit(); +} file_put_contents('test.json', json_encode($data, JSON_PRETTY_PRINT)); + +echo $fmsg; + diff --git a/homepage.css b/homepage.css index 9f21392..e2ceb7c 100644 --- a/homepage.css +++ b/homepage.css @@ -1,24 +1,23 @@ -.articles { - padding: 5px; - border: var(--line-width) solid; - border-top-style: dashed; - border-bottom-style: dashed; - border-right-style: none; - border-left-style: none; -} - section { + .articles { + padding: 5px; border: var(--line-width) solid; - border-left-style: none; + border-top-style: dashed; + border-bottom-style: dashed; border-right-style: none; - border-top-style: none; - text-align: left; - padding-bottom: 20px; - padding-top: 0px; -} -h3 { - text-align: left; - font-size: 1.4rem; - margin-top: 10px; - padding-top: 0px; -} - + border-left-style: none; + } + section { + border: var(--line-width) solid; + border-left-style: none; + border-right-style: none; + border-top-style: none; + text-align: left; + padding-bottom: 20px; + padding-top: 0px; + } + h3 { + text-align: left; + margin-top: 10px; + padding-top: 0px; + } + diff --git a/index.html b/index.html index d70cd45..81138a4 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,9 @@ - + +

Fbi's Epic Blog

+ + + diff --git a/post1.html b/post1.html index dc85602..7a4ae73 100644 --- a/post1.html +++ b/post1.html @@ -4,6 +4,7 @@ My First Post - Fbi's Epic Blog +