diff --git a/.gitignore b/.gitignore old mode 100644 new mode 100755 diff --git a/.src/assets/404.gif b/.src/assets/404.gif old mode 100644 new mode 100755 diff --git a/.src/assets/account.png b/.src/assets/account.png old mode 100644 new mode 100755 diff --git a/.src/assets/contact.png b/.src/assets/contact.png old mode 100644 new mode 100755 diff --git a/.src/assets/dark-mode.png b/.src/assets/dark-mode.png old mode 100644 new mode 100755 diff --git a/.src/assets/discord_icon.png b/.src/assets/discord_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/downloads.svg b/.src/assets/downloads.svg old mode 100644 new mode 100755 index 5819b8d..6fbde76 --- a/.src/assets/downloads.svg +++ b/.src/assets/downloads.svg @@ -1,4 +1,4 @@ - - - - + + + + diff --git a/.src/assets/github_icon.png b/.src/assets/github_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/account.png b/.src/assets/icons/account.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/contact.png b/.src/assets/icons/contact.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/dark-mode.png b/.src/assets/icons/dark-mode.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/downloads.svg b/.src/assets/icons/downloads.svg old mode 100644 new mode 100755 index 5819b8d..6fbde76 --- a/.src/assets/icons/downloads.svg +++ b/.src/assets/icons/downloads.svg @@ -1,4 +1,4 @@ - - - - + + + + diff --git a/.src/assets/icons/license.png b/.src/assets/icons/license.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/news.png b/.src/assets/icons/news.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/projects.png b/.src/assets/icons/projects.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/warning-symbolic-dark.png b/.src/assets/icons/warning-symbolic-dark.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/warning-symbolic.png b/.src/assets/icons/warning-symbolic.png old mode 100644 new mode 100755 diff --git a/.src/assets/icons/youtube.png b/.src/assets/icons/youtube.png old mode 100644 new mode 100755 diff --git a/.src/assets/instagram_icon.png b/.src/assets/instagram_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/license.png b/.src/assets/license.png old mode 100644 new mode 100755 diff --git a/.src/assets/loading.gif b/.src/assets/loading.gif old mode 100644 new mode 100755 diff --git a/.src/assets/logo_icon.png b/.src/assets/logo_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/logo_iconNoMargin.png b/.src/assets/logo_iconNoMargin.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/discord_icon.png b/.src/assets/logos/discord_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/github_icon.png b/.src/assets/logos/github_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/instagram_icon.png b/.src/assets/logos/instagram_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/logo_icon.png b/.src/assets/logos/logo_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/logo_iconNoMargin.png b/.src/assets/logos/logo_iconNoMargin.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/twitter_icon.png b/.src/assets/logos/twitter_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/logos/youtube_icon.png b/.src/assets/logos/youtube_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/misc/footerBg.png b/.src/assets/misc/footerBg.png old mode 100644 new mode 100755 diff --git a/.src/assets/misc/headerBg.png b/.src/assets/misc/headerBg.png old mode 100644 new mode 100755 diff --git a/.src/assets/news.png b/.src/assets/news.png old mode 100644 new mode 100755 diff --git a/.src/assets/projects.png b/.src/assets/projects.png old mode 100644 new mode 100755 diff --git a/.src/assets/twitter_icon.png b/.src/assets/twitter_icon.png old mode 100644 new mode 100755 diff --git a/.src/assets/warning-symbolic-dark.png b/.src/assets/warning-symbolic-dark.png old mode 100644 new mode 100755 diff --git a/.src/assets/warning-symbolic.png b/.src/assets/warning-symbolic.png old mode 100644 new mode 100755 diff --git a/.src/assets/youtube.png b/.src/assets/youtube.png old mode 100644 new mode 100755 diff --git a/.src/assets/youtube_icon.png b/.src/assets/youtube_icon.png old mode 100644 new mode 100755 diff --git a/.src/css/assets.css b/.src/css/light/assets.css old mode 100644 new mode 100755 similarity index 94% rename from .src/css/assets.css rename to .src/css/light/assets.css index e3d945f..a6fd520 --- a/.src/css/assets.css +++ b/.src/css/light/assets.css @@ -1,34 +1,34 @@ -.arrow { - border: solid black; - border-width: 0 4px 4px 0; - display: inline-block; - padding: 3px; - float: right; - } - - .right { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - - .left { - transform: rotate(135deg); - -webkit-transform: rotate(135deg); - } - - .up { - transform: rotate(-135deg); - -webkit-transform: rotate(-135deg); - } - - .down { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - - - - .vl { - border-left: 6px solid grey; - height: 375px; +.arrow { + border: solid black; + border-width: 0 4px 4px 0; + display: inline-block; + padding: 3px; + float: right; + } + + .right { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + + .left { + transform: rotate(135deg); + -webkit-transform: rotate(135deg); + } + + .up { + transform: rotate(-135deg); + -webkit-transform: rotate(-135deg); + } + + .down { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + + + + .vl { + border-left: 6px solid grey; + height: 375px; } \ No newline at end of file diff --git a/.src/css/footer.css b/.src/css/light/footer.css old mode 100644 new mode 100755 similarity index 94% rename from .src/css/footer.css rename to .src/css/light/footer.css index ebd8fcc..7015705 --- a/.src/css/footer.css +++ b/.src/css/light/footer.css @@ -1,57 +1,57 @@ - footer { - bottom: 0; - width: 100%; - background-image: url("/.src/misc/footerBg.png"); - background-size: cover; - z-index: -10; - padding-top: 100px; - } - footer a { - margin: 5px; - background-color: #10335C; - } - - - .contactIconDiv { - background-color: gray; - width: 31px; - border-radius: 5px; - padding: 3px; - padding-bottom: 0px; - } - - - #innerFooterBox { - margin: 20%; - margin-top: 600px; - margin-bottom: 15px; - display: flex; - } - #innerFooterBox div { - margin: 10px; - } - - - #toplinks { - flex: content; - flex-direction: column; - } - #topLinks a, h1 { - background-color: transparent; - color: white; - text-decoration: none; - font-size: 30px; - } - #topLinks div a { - text-align: right; - } - - .footer-bar { - background-color: black; - padding: 0px; - color: white; - text-align: center; - } - .footer-bar a { - background-color: black; + footer { + bottom: 0; + width: 100%; + background-image: url("/.src/misc/footerBg.png"); + background-size: cover; + z-index: -10; + padding-top: 100px; + } + footer a { + margin: 5px; + background-color: #10335C; + } + + + .contactIconDiv { + background-color: gray; + width: 31px; + border-radius: 5px; + padding: 3px; + padding-bottom: 0px; + } + + + #innerFooterBox { + margin: 20%; + margin-top: 600px; + margin-bottom: 15px; + display: flex; + } + #innerFooterBox div { + margin: 10px; + } + + + #toplinks { + flex: content; + flex-direction: column; + } + #topLinks a, h1 { + background-color: transparent; + color: white; + text-decoration: none; + font-size: 30px; + } + #topLinks div a { + text-align: right; + } + + .footer-bar { + background-color: black; + padding: 0px; + color: white; + text-align: center; + } + .footer-bar a { + background-color: black; } \ No newline at end of file diff --git a/.src/css/header.css b/.src/css/light/header.css old mode 100644 new mode 100755 similarity index 67% rename from .src/css/header.css rename to .src/css/light/header.css index f72b614..bdc7cc4 --- a/.src/css/header.css +++ b/.src/css/light/header.css @@ -1,27 +1,39 @@ -@font-face { - font-family: 'sary_soft_semiboldregular'; - src: url('/.src/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'), - url('/.src/font/sary-soft.soft-semibold-webfont.woff') format('woff'); - font-weight: normal; - font-style: normal; - -} - #header { - position: absolute; - top: 60; - width: 100%; - height: 500px; - z-index: -1; - } - #header h1 { - font-size: 150px; - padding-left: 70px; - } - - - .header a { - font-size: 10px; - } - html { - font-family: 'sary_soft_semiboldregular'; - } \ No newline at end of file +@font-face { + font-family: 'sary_soft_semiboldregular'; + src: url('/.src/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'), + url('/.src/font/sary-soft.soft-semibold-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + #header { + position: absolute; + top: 60; + width: 100%; + height: 500px; + z-index: -1; + } + #header h1 { + font-size: 150px; + padding-left: 70px; + } + + + .header a { + font-size: 10px; + } + html { + font-family: 'sary_soft_semiboldregular'; + } + + #error-msg { + color: #bababa; + position: absolute; + left: 200px; + right: 120px; + bottom: 0; + border: 3px #bababa solid; + border-radius: 3px; + padding-left: 20px; + display: flex; + } diff --git a/.src/css/main.css b/.src/css/light/main.css old mode 100644 new mode 100755 similarity index 95% rename from .src/css/main.css rename to .src/css/light/main.css index 8a071ae..fc7d706 --- a/.src/css/main.css +++ b/.src/css/light/main.css @@ -1,25 +1,25 @@ -@font-face { - font-family: 'sary_soft_semiboldregular'; - src: url('/.src/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'), - url('/.src/font/sary-soft.soft-semibold-webfont.woff') format('woff'); - font-weight: normal; - font-style: normal; - -} - -html { - font-family: 'sary_soft_semiboldregular'; - background-color: #bababa; - margin: 0px; -} - - - .body { - margin-top: 500px; - } - - #headerContent { - background-image: url("/.src/assets/misc/headerBg.png"); - background-position: bottom; - background-size: cover; +@font-face { + font-family: 'sary_soft_semiboldregular'; + src: url('/.src/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'), + url('/.src/font/sary-soft.soft-semibold-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +html { + font-family: 'sary_soft_semiboldregular'; + background-color: #bababa; + margin: 0px; +} + + + .body { + margin-top: 500px; + } + + #headerContent { + background-image: url("/.src/assets/misc/headerBg.png"); + background-position: bottom; + background-size: cover; } \ No newline at end of file diff --git a/.src/css/topnav.css b/.src/css/light/topnav.css old mode 100644 new mode 100755 similarity index 80% rename from .src/css/topnav.css rename to .src/css/light/topnav.css index 854eb9e..f2f5060 --- a/.src/css/topnav.css +++ b/.src/css/light/topnav.css @@ -1,206 +1,230 @@ -* { - box-sizing: border-box; - } - - - body { - margin: 0; - } - - - .navbar { - overflow: hidden; - background-color: #333; - font-family: 'sary_soft_semiboldregular'; - z-index: 9999999; - top: 0; - } - .navbar a, button { - float: left; - font-size: 16px; - color: white; - text-align: center; - padding: 14px 16px; - text-decoration: none; - } - - .navbar button { - background-color: none; - } - - .dropmenu { - float: left; - overflow: hidden; - } - - - - .navbar a:hover, .dropmenu:hover .dropmenubtn { - background-color: #0D6769; - } - - .dropmenu-content { - display: none; - position: absolute; - width: 100%; - left: 0; - z-index: 1; - margin-top: 50px; - } - - .dropmenu-content-content { - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); - padding-bottom: 2px; - margin: 5px; - margin-top: 10px; - background-color: #ccc; - border-radius: 10px; - } - - .dropmenu-content .header-mega { - background: #0D6769; - padding: 16px; - color: white; - border-radius: 9px 9px 0px 0px; - } - - #header-mega-all { - background-color: #0E5773; - margin: 5px; - border-radius: 10px; - } - #header-mega-all a { - height: 100%; - width: 100%; - margin-left: 0px; - font-size: 15px; - border-radius: 8px; - } - - .dropmenu:hover .dropmenu-content { - display: block; - } - - /* Create three equal columns that floats next to each other */ - .column { - float: left; - width: 33.33%; - padding: 10px; - background-color: #ccc; - height: 330px; - } - - .column a { - float: none; - color: black; - padding: 16px; - text-decoration: none; - display: block; - text-align: left; - } - - .column a:hover { - background-color: #ddd; - } - - /* Clear floats after the columns */ - .row:after { - content: ""; - display: table; - clear: both; - } - - /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ - @media screen and (max-width: 600px) { - .column { - width: 100%; - height: auto; - } - } - - - - - - - .dropdown { - float: left; - overflow: hidden; - } - - - .navbar a:hover, .dropdown:hover .dropbtn { - background-color: #0D6769; - } - - .dropdown-content { - display: none; - position: absolute; - min-width: 160px; - z-index: 1; - margin-top: 49px; - border-radius: 10px; - } - - .dropdown-content-content { - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); - background-color: #0D6769; - margin-top: 10px; - padding: 3px; - border-radius: 10px; - } - - .dropdown-content-content a:hover { - color: #0D6769; - border-radius: 8px; - } - - .dropdown-content a { - float: none; - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; - text-align: left; - } - - .dropdown-content a:hover { - background-color: #ddd; - } - - .dropdown:hover .dropdown-content { - display: block; - } - - /* Navbar button style */ - .navbarbtn, .navbar a{ - font-size: 16px; - border: none; - border-radius: 4px; - outline: none; - color: white; - padding: 14px 16px; - background-color: inherit; - margin: 3px; - } - - - .column a { - color: #0D6769; - } - - .column a:hover { - color: white; - } - - .expandonhover { - float: right; - width: 55px; - height: 55px; - transition: width 0.5s; - -webkit-transition: width 0.5s; - overflow: hidden; - } - .navbar:hover .expandonhover { - width: 230px; - } \ No newline at end of file +* { + box-sizing: border-box; + } + + + body { + margin: 0; + } + + + .navbar { + overflow: hidden; + background-color: #333; + font-family: 'sary_soft_semiboldregular'; + z-index: 9999999; + } + .navbar a, button { + float: left; + font-size: 16px; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + .navbar button { + background-color: none; + } + + .dropmenu { + float: left; + overflow: hidden; + } + + + + .navbar a:hover, .dropmenu:hover .dropmenubtn { + background-color: #0D6769; + } + + .dropmenu-content { + display: none; + position: absolute; + width: 100%; + left: 0; + z-index: 1; + margin-top: 50px; + } + + .dropmenu-content-content { + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + padding-bottom: 2px; + margin: 5px; + margin-top: 10px; + background-color: #ccc; + border-radius: 10px; + } + + .dropmenu-content .header-mega { + background: #0D6769; + padding: 16px; + color: white; + border-radius: 9px 9px 0px 0px; + } + + #header-mega-all { + background-color: #0E5773; + margin: 5px; + border-radius: 10px; + } + #header-mega-all a { + height: 100%; + width: 100%; + margin-left: 0px; + font-size: 15px; + border-radius: 8px; + } + + .dropmenu:hover .dropmenu-content { + display: block; + } + + /* Create three equal columns that floats next to each other */ + .column { + float: left; + width: 33.33%; + padding: 10px; + background-color: #ccc; + height: 330px; + } + + .column a { + float: none; + color: black; + padding: 16px; + text-decoration: none; + display: block; + text-align: left; + } + + .column a:hover { + background-color: #ddd; + } + + /* Clear floats after the columns */ + .row:after { + content: ""; + display: table; + clear: both; + } + + /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ + @media screen and (max-width: 600px) { + .column { + width: 100%; + height: auto; + } + } + + + + + + + .dropdown { + float: left; + overflow: hidden; + } + + + .navbar a:hover, .dropdown:hover .dropbtn { + background-color: #0D6769; + } + + .dropdown-content { + display: none; + position: absolute; + min-width: 160px; + z-index: 1; + margin-top: 49px; + border-radius: 10px; + } + + .dropdown-content-content { + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + background-color: #0D6769; + margin-top: 10px; + padding: 3px; + border-radius: 10px; + } + + .dropdown-content-content a:hover { + color: #0D6769; + border-radius: 8px; + } + + .dropdown-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + + .dropdown-content a:hover { + background-color: #ddd; + } + + .dropdown:hover .dropdown-content { + display: block; + } + + /* Navbar button style */ + .navbarbtn, .navbar a{ + font-size: 16px; + border: none; + border-radius: 4px; + outline: none; + color: white; + padding: 14px 16px; + background-color: inherit; + margin: 3px; + } + + + .column a { + color: #0D6769; + } + + .column a:hover { + color: white; + } + + .expandonhover { + float: right; + width: 55px; + height: 55px; + transition: width 0.5s; + -webkit-transition: width 0.5s; + overflow: hidden; + } + .navbar:hover .expandonhover { + width: 230px; + } + + #website-under-construction { + background-color: orange; + color: #333333; + width: auto; + height: 50px; + display: inline-block; + width: 240px; + transition: width 0.5s; + -webkit-transition: width 0.5s; + overflow: hidden; + background-image: url(/.src/assets/warning-symbolic-dark.png); + background-size: 30px 30px; + background-repeat: no-repeat; + background-position: left center; + background-position-x: 10px; + } + + @media screen and (max-width: 1021px) { + .navbar:hover #website-under-construction { + width: 50px; + } +} + + \ No newline at end of file diff --git a/.src/font/sary-soft.soft-regular-webfont.css b/.src/font/sary-soft.soft-regular-webfont.css old mode 100644 new mode 100755 index 4e0e0a5..da75467 --- a/.src/font/sary-soft.soft-regular-webfont.css +++ b/.src/font/sary-soft.soft-regular-webfont.css @@ -1,12 +1,12 @@ -/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2022 */ - - - -@font-face { - font-family: 'sary_softregular'; - src: url('sary-soft.soft-regular-webfont.woff2') format('woff2'), - url('sary-soft.soft-regular-webfont.woff') format('woff'); - font-weight: normal; - font-style: normal; - +/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2022 */ + + + +@font-face { + font-family: 'sary_softregular'; + src: url('sary-soft.soft-regular-webfont.woff2') format('woff2'), + url('sary-soft.soft-regular-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } \ No newline at end of file diff --git a/.src/font/sary-soft.soft-regular-webfont.woff b/.src/font/sary-soft.soft-regular-webfont.woff old mode 100644 new mode 100755 diff --git a/.src/font/sary-soft.soft-regular-webfont.woff2 b/.src/font/sary-soft.soft-regular-webfont.woff2 old mode 100644 new mode 100755 diff --git a/.src/font/sary-soft.soft-semibold-webfont.css b/.src/font/sary-soft.soft-semibold-webfont.css old mode 100644 new mode 100755 index 1555ee2..e7134c6 --- a/.src/font/sary-soft.soft-semibold-webfont.css +++ b/.src/font/sary-soft.soft-semibold-webfont.css @@ -1,12 +1,12 @@ -/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2022 */ - - - -@font-face { - font-family: 'sary_soft_semiboldregular'; - src: url('sary-soft.soft-semibold-webfont.woff2') format('woff2'), - url('sary-soft.soft-semibold-webfont.woff') format('woff'); - font-weight: normal; - font-style: normal; - +/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2022 */ + + + +@font-face { + font-family: 'sary_soft_semiboldregular'; + src: url('sary-soft.soft-semibold-webfont.woff2') format('woff2'), + url('sary-soft.soft-semibold-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } \ No newline at end of file diff --git a/.src/font/sary-soft.soft-semibold-webfont.woff b/.src/font/sary-soft.soft-semibold-webfont.woff old mode 100644 new mode 100755 diff --git a/.src/font/sary-soft.soft-semibold-webfont.woff2 b/.src/font/sary-soft.soft-semibold-webfont.woff2 old mode 100644 new mode 100755 diff --git a/.template/index.html b/.template/index.html old mode 100644 new mode 100755 index f231f71..a82caea --- a/.template/index.html +++ b/.template/index.html @@ -1,136 +1,136 @@ - - - - $TITLE -
- - - -
-
-
- -
-
-

See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.

-
-
- - -
-
- - - - - - + + + + $TITLE +
+ + + +
+
+
+ +
+
+

See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.

+
+
+ + +
+
+ + + + + + \ No newline at end of file diff --git a/404.html b/404.html old mode 100644 new mode 100755 diff --git a/CNAME b/CNAME old mode 100644 new mode 100755 index 0bf8d33..a7e3284 --- a/CNAME +++ b/CNAME @@ -1 +1 @@ -jonasjones.me +jonasjones.me diff --git a/README.md b/README.md old mode 100644 new mode 100755 index a5f5f6b..4c0c7b4 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ -# J-onasJones.github.io - -You just found the repo for my Homepage (http://jonasjones.me/) I guess. It's still a wip (work in progress) but some of it is already done although it is definetly not final - -# License - -This project is currently under the DWTFYW License which is subject to change. +# J-onasJones.github.io + +You just found the repo for my Homepage (http://jonasjones.me/) I guess. It's still a wip (work in progress) but some of it is already done although it is definetly not final + +# License + +This project is currently under the DWTFYW License which is subject to change. diff --git a/footer.html b/footer.html old mode 100644 new mode 100755 index f3f09d2..398bab8 --- a/footer.html +++ b/footer.html @@ -1,49 +1,49 @@ -