diff --git a/README.md b/README.md index 00b6e3d..7a0c976 100644 --- a/README.md +++ b/README.md @@ -5,4 +5,7 @@ This is the source code for my personal website. Check it out [here](https://janishutz.com). -As any custom website is, this one is also written entirely in HTML, CSS and JavaScript and only uses the jQuery library as an external library +As any custom website is, this one is also written entirely in HTML, CSS and JavaScript and now doesn't even use any external libraries + +# Building +cd to the site directory and run `npm run build` diff --git a/site/src/404.html b/site/src/404.html index a04e546..6afca9d 100644 --- a/site/src/404.html +++ b/site/src/404.html @@ -3,31 +3,16 @@ - janishutz.com - Solving your software needs with passion + 404 - Page not found | janishutz.com - -
-
-
- -
-
- -
-
- -
-
-
⮜
-
⮞
-
- +

404

+

The page you are looking for was not found!

diff --git a/site/src/css/footer.css b/site/src/css/footer.css index 8f0ef90..6ff81ef 100644 --- a/site/src/css/footer.css +++ b/site/src/css/footer.css @@ -1,3 +1,9 @@ +footer { + border-top: solid black 1px; + background-color: rgb(226, 226, 226); + width: 100vw; +} + footer .logo { height: 40vh; } \ No newline at end of file diff --git a/site/src/css/nav.css b/site/src/css/nav.css index c1e3b3d..6bd81fb 100644 --- a/site/src/css/nav.css +++ b/site/src/css/nav.css @@ -8,10 +8,15 @@ nav { height: 20vh; } -.nav-menu .logo { +.nav-menu .logo-wrapper { display: none; height: 90%; border-radius: 20px; + overflow: hidden; +} + +.nav-menu .logo { + height: 100%; } nav a { @@ -136,7 +141,7 @@ nav a { @media only screen and (min-width: 900px) { - .nav-menu .logo { + .nav-menu .logo-wrapper { display: unset; } @@ -147,6 +152,7 @@ nav a { .nav-menu { padding: 0; height: 20vh; + width: 100vw; justify-content: center; align-items: center; flex-direction: row; diff --git a/site/src/css/style.css b/site/src/css/style.css index 8b4657d..d9fdbcf 100644 --- a/site/src/css/style.css +++ b/site/src/css/style.css @@ -26,4 +26,16 @@ body { .content { width: 80%; +} + +.no-scroll { + overflow: hidden; +} + +.button { + padding: 20px; + background-color: rgb(21, 43, 92); + color: white; + text-decoration: none; + border-radius: 10px; } \ No newline at end of file diff --git a/site/src/index.html b/site/src/index.html index 90a15c9..c1328d5 100644 --- a/site/src/index.html +++ b/site/src/index.html @@ -7,9 +7,9 @@ janishutz.com - Solving your software needs with passion - - - + + + @@ -19,7 +19,7 @@ - + @@ -48,6 +48,9 @@

My work

+
+ +
diff --git a/site/src/nav.html b/site/src/nav.html index 4bfe0ed..45154d1 100644 --- a/site/src/nav.html +++ b/site/src/nav.html @@ -35,7 +35,9 @@ - + + +
@@ -66,7 +68,6 @@ const toggle = document.getElementsByClassName( 'nav-toggle' )[ 0 ]; const menu = document.getElementsByClassName( 'nav-menu' )[ 0 ]; const bar = document.getElementsByClassName( 'nav-top-bar' )[ 0 ]; - let isAllowedToScroll = true; function openMenu( action ) { if ( action === 'toggle' ) { @@ -76,11 +77,11 @@ openMenu( 'open' ); } } else if ( action === 'close' ) { - isAllowedToScroll = true; menu.classList.remove( 'active' ); toggle.classList.remove( 'active' ); + document.body.classList.remove( 'no-scroll' ); } else if ( action === 'open' ) { - isAllowedToScroll = false; + document.body.classList.add( 'no-scroll' ); toggle.classList.add( 'active' ); menu.classList.add( 'active' ); }