diff options
| -rw-r--r-- | css/styles.css | 4 | ||||
| -rw-r--r-- | www/images/scratch_rtx_0.png | bin | 0 -> 1065407 bytes | |||
| -rw-r--r-- | www/images/scratch_rtx_1.png | bin | 0 -> 1386455 bytes | |||
| -rw-r--r-- | www/index.html | 7 | ||||
| -rw-r--r-- | www/projects.html | 22 |
5 files changed, 32 insertions, 1 deletions
diff --git a/css/styles.css b/css/styles.css index f1759af..855f15b 100644 --- a/css/styles.css +++ b/css/styles.css @@ -27,6 +27,10 @@ button { background: #2a2a2a; } +img { + padding: 8px; +} + header { background: #202020; padding: 30px; diff --git a/www/images/scratch_rtx_0.png b/www/images/scratch_rtx_0.png new file mode 100644 index 0000000..762d406 --- /dev/null +++ b/www/images/scratch_rtx_0.png Binary files differdiff --git a/www/images/scratch_rtx_1.png b/www/images/scratch_rtx_1.png new file mode 100644 index 0000000..53dabc8 --- /dev/null +++ b/www/images/scratch_rtx_1.png Binary files differdiff --git a/www/index.html b/www/index.html index 65a72c9..b40895f 100644 --- a/www/index.html +++ b/www/index.html @@ -13,7 +13,12 @@ <h1> Links to content </h1> <p><a href="about">About</a></p> <p><a href="test">Testing</a></p> - <p><a>Projects <i>[WIP]</i></a></p> + <p><a href="projects">Projects</a></p> + </section> + <section> + <h1> Welcome to the small HTML Page </h1> + <p> You can read why this page exists in <a href="about">About</a> section, but TL;DR page was made for fun using python and standard libraries </p> + <p> Quite an empty looking page, but everything has its beginnings </p> </section> </div> <footer> diff --git a/www/projects.html b/www/projects.html new file mode 100644 index 0000000..e6c51c0 --- /dev/null +++ b/www/projects.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title> The YES's Page </title> + <link rel="stylesheet" href="css/styles.css"> +</head> +<body> + <header> + <div style="float: left"> <button onclick="window.location.href='/'" style="font-size: 20px">sh%t go back</button> </div> + <div style="margin: auto; width: fit-content;"> <b> Projects Of The Mighty HTML Page </b> </div> + </header> + <div id="section-div"> + <section> + <h1 style="padding-bottom: 10px"> Ray Tracing in Scratch </h1> + <img src="images/scratch_rtx_0.png" alt="Scratch RTX" width="500px"> <img src="images/scratch_rtx_1.png" alt="Scratch RTX" width="500px"> + </section> + </div> + <footer> + <p> I still have not a single bit of idea of what shall be put here </p> + </footer> +</body> +</html> |