From c3d980b64181c29ba28679051a4096ecff04f9a6 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Luk=C3=A1=C5=A1=20Ji=C5=99i=C5=A1t=C4=9B?= Date: Sat, 21 Oct 2023 12:47:43 +0200 Subject: [PATCH] Create a basic web site Create a basic html site including: - home page - about page - project page - navigation "page" (used as iframe for navigation bar) - placeholder page - page handling 404 error - svg "logo" used on site and as favicon - css file holding the theme of the site --- src/about.html | 22 +++++++++++++++++ src/errors/status-404.html | 22 +++++++++++++++++ src/images/favicon.svg | 4 ++++ src/index.html | 19 +++++++++++++++ src/navigation.html | 48 ++++++++++++++++++++++++++++++++++++++ src/placeholder.html | 20 ++++++++++++++++ src/projects.html | 21 +++++++++++++++++ src/styles/main_style.css | 35 +++++++++++++++++++++++++++ 8 files changed, 191 insertions(+) create mode 100755 src/about.html create mode 100755 src/errors/status-404.html create mode 100755 src/images/favicon.svg create mode 100755 src/index.html create mode 100755 src/navigation.html create mode 100755 src/placeholder.html create mode 100755 src/projects.html create mode 100755 src/styles/main_style.css diff --git a/src/about.html b/src/about.html new file mode 100755 index 0000000..432a914 --- /dev/null +++ b/src/about.html @@ -0,0 +1,22 @@ + + + + + + About + + + + + +

+ About +

+ This site was created because I wanted to share my projects with people + who do not particularly like CLI git. I could have used GitHub but I + don't like Microsoft all that much and thought that creating this site + may be an experience. +

+ + diff --git a/src/errors/status-404.html b/src/errors/status-404.html new file mode 100755 index 0000000..1e30655 --- /dev/null +++ b/src/errors/status-404.html @@ -0,0 +1,22 @@ + + + + + + Error 404 + + + + + +

+ This page does not exist +

+ This page does not exist. Check that the web site address is spelled correctly. +

+ You can also navigate using the navigation bar above or redirect to Home page. +

+ + diff --git a/src/images/favicon.svg b/src/images/favicon.svg new file mode 100755 index 0000000..2f814be --- /dev/null +++ b/src/images/favicon.svg @@ -0,0 +1,4 @@ + diff --git a/src/index.html b/src/index.html new file mode 100755 index 0000000..330afb8 --- /dev/null +++ b/src/index.html @@ -0,0 +1,19 @@ + + + + + + Home + + + + + +

Welcome

+ Hello, I am LukÃ¡Å¡ and I welcome you to this site which hosts my + projects as well as some information about myself. +

This site is work in progress!

+ + diff --git a/src/navigation.html b/src/navigation.html new file mode 100755 index 0000000..2217ba8 --- /dev/null +++ b/src/navigation.html @@ -0,0 +1,48 @@ + + + + + + Navigation bar + + + + + +

+ + diff --git a/src/placeholder.html b/src/placeholder.html new file mode 100755 index 0000000..9d93727 --- /dev/null +++ b/src/placeholder.html @@ -0,0 +1,20 @@ + + + + + + Placeholder + + + + + +

+ Placeholder +

+ This is a placeholder page. +

+ + + diff --git a/src/projects.html b/src/projects.html new file mode 100755 index 0000000..d615e35 --- /dev/null +++ b/src/projects.html @@ -0,0 +1,21 @@ + + + + + + Projects + + + + + +

+ Projects +

+ This page will be an access point to my projects + for my convenience and for anyone to see. +

WORKÂ IN PROGRESS

+ + diff --git a/src/styles/main_style.css b/src/styles/main_style.css new file mode 100755 index 0000000..46a449f --- /dev/null +++ b/src/styles/main_style.css @@ -0,0 +1,35 @@ +body { + background-color: #383838; + color: #FFFFFF; +} +p { + max-width: 1000px; +} +iframe { + border: none; + height: 45px; + width: 100%; +} +a:link { + color: #5CDC1C; + background-color: transparent; + text-decoration: underline; +} +a:hover { + color: #5CDC1C; + background-color: transparent; + text-decoration: underline; +} +a:visited { + color: #3268CD; + background-color: transparent; + text-decoration: underline; +} +a:active { + color: yellow; + background-color: transparent; + text-decoration: underline; +} +#firsth { + margin-top: 5px; +} -- 2.30.2