diff --git a/assets/fonts/SF-Pro-Display-Black.otf b/assets/fonts/SF-Pro-Display-Black.otf new file mode 100644 index 0000000..8463d9b Binary files /dev/null and b/assets/fonts/SF-Pro-Display-Black.otf differ diff --git a/assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png b/assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png new file mode 100644 index 0000000..4a6342e Binary files /dev/null and b/assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png differ diff --git a/assets/icons/SF Symbols/hexagon.png b/assets/icons/SF Symbols/hexagon.png new file mode 100644 index 0000000..94298f1 Binary files /dev/null and b/assets/icons/SF Symbols/hexagon.png differ diff --git a/assets/icons/SF Symbols/house_fill.png b/assets/icons/SF Symbols/house_fill.png new file mode 100644 index 0000000..d627bfd Binary files /dev/null and b/assets/icons/SF Symbols/house_fill.png differ diff --git a/assets/icons/SF Symbols/plus_circle.png b/assets/icons/SF Symbols/plus_circle.png new file mode 100644 index 0000000..a699fea Binary files /dev/null and b/assets/icons/SF Symbols/plus_circle.png differ diff --git a/assets/icons/SF Symbols/question.png b/assets/icons/SF Symbols/question.png new file mode 100644 index 0000000..620f90f Binary files /dev/null and b/assets/icons/SF Symbols/question.png differ diff --git a/assets/icons/SF Symbols/square_stack_3d_down_right_fill.png b/assets/icons/SF Symbols/square_stack_3d_down_right_fill.png new file mode 100644 index 0000000..8b90fa8 Binary files /dev/null and b/assets/icons/SF Symbols/square_stack_3d_down_right_fill.png differ diff --git a/assets/images/EaglerArchive.png b/assets/images/EaglerArchive.png index d3ed140..33fe50e 100644 Binary files a/assets/images/EaglerArchive.png and b/assets/images/EaglerArchive.png differ diff --git a/assets/images/VanillaCraftSMP.png b/assets/images/VanillaCraftSMP.png new file mode 100644 index 0000000..ff46973 Binary files /dev/null and b/assets/images/VanillaCraftSMP.png differ diff --git a/assets/images/folder-closed.png b/assets/images/folder_closed.png similarity index 100% rename from assets/images/folder-closed.png rename to assets/images/folder_closed.png diff --git a/assets/images/folder-open.png b/assets/images/folder_open.png similarity index 100% rename from assets/images/folder-open.png rename to assets/images/folder_open.png diff --git a/assets/images/hacker_group.png b/assets/images/hacker_group.png index 3a77d50..30585bc 100644 Binary files a/assets/images/hacker_group.png and b/assets/images/hacker_group.png differ diff --git a/assets/images/server_banner.png b/assets/images/server_banner.png new file mode 100644 index 0000000..2f033a3 Binary files /dev/null and b/assets/images/server_banner.png differ diff --git a/assets/images/serverbanner.png b/assets/images/serverbanner.png new file mode 100644 index 0000000..026b229 Binary files /dev/null and b/assets/images/serverbanner.png differ diff --git a/assets/images/vanillacraftsmp.png b/assets/images/vanillacraftsmp.png deleted file mode 100644 index 9ba7ca6..0000000 Binary files a/assets/images/vanillacraftsmp.png and /dev/null differ diff --git a/assets/images/vanillacraftsmp_noBG.png b/assets/images/vanillacraftsmp_noBG.png deleted file mode 100644 index c2cc8d7..0000000 Binary files a/assets/images/vanillacraftsmp_noBG.png and /dev/null differ diff --git a/clients/1.3/1_3Clients.html b/clients/1.3/1_3Clients.html new file mode 100644 index 0000000..e69de29 diff --git a/clients/1.5/1_5Clients.html b/clients/1.5/1_5Clients.html new file mode 100644 index 0000000..e69de29 diff --git a/clients/1.8/1_8Clients.html b/clients/1.8/1_8Clients.html new file mode 100644 index 0000000..e69de29 diff --git a/clients/index.html b/clients/index.html new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index a71bf99..37d3bfd 100644 --- a/index.html +++ b/index.html @@ -7,24 +7,36 @@ - -
-
+ + +

Discord

+ +
@@ -33,17 +45,17 @@
- Resent -
Resent 4.0 Available!
+ Resent +

Resent 4.0 Available!

 -
- -
Join the discord server for the latest news and updates!
+
+ discord_icon +

Join the discord server for the latest news and updates!

 @@ -51,8 +63,16 @@
- Hackers -
Hack Clients!
+ Hackers +

Hack Clients!

+
+ + + + +
+ VanillaCraftSMP +

VanillaCraftSMP is back!

 @@ -60,14 +80,12 @@
- Server -
Join the server!
+ +

Create your own server!

 -
4
-
5
-
6
+
diff --git a/stylesheet.css b/stylesheet.css index f82a2a5..51cb75c 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -1,13 +1,21 @@ -body { - background-color: #222222; +:root { + --side_distance: 10%; } body { justify-content: center; align-items: center; height: 100vh; + width: 100%; margin: 0; padding: 0; + + background-color: #222222; +} + +@font-face { + font-family: 'SF-Black'; + src: url('./assets/fonts/SF-Pro-Display-Black.otf'); } @font-face { @@ -27,13 +35,34 @@ body { font-family: 'SF-Medium'; } +#link_EaglerArchive { + display: flex; + flex-direction: row; + align-items: center; + color: white; + text-decoration: none; + + margin-right: 10px; +} + +#link_EaglerArchive p { + margin-left: 10px; + font-family: 'SF-Black'; + font-size: 30px; +} + #EaglerArchive { display: flex; flex-direction: row; } -#EaglerArchive h2 { - margin-right: 10px; +#logo { + height: 40px; +} + +#EaglerArchive a { + display: flex; + flex-direction: row; } #nav_bar { @@ -44,25 +73,38 @@ body { background-color: #333; color: white; padding: 10px; - padding-left: 25%; - padding-right: calc(25% - 10px); - margin: 0 auto; -} - -#nav_bar img { - height: 40px; + padding-left: var(--side_distance); + padding-right: calc(var(--side_distance) - 10px); } #nav_bar h2 { font-family: 'SF-Bold'; font-size: 30px; - margin-left: 10px; + margin-right: 10px; } -#nav_bar a { +.icon_link { + width: 30px; + height: 30px; + margin: 7.5px; + + transition: filter 0.75s ease; +} + +#nav_bar a:hover > .icon_link { + filter: invert(1) +} + +.link-nav_bar { color: white; + + display: flex; + flex-direction: row; + align-items: center; text-decoration: none; - padding: 10px; + + + padding-right: 10px; margin-left: 10px; margin-right: 10px; border-radius: 10px; @@ -70,7 +112,7 @@ body { transition: background-color 0.75s ease, color 0.75s ease; } -#nav_bar a:hover { +#nav_bar a.link-nav_bar:hover { background-color: white; color: rgb(0, 0, 0); } @@ -82,8 +124,8 @@ body { #view { width: 100%; height: calc(100vh - 120px); - padding-left: 25%; - padding-right: 25%; + padding-left: 15%; + padding-right: 15%; } .folder { @@ -99,11 +141,12 @@ body { grid-template-columns: repeat(3, 2fr); gap: 30px; margin-top: 30px; - width: 100%; + max-width: 100%; } .box { background-color: rgb(55, 55, 55); + color: white; font-size: 30px; text-align: center; padding: 25px; @@ -118,8 +161,13 @@ body { align-items: center; text-decoration: none; color: white; - transition: background-color 0.75s ease, color 0.75s ease; + transition: background-color 0.75s ease, color 0.75s ease, filter 0.75s ease; } + +.box-content img { + transition: filter 0.75s ease; +} + .box:hover { background-color: white; } @@ -129,17 +177,18 @@ body { /* ---------------------------------------------------------- */ -.homepage_gridicon { +.box-icon { height: 75px; width: 75px; margin: 30px; } -.homepage_gridbanner { +.box-banner { margin: -25px; border-top-left-radius: 20px; border-top-right-radius: 20px; margin-bottom: 25px; + max-width: calc(100% + 50px); } #discord-box { @@ -153,6 +202,7 @@ body { font-size: 30px; text-decoration: none; + text-align: center; transition: background-color 0.75s ease; } @@ -173,14 +223,11 @@ body { #discord-box:hover { background-color: #ffffff; - } -#discord-box:hover > #discord_div{ +.box:hover > .box-content > .invert-icon { filter: invert(1); } -#discord-box:hover > #discord_div{ - filter: invert(1); -} +