diff --git a/about.html b/about.html new file mode 100644 index 0000000..7782aa5 --- /dev/null +++ b/about.html @@ -0,0 +1,14 @@ + + + + + + Document + + + +

About

+

This is the about page.

+ + + \ No newline at end of file diff --git a/archive.html b/archive.html new file mode 100644 index 0000000..43c382c --- /dev/null +++ b/archive.html @@ -0,0 +1,32 @@ + + + + + + EaglerArchive + + + + + + +
+

Archive

+
+ +
+ +
+ +
+ +
+ +
+
+ + \ No newline at end of file diff --git a/assets/fonts/SF-Pro-Display-Bold.otf b/assets/fonts/SF-Pro-Display-Bold.otf new file mode 100644 index 0000000..28fa5a4 Binary files /dev/null and b/assets/fonts/SF-Pro-Display-Bold.otf differ diff --git a/assets/fonts/SF-Pro-Display-Medium.otf b/assets/fonts/SF-Pro-Display-Medium.otf new file mode 100644 index 0000000..668ba74 Binary files /dev/null and b/assets/fonts/SF-Pro-Display-Medium.otf differ diff --git a/assets/images/Discord-icon-modified.png b/assets/images/Discord-icon-modified.png new file mode 100644 index 0000000..807e685 Binary files /dev/null and b/assets/images/Discord-icon-modified.png differ diff --git a/assets/images/EaglerArchive.png b/assets/images/EaglerArchive.png new file mode 100644 index 0000000..d3ed140 Binary files /dev/null and b/assets/images/EaglerArchive.png differ diff --git a/assets/images/ResentIcon.png b/assets/images/ResentIcon.png new file mode 100644 index 0000000..3c8806c Binary files /dev/null and b/assets/images/ResentIcon.png differ diff --git a/assets/images/eaglercraft.png b/assets/images/eaglercraft.png new file mode 100644 index 0000000..a63124d Binary files /dev/null and b/assets/images/eaglercraft.png differ diff --git a/assets/images/folder-closed.png b/assets/images/folder-closed.png new file mode 100644 index 0000000..66ce9f3 Binary files /dev/null and b/assets/images/folder-closed.png differ diff --git a/assets/images/folder-open.png b/assets/images/folder-open.png new file mode 100644 index 0000000..4b4292d Binary files /dev/null and b/assets/images/folder-open.png differ diff --git a/assets/images/hacker_group.png b/assets/images/hacker_group.png new file mode 100644 index 0000000..3a77d50 Binary files /dev/null and b/assets/images/hacker_group.png differ diff --git a/index.html b/index.html index 17813c9..851259d 100644 --- a/index.html +++ b/index.html @@ -3,20 +3,68 @@ - Document + EaglerArchive - + +
+ + +
+
+ + + +
+ Resent +
Resent 4.0 Available!
+
+ + + + + +
+ +
Join the discord server for the latest news and updates!
+
+ + + + + +
+ Hackers +
Hack Clients!
+
+ + + + +
4
+
5
+
6
+
+ +
+ \ No newline at end of file diff --git a/stylesheet.css b/stylesheet.css index 3e3abed..a631ca9 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -1,21 +1,174 @@ +body { + background-color: #222222; +} + +body { + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + padding: 0; +} + +@font-face { + font-family: 'SF-Bold'; + src: url('./assets/fonts/SF-Pro-Display-Bold.otf'); +} + +@font-face { + font-family: 'SF-Medium'; + src: url('./assets/fonts/SF-Pro-Display-Medium.otf'); +} + * { margin: 0; padding: 0; box-sizing: border-box; + font-family: 'SF-Medium'; +} + +#EaglerArchive { + display: flex; + flex-direction: row; +} + +#EaglerArchive h2 { + margin-right: 10px; } #nav_bar { display: flex; flex-direction:row; - align-items: center; + justify-content: space-between; + width: 100%; background-color: #333; color: white; padding: 10px; - margin: 0; + padding-left: 25%; + padding-right: calc(25% - 10px); + margin: 0 auto; +} + +#nav_bar img { + height: 40px; +} + +#nav_bar h2 { + font-family: 'SF-Bold'; + font-size: 30px; + margin-left: 10px; } #nav_bar a { color: white; text-decoration: none; padding: 10px; + margin-left: 10px; + margin-right: 10px; + border-radius: 10px; + + transition: background-color 0.75s ease, color 0.75s ease; } + +#nav_bar a:hover { + background-color: white; + color: rgb(0, 0, 0); +} + +#link_discord { + background-color: #5865F2; +} + +#view { + width: 100%; + height: calc(100vh - 120px); + padding-left: 25%; + padding-right: 25%; +} + +.folder { + background-image: url('./assets/folder-closed.png'); +} + +.folder:hover { + background-image: url('./assets/folder-open.png'); +} + +.box-container { + display: grid; + grid-template-columns: repeat(3, 2fr); + gap: 30px; + margin-top: 30px; + width: 100%; +} + +.box { + background-color: rgb(55, 55, 55); + font-size: 30px; + text-align: center; + padding: 25px; + border-radius: 20px; + text-decoration: none; + transition: background-color 0.75s ease, color 0.75s ease; +} + +.box-content { + display: flex; + flex-direction: column; + align-items: center; + text-decoration: none; + color: white; + transition: background-color 0.75s ease, color 1s ease; +} +.box:hover { + background-color: white; +} +.box:hover > .box-content { + color: rgb(0, 0, 0); +} + +/* ---------------------------------------------------------- */ + +.homepage_gridicon { + height: 75px; + width: 75px; + margin: 30px; +} + +.homepage_gridbanner { + margin: -25px; + border-top-left-radius: 20px; + border-top-right-radius: 20px; + margin-bottom: 25px; +} + +#discord-box { + background-color: #5865F2; + color: white; + transition: filter 0.75s ease, background-color 0.75s ease; + display: flex; +} + +#discord_div { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + +} + +#discord_icon { + height: 75px; + width: 75px; + margin: 30px; +} + +#discord-box:hover { + background-color: #ffffff; + +} + +#discord-box:hover > #discord_div{ + filter: invert(1); +} +