From 35d4d0ef3a9f3acf8cc83719f433066358f243cd Mon Sep 17 00:00:00 2001 From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com> Date: Sun, 15 Jan 2023 19:04:09 +0100 Subject: [PATCH] loads of progress. kinda --- .src/css/light/footer-old2.css | 59 +++++++++++++++++++++++++ .src/css/light/footer.css | 10 ++++- .src/css/light/header.css | 2 + .src/css/light/main.css | 15 +++++-- .src/css/light/popups.css | 81 ++++++++++++++++++++++++++++++++++ footer.html | 34 ++++++++------ header.html | 5 ++- index.html | 10 ++--- uwu.html | 48 +++++++++++++++++--- 9 files changed, 233 insertions(+), 31 deletions(-) create mode 100644 .src/css/light/footer-old2.css create mode 100644 .src/css/light/popups.css diff --git a/.src/css/light/footer-old2.css b/.src/css/light/footer-old2.css new file mode 100644 index 0000000..2b0a7c8 --- /dev/null +++ b/.src/css/light/footer-old2.css @@ -0,0 +1,59 @@ + footer { + position: absolute; + bottom: 0; + width: 100%; + background-image: url("/src/misc/footerBg.png"); + background-size: cover; + z-index: -10; + padding-top: 100px; + overflow: hidden; + } + 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/light/footer.css b/.src/css/light/footer.css index 7015705..75682c6 100755 --- a/.src/css/light/footer.css +++ b/.src/css/light/footer.css @@ -1,10 +1,18 @@ + body { + margin: 0px; + padding: 0px; + + } + + footer { bottom: 0; width: 100%; - background-image: url("/.src/misc/footerBg.png"); + background-image: url("/.src/assets/misc/footerBg.png"); background-size: cover; z-index: -10; padding-top: 100px; + position: absolute; } footer a { margin: 5px; diff --git a/.src/css/light/header.css b/.src/css/light/header.css index bdc7cc4..3a32222 100755 --- a/.src/css/light/header.css +++ b/.src/css/light/header.css @@ -12,6 +12,8 @@ width: 100%; height: 500px; z-index: -1; + background-image: url("/.src/assets/misc/headerBg.png"); + background-size: cover; } #header h1 { font-size: 150px; diff --git a/.src/css/light/main.css b/.src/css/light/main.css index fc7d706..9d42a0f 100755 --- a/.src/css/light/main.css +++ b/.src/css/light/main.css @@ -9,7 +9,7 @@ html { font-family: 'sary_soft_semiboldregular'; - background-color: #bababa; + margin: 0px; } @@ -20,6 +20,15 @@ html { #headerContent { background-image: url("/.src/assets/misc/headerBg.png"); - background-position: bottom; + background-position: bottom left; background-size: cover; - } \ No newline at end of file + } + + @media only screen and (max-device-width:842px) { + p, a { + /*font-size: 50px;*/ + } + #error-msg { + display: none; + } +} \ No newline at end of file diff --git a/.src/css/light/popups.css b/.src/css/light/popups.css new file mode 100644 index 0000000..e662565 --- /dev/null +++ b/.src/css/light/popups.css @@ -0,0 +1,81 @@ +.generic_popup { + display: none; + } + @media only screen and (max-device-width:842px) { + /* show the popup */ + .generic_popup { display: block; } +} + +.generic_popup { + position:absolute; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); + -webkit-animation-name: fadeIn; + -webkit-animation-duration: 0.4s; + animation-name: fadeIn; + animation-duration: 0.4s + } + + .generic_content { + position: fixed; + bottom: 0; + background-color: #fefefe; + width: 100%; + -webkit-animation-name: slideIn; + -webkit-animation-duration: 0.4s; + animation-name: slideIn; + animation-duration: 0.4s + } + + .close { + color: white; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + +.generic_header { + padding: 2px 16px; + background-color: #5cb85c; + color: white; + } + + .generic_body {padding: 2px 16px;} + + .generic_footer { + padding: 2px 16px; + background-color: #5cb85c; + color: white; + } + + @-webkit-keyframes slideIn { + from {bottom: -300px; opacity: 0} + to {bottom: 0; opacity: 1} + } + + @keyframes slideIn { + from {bottom: -300px; opacity: 0} + to {bottom: 0; opacity: 1} + } + + @-webkit-keyframes fadeIn { + from {opacity: 0} + to {opacity: 1} + } + + @keyframes fadeIn { + from {opacity: 0} + to {opacity: 1} + } \ No newline at end of file diff --git a/footer.html b/footer.html index 398bab8..a76eda0 100755 --- a/footer.html +++ b/footer.html @@ -1,49 +1,55 @@ + + \ No newline at end of file + + \ No newline at end of file diff --git a/header.html b/header.html index 91aa671..e92da8c 100755 --- a/header.html +++ b/header.html @@ -1,7 +1,8 @@
- - + + +
diff --git a/index.html b/index.html index 42a6c91..5f04334 100755 --- a/index.html +++ b/index.html @@ -1,11 +1,11 @@ - + DBPJP
- - + +
@@ -89,8 +89,8 @@