From 5847297d34125ebee352db921a7c3756f5c6815c Mon Sep 17 00:00:00 2001 From: janis Date: Thu, 3 Nov 2022 16:22:14 +0100 Subject: [PATCH] updated home --- about.html | 26 +++++++++++++++++++++ index.html | 21 ++++++++++------- mainstyle.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 104 insertions(+), 8 deletions(-) create mode 100644 about.html create mode 100644 mainstyle.css diff --git a/about.html b/about.html new file mode 100644 index 0000000..c6a407d --- /dev/null +++ b/about.html @@ -0,0 +1,26 @@ + + + + Home - janishutz.com + + + + + + +

About me

+

I am a young person that is still in the process of getting really experienced with programming. I am really passionate about my projects. You may find more of my projects on github! +

+Github + + \ No newline at end of file diff --git a/index.html b/index.html index 2ebe9a0..20e0682 100644 --- a/index.html +++ b/index.html @@ -2,17 +2,22 @@ Home - janishutz.com - + -
-
- + +

Welcome to janishutz.com

\ No newline at end of file diff --git a/mainstyle.css b/mainstyle.css new file mode 100644 index 0000000..d8d56d1 --- /dev/null +++ b/mainstyle.css @@ -0,0 +1,65 @@ +body { + background-color: gray; +} + +.logo img { +width: 10% +} + +.Menu { + margin: 0; + padding: 0; + list-style-type: none; + overflow: hidden; + background-color: #38444d; +} + +.mainitems { + display: inline-block; +} + +a { + text-decoration: none; + display: inline-block; + padding: 20px; + color: white; +} + +a:hover { + background-color: darkblue; +} + +.dropdown-menu { + margin: 0; + padding: 0; + background-color: #38444d; + display: none; + list-style-type: none; + position: absolute; + min-width: 200px; +} + +@keyframes fadein { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes growDown { + 0% { + transform: scaleY(0) + } + 80% { + transform: scaleY(1.1) + } + 100% { + transform: scaleY(1) + } +} + +.dropdown:hover .dropdown-menu { + display: block; + animation: growDown 300ms ease-in-out forwards; +} + + +