diff --git a/new/css/assets.css b/new/css/assets.css new file mode 100644 index 0000000..e3d945f --- /dev/null +++ b/new/css/assets.css @@ -0,0 +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; + } \ No newline at end of file diff --git a/new/css/dark-mode.css b/new/css/dark-mode.css new file mode 100644 index 0000000..1544aa7 --- /dev/null +++ b/new/css/dark-mode.css @@ -0,0 +1,3 @@ +.dark-mode { + background-color: darkgray; +} \ No newline at end of file diff --git a/new/css/footer.css b/new/css/footer.css new file mode 100644 index 0000000..6043cfd --- /dev/null +++ b/new/css/footer.css @@ -0,0 +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; + } \ No newline at end of file diff --git a/new/css/header.css b/new/css/header.css new file mode 100644 index 0000000..c3036c9 --- /dev/null +++ b/new/css/header.css @@ -0,0 +1,30 @@ + #header { + position: absolute; + top: 60; + width: 100%; + height: 500px; + background-image: url("../src/misc/headerBg.png"); + background-position: bottom; + background-size: cover; + z-index: -1; + } + #header h1 { + font-size: 200px; + padding-left: 70px; + } + + + .header a { + font-size: 50px; + } + + #error-msg { + color: #bababa; + margin-left: 200px; + margin-top: 300px; + margin-right: 100px; + border: 3px #bababa solid; + border-radius: 3px; + padding-left: 20px; + display: flex; + } \ No newline at end of file diff --git a/new/css/main.css b/new/css/main.css new file mode 100644 index 0000000..d41c988 --- /dev/null +++ b/new/css/main.css @@ -0,0 +1,9 @@ + html { + font-family: 'Courier New', monospace; + background-color: #bababa; + } + + + .body { + margin-top: 500px; + } \ No newline at end of file diff --git a/new/topnav.css b/new/css/topnav.css similarity index 68% rename from new/topnav.css rename to new/css/topnav.css index cd286c6..a97d601 100644 --- a/new/topnav.css +++ b/new/css/topnav.css @@ -2,17 +2,19 @@ box-sizing: border-box; } + body { margin: 0; } + .navbar { overflow: hidden; background-color: #333; font-family: Arial, Helvetica, sans-serif; + z-index: 9999999; } - - .navbar a { + .navbar a, button { float: left; font-size: 16px; color: white; @@ -20,6 +22,10 @@ padding: 14px 16px; text-decoration: none; } + + .navbar button { + background-color: none; + } .dropmenu { float: left; @@ -29,23 +35,45 @@ .navbar a:hover, .dropmenu:hover .dropmenubtn { - background-color: red; + background-color: #0D6769; } .dropmenu-content { display: none; position: absolute; - background-color: #f9f9f9; width: 100%; left: 0; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 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 { - background: red; + .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 { @@ -101,16 +129,29 @@ .navbar a:hover, .dropdown:hover .dropbtn { - background-color: red; + background-color: #0D6769; } .dropdown-content { display: none; position: absolute; - background-color: #f9f9f9; min-width: 160px; - box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 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 { @@ -134,11 +175,20 @@ .navbarbtn, .navbar a{ font-size: 16px; border: none; - border-radius: 3px; + border-radius: 4px; outline: none; color: white; padding: 14px 16px; background-color: inherit; font: inherit; margin: 3px; + } + + + .column a { + color: #0D6769; + } + + .column a:hover { + color: white; } \ No newline at end of file diff --git a/new/footer.css b/new/footer.css deleted file mode 100644 index 9552c53..0000000 --- a/new/footer.css +++ /dev/null @@ -1,17 +0,0 @@ - footer { - position: fixed; - bottom: 0; - width: 0; - } - - .contactIconDiv { - background-color: #195294; - width: 31px; - border-radius: 5px; - padding: 3px; - padding-bottom: 0px; - } - footer a { - margin: 5px; - background-color: #10335C; - } \ No newline at end of file diff --git a/new/index.html b/new/index.html index b17c3ea..f231f71 100644 --- a/new/index.html +++ b/new/index.html @@ -1,94 +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.

+
+
+ - uwu +
+
+ + + \ No newline at end of file diff --git a/new/main.css b/new/main.css deleted file mode 100644 index 136d063..0000000 --- a/new/main.css +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/new/news/ticker/index.html b/new/news/ticker/index.html new file mode 100644 index 0000000..fb515d1 --- /dev/null +++ b/new/news/ticker/index.html @@ -0,0 +1,36 @@ + + +
+
+ + + + + + +
+ + + + + +
+
+ + + + + + + + +
+
+
+ diff --git a/new/news/ticker/license.txt b/new/news/ticker/license.txt new file mode 100644 index 0000000..93b930c --- /dev/null +++ b/new/news/ticker/license.txt @@ -0,0 +1,10 @@ + + diff --git a/new/news/ticker/main.css b/new/news/ticker/main.css new file mode 100644 index 0000000..8d30bdb --- /dev/null +++ b/new/news/ticker/main.css @@ -0,0 +1,165 @@ +*, +*::before, +*::after { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + background-color: #1C2325; + color: #eee; +} + +.outer-wrapper { + width: 100%; + height: 100%; +} + +.s-wrap { + width: 100%; + margin-bottom: 0px; + padding-bottom: 55%; + position: relative; + border: 10px solid #fff; + background-color: #efefe8; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + overflow: hidden; +} +.s-wrap > input { + display: none; +} +.s-wrap .s-content { + margin: 0; + padding: 0; + position: absolute; + top: 0; + left: 0; + width: 500%; + height: 100%; + font-size: 0; + list-style: none; + transition: transform 1s; +} +.s-wrap .s-item { + display: inline-block; + width: 20%; + height: 100%; + background-repeat: no-repeat; + background-size: cover; +} +.s-wrap .s-item-1 { + background-image: url("https://images.unsplash.com/photo-1457369804613-52c61a468e7d?crop=entropy&fit=crop&fm=jpg&h=600&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=800"); +} +.s-wrap .s-item-2 { + background-image: url("https://images.unsplash.com/photo-1456318019777-ccdc4d5b2396?crop=entropy&fit=crop&fm=jpg&h=600&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=800"); +} +.s-wrap .s-item-3 { + background-image: url("https://images.unsplash.com/photo-1428189923803-e9801d464d76?crop=entropy&fit=crop&fm=jpg&h=600&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=800"); +} +.s-wrap .s-item-4 { + background-image: url("https://images.unsplash.com/photo-1422393462206-207b0fbd8d6b?crop=entropy&fit=crop&fm=jpg&h=600&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=800"); +} +.s-wrap .s-item-5 { + background-image: url("https://images.unsplash.com/photo-1439736637365-748f240b24fb?crop=entropy&fit=crop&fm=jpg&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=800"); +} + +.s-type-1 .s-control { + position: absolute; + bottom: 18px; + left: 50%; + text-align: center; + transform: translateX(-50%); + transition-timing-function: ease-out; +} +.s-type-1 .s-control > label[class^="s-c-"] { + display: inline-block; + width: 12px; + height: 12px; + margin-right: 10px; + border-radius: 50%; + border: 1px solid #999; + background-color: #efefe8; + cursor: pointer; +} +.s-type-1 .s-nav label { + display: none; + position: absolute; + top: 50%; + padding: 5px 10px; + transform: translateY(-50%); + cursor: pointer; +} +.s-type-1 .s-nav label::before, .s-type-1 .s-nav label::after { + content: ""; + display: block; + width: 8px; + height: 24px; + background-color: #fff; +} +.s-type-1 .s-nav label::before { + margin-bottom: -12px; +} +.s-type-1 .s-nav label.left { + left: 20px; +} +.s-type-1 .s-nav label.left::before { + transform: rotate(45deg); +} +.s-type-1 .s-nav label.left::after { + transform: rotate(-45deg); +} +.s-type-1 .s-nav label.right { + right: 20px; +} +.s-type-1 .s-nav label.right::before { + transform: rotate(-45deg); +} +.s-type-1 .s-nav label.right::after { + transform: rotate(45deg); +} +.s-type-1 #s-1:checked ~ .s-content { + transform: translateX(0%); +} +.s-type-1 #s-1:checked ~ .s-control .s-c-1 { + background-color: #333; +} +.s-type-1 #s-1:checked ~ .s-nav .s-nav-1 { + display: block; +} +.s-type-1 #s-2:checked ~ .s-content { + transform: translateX(-20%); +} +.s-type-1 #s-2:checked ~ .s-control .s-c-2 { + background-color: #333; +} +.s-type-1 #s-2:checked ~ .s-nav .s-nav-2 { + display: block; +} +.s-type-1 #s-3:checked ~ .s-content { + transform: translateX(-40%); +} +.s-type-1 #s-3:checked ~ .s-control .s-c-3 { + background-color: #333; +} +.s-type-1 #s-3:checked ~ .s-nav .s-nav-3 { + display: block; +} +.s-type-1 #s-4:checked ~ .s-content { + transform: translateX(-60%); +} +.s-type-1 #s-4:checked ~ .s-control .s-c-4 { + background-color: #333; +} +.s-type-1 #s-4:checked ~ .s-nav .s-nav-4 { + display: block; +} +.s-type-1 #s-5:checked ~ .s-content { + transform: translateX(-80%); +} +.s-type-1 #s-5:checked ~ .s-control .s-c-5 { + background-color: #333; +} +.s-type-1 #s-5:checked ~ .s-nav .s-nav-5 { + display: block; +} diff --git a/new/src/icons/account.png b/new/src/icons/account.png new file mode 100644 index 0000000..ffb5dcd Binary files /dev/null and b/new/src/icons/account.png differ diff --git a/new/src/icons/contact.png b/new/src/icons/contact.png new file mode 100644 index 0000000..3cc70c2 Binary files /dev/null and b/new/src/icons/contact.png differ diff --git a/new/src/icons/dark-mode.png b/new/src/icons/dark-mode.png new file mode 100644 index 0000000..7f71428 Binary files /dev/null and b/new/src/icons/dark-mode.png differ diff --git a/new/src/icons/downloads.svg b/new/src/icons/downloads.svg new file mode 100644 index 0000000..5819b8d --- /dev/null +++ b/new/src/icons/downloads.svg @@ -0,0 +1,4 @@ + + + + diff --git a/new/src/icons/license.png b/new/src/icons/license.png new file mode 100644 index 0000000..c5081f5 Binary files /dev/null and b/new/src/icons/license.png differ diff --git a/new/src/icons/news.png b/new/src/icons/news.png new file mode 100644 index 0000000..badd17e Binary files /dev/null and b/new/src/icons/news.png differ diff --git a/new/src/icons/projects.png b/new/src/icons/projects.png new file mode 100644 index 0000000..61a4e8b Binary files /dev/null and b/new/src/icons/projects.png differ diff --git a/new/src/icons/warning-symbolic-dark.png b/new/src/icons/warning-symbolic-dark.png new file mode 100644 index 0000000..1d4c838 Binary files /dev/null and b/new/src/icons/warning-symbolic-dark.png differ diff --git a/new/src/icons/warning-symbolic.png b/new/src/icons/warning-symbolic.png new file mode 100644 index 0000000..3e751eb Binary files /dev/null and b/new/src/icons/warning-symbolic.png differ diff --git a/new/src/icons/youtube.png b/new/src/icons/youtube.png new file mode 100644 index 0000000..574cebc Binary files /dev/null and b/new/src/icons/youtube.png differ diff --git a/new/src/discord_icon.png b/new/src/logos/discord_icon.png similarity index 100% rename from new/src/discord_icon.png rename to new/src/logos/discord_icon.png diff --git a/new/src/github_icon.png b/new/src/logos/github_icon.png similarity index 100% rename from new/src/github_icon.png rename to new/src/logos/github_icon.png diff --git a/new/src/instagram_icon.png b/new/src/logos/instagram_icon.png similarity index 100% rename from new/src/instagram_icon.png rename to new/src/logos/instagram_icon.png diff --git a/new/src/logos/logo_icon.png b/new/src/logos/logo_icon.png new file mode 100644 index 0000000..a0298a2 Binary files /dev/null and b/new/src/logos/logo_icon.png differ diff --git a/new/src/logos/logo_iconNoMargin.png b/new/src/logos/logo_iconNoMargin.png new file mode 100644 index 0000000..4e93d57 Binary files /dev/null and b/new/src/logos/logo_iconNoMargin.png differ diff --git a/new/src/twitter_icon.png b/new/src/logos/twitter_icon.png similarity index 100% rename from new/src/twitter_icon.png rename to new/src/logos/twitter_icon.png diff --git a/new/src/youtube_icon.png b/new/src/logos/youtube_icon.png similarity index 100% rename from new/src/youtube_icon.png rename to new/src/logos/youtube_icon.png diff --git a/new/src/misc/footerBg.png b/new/src/misc/footerBg.png new file mode 100644 index 0000000..11b2b76 Binary files /dev/null and b/new/src/misc/footerBg.png differ diff --git a/new/src/misc/headerBg.png b/new/src/misc/headerBg.png new file mode 100644 index 0000000..2320403 Binary files /dev/null and b/new/src/misc/headerBg.png differ diff --git a/new/src/misc/headerBg.png~ b/new/src/misc/headerBg.png~ new file mode 100644 index 0000000..03ed687 Binary files /dev/null and b/new/src/misc/headerBg.png~ differ diff --git a/new/tmp/colors.png b/new/tmp/colors.png new file mode 100644 index 0000000..89e653d Binary files /dev/null and b/new/tmp/colors.png differ