diff options
| author | UltraQbik <no1skill@yandex.ru> | 2024-08-21 05:34:34 +0300 |
|---|---|---|
| committer | UltraQbik <no1skill@yandex.ru> | 2024-08-21 05:34:34 +0300 |
| commit | c94e71541d4869ab24da8e9cdb42c42b1fe95cbd (patch) | |
| tree | 69edf6c9c6637a39b230243616413d5570340afc | |
| parent | bb8ef70f5d86a4c3c9bae4957821a8ca67b216ad (diff) | |
| download | httpy-c94e71541d4869ab24da8e9cdb42c42b1fe95cbd.tar.gz httpy-c94e71541d4869ab24da8e9cdb42c42b1fe95cbd.zip | |
Update some pages and add new one
Template to have a nicer and more serious looking website
| -rw-r--r-- | css/styles.css | 9 | ||||
| -rw-r--r-- | www/about.html | 24 | ||||
| -rw-r--r-- | www/index.html | 8 |
3 files changed, 26 insertions, 15 deletions
diff --git a/css/styles.css b/css/styles.css index b41e2ff..c35da80 100644 --- a/css/styles.css +++ b/css/styles.css @@ -24,7 +24,7 @@ header { font-size: 30px; } -#cool-div { +#section-div { align-self: center; width: 50vw; } @@ -42,13 +42,6 @@ footer { margin-top: auto; } -#cool-butt { - background: white; - padding: 5px; - width: 100%; - font-size: 30px; -} - #git-butt { background: lawngreen; padding: 5px; diff --git a/www/about.html b/www/about.html new file mode 100644 index 0000000..41810e3 --- /dev/null +++ b/www/about.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title> The YES's Page </title> + <link rel="stylesheet" href="css/styles.css"> +</head> +<body> + <header> <b> About The Mighty HTML Page </b> </header> + <div id="section-div"> + <section> + <h1> Why does this exist? </h1> + <p> This page exists because I wanted to: </p> + <ul> + <li> First - learn how to write own simple HTTP server using python and standard libs </li> + <li> Second - finally create a page for myself, where I can share my projects without filesize limit and such </li> + <li> Third - I am interested on how safe my code and my safety practices are, so try to hack the page, and report on how you did it </li> + </ul> + </section> + </div> + <footer> + <p> I have no clue what to put in a footer </p> + </footer> +</body> +</html> diff --git a/www/index.html b/www/index.html index bdb132f..e7dfd8c 100644 --- a/www/index.html +++ b/www/index.html @@ -6,7 +6,7 @@ </head> <body> <header> <b> Welcome To The Mighty HTML Page </b> </header> - <div id="cool-div"> + <div id="section-div"> <section style="padding-top: 10px"> <h1> What is this? </h1> <p> > This is an HTML page! </p> @@ -32,12 +32,6 @@ <button id="git-butt" class="btn btn-success" onclick="window.open('https://github.com/UltraQbik/httpy','_blank')"> OPEN GITHUB NOW </button> </p> </section> - <section> - <h1> Useless button section? </h1> - <p style="padding-top: 12px"> - <button id="cool-butt"> Useless button section. </button> - </p> - </section> </div> <footer> <p> Hehe <i>foot</i>er </p> |