diff --git a/new/footer.css b/new/footer.css new file mode 100644 index 0000000..9552c53 --- /dev/null +++ b/new/footer.css @@ -0,0 +1,17 @@ + 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/footer/index.html b/new/footer/index.html deleted file mode 100644 index 62229de..0000000 --- a/new/footer/index.html +++ /dev/null @@ -1 +0,0 @@ -

uwu

\ No newline at end of file diff --git a/new/index.html b/new/index.html index 97b7c19..b17c3ea 100644 --- a/new/index.html +++ b/new/index.html @@ -1,17 +1,94 @@ + $TITLE
- - //TODO: add simple redirect for navigationn on browers with lack of object support - + +
+ Home + News +
+ +
+
+

Mega Menu

+
+
+
+

Category 1

+ Link 1 + Link 2 + Link 3 +
+
+

Category 2

+ Link 1 + Link 2 + Link 3 +
+
+

Category 3

+ Link 1 + Link 2 + Link 3 +
+
+
+
+
+ +
+ Link 1 + Link 2 + Link 3 +
+
- - + + uwu + \ No newline at end of file diff --git a/new/main.css b/new/main.css new file mode 100644 index 0000000..136d063 --- /dev/null +++ b/new/main.css @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/new/src/discord_icon.png b/new/src/discord_icon.png new file mode 100644 index 0000000..653d12b Binary files /dev/null and b/new/src/discord_icon.png differ diff --git a/new/src/github_icon.png b/new/src/github_icon.png new file mode 100644 index 0000000..c18272b Binary files /dev/null and b/new/src/github_icon.png differ diff --git a/new/src/instagram_icon.png b/new/src/instagram_icon.png new file mode 100644 index 0000000..c093f99 Binary files /dev/null and b/new/src/instagram_icon.png differ diff --git a/new/src/twitter_icon.png b/new/src/twitter_icon.png new file mode 100644 index 0000000..a98e572 Binary files /dev/null and b/new/src/twitter_icon.png differ diff --git a/new/src/youtube_icon.png b/new/src/youtube_icon.png new file mode 100644 index 0000000..4dd3a80 Binary files /dev/null and b/new/src/youtube_icon.png differ diff --git a/new/topnav.css b/new/topnav.css new file mode 100644 index 0000000..cd286c6 --- /dev/null +++ b/new/topnav.css @@ -0,0 +1,144 @@ +* { + box-sizing: border-box; + } + + body { + margin: 0; + } + + .navbar { + overflow: hidden; + background-color: #333; + font-family: Arial, Helvetica, sans-serif; + } + + .navbar a { + float: left; + font-size: 16px; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + .dropmenu { + float: left; + overflow: hidden; + } + + + + .navbar a:hover, .dropmenu:hover .dropmenubtn { + background-color: red; + } + + .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; + } + + .dropmenu-content .header { + background: red; + padding: 16px; + color: white; + } + + .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: 250px; + } + + .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: red; + } + + .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; + } + + .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: 3px; + outline: none; + color: white; + padding: 14px 16px; + background-color: inherit; + font: inherit; + margin: 3px; + } \ No newline at end of file diff --git a/new/topnav/index.html b/new/topnav/index.html deleted file mode 100644 index 62229de..0000000 --- a/new/topnav/index.html +++ /dev/null @@ -1 +0,0 @@ -

uwu

\ No newline at end of file