diff --git a/css/rules.css b/css/rules.css new file mode 100644 index 0000000..b00a699 --- /dev/null +++ b/css/rules.css @@ -0,0 +1,158 @@ +.carousel-item { + height: auto; + min-height: 350px; + background: no-repeat center center scroll; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + } + + #whythegrass { + text-align: center; + } + + .borderwhite { + border-width: 5px; + border-color: white; + } + + /* Website Color Themes */ + /* Main Color */ + .main-f-color { + color: rgb(140,93,215); + transition: 0.4s; + } + /* Color when hovering by the mouse pointer */ + .main-f-color:hover { + box-shadow: 0 0 7px 2px rgb(92,45,179); + color: rgb(65, 179, 45); + transition: 0.4s; + } + + /* Every TAG into Html files that uses this class, will + get a gray color */ + + .textgray { + color: gray; + } + + /* Every TAG into Html files that uses this class, will + get a black color */ + + .textblack { + color: black; + } + + /* Every TAG into Html files that uses this class, will + get a black color */ + + .textwhite { + color: white; + } + + /* Every TAG into Html files that uses this class, will + get a gray background color */ + + .backgray { + background-color: rgb(248, 248, 248); + } + + section div { + text-align: center; + } + + .center { + text-align: center; + } + + .left { + text-align: left; + } + + .right { + text-align: right; + } + + /* testimonials */ + + + #testimonials { + padding: 1% 15%; + text-align: center; + color: white; + } + + .testemonial-image { + width: 10%; + border-radius: 100%; + margin: 20px; + } + + /* + #serverfeatures { + text-align: left; + } + */ + + /* Server features blocks */ + + .featureboxes { + border: 0px solid white; + transition: 0.15s; + width: auto; + height: auto; + text-align: center; + } + + .featureboxes:hover { + transition: 0.15s; + transform: scale(1.01); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ + border-radius: 3px; + text-align: center; + } + + /* The following class resizes the images for features */ + .img-featureboxes { + max-width: 100px; + max-height: 100px; + width: auto; + height: auto; + text-align: center; + } + + /* For the Player count */ + .playercount { + display: inline-block; + } + + /* For the News. Should have a predetermined size */ + .img-news { + max-width: 700px; + max-height: 350px; + } + + /* For footer Medias */ + + .medias { + color: gray; + text-decoration: none; + text-align: center; + } + + .medias:hover + { + color: gray; + text-decoration: none; + cursor: pointer; + } + + .card-img-top { + max-width: 150px; + max-height: 150px; + width: auto; + height: auto; + text-align: center; + align-content: center; + padding-top: 1rem; + } \ No newline at end of file diff --git a/css/setup.css b/css/setup.css new file mode 100644 index 0000000..618d1c6 --- /dev/null +++ b/css/setup.css @@ -0,0 +1,98 @@ +@import url(https://fonts.googleapis.com/css?family=Roboto:300); + +.login-page { + width: 360px; + padding: 8% 0 0; + margin: auto; +} +.form { + position: relative; + z-index: 1; + background: #FFFFFF; + max-width: 360px; + margin: 0 auto 100px; + padding: 45px; + text-align: center; + box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24); +} +.form input { + font-family: "Roboto", sans-serif; + outline: 0; + background: #f2f2f2; + width: 100%; + border: 0; + margin: 0 0 15px; + padding: 15px; + box-sizing: border-box; + font-size: 14px; +} +.form button { + font-family: "Roboto", sans-serif; + text-transform: uppercase; + outline: 0; + background: rgb(114,20,195); + width: 100%; + border: 0; + padding: 15px; + color: #FFFFFF; + font-size: 14px; + transition: all 0.3 ease; + cursor: pointer; + border-width: 10px; + transition: 0.3s; + +} +.form button:hover,.form button:active,.form button:focus { + background: rgb(48,12,116); + transition: 0.3s; + +} +.form .message { + margin: 15px 0 0; + color: #b3b3b3; + font-size: 12px; +} +.form .message a { + color: #5F31B4; + text-decoration: none; +} +.form .register-form { + display: none; +} +.container { + position: relative; + z-index: 1; + max-width: 300px; + margin: 0 auto; +} +.container:before, .container:after { + content: ""; + display: block; + clear: both; +} +.container .info { + margin: 50px auto; + text-align: center; +} +.container .info h1 { + margin: 0 0 15px; + padding: 0; + font-size: 36px; + font-weight: 300; + color: #1a1a1a; +} +.container .info span { + color: #4d4d4d; + font-size: 12px; +} +.container .info span a { + color: #000000; + text-decoration: none; +} +.container .info span .fa { + color: #EF3B3A; +} + +.card-img-top { + height: 50px 50px; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..756344f --- /dev/null +++ b/css/style.css @@ -0,0 +1,158 @@ +.carousel-item { + height: auto; + min-height: 350px; + background: no-repeat center center scroll; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} + +#whythegrass { + text-align: center; +} + +.borderwhite { + border-width: 5px; + border-color: white; +} + +/* Website Color Themes */ +/* Main Color */ +.main-f-color { + color: rgb(138,81,209); + transition: 0.4s; +} +/* Color when hovering by the mouse pointer */ +.main-f-color:hover { + box-shadow: 0 0 7px 2px rgb(114,20,195); + color: rgb(114,20,195); + transition: 0.4s; +} + + /* Every TAG into Html files that uses this class, will + get a gray color */ + +.textgray { + color: gray; +} + + /* Every TAG into Html files that uses this class, will + get a black color */ + +.textblack { + color: black; +} + + /* Every TAG into Html files that uses this class, will + get a black color */ + + .textwhite { + color: white; + } + + /* Every TAG into Html files that uses this class, will + get a gray background color */ + +.backgray { + background-color: rgb(248, 248, 248); +} + +section div { + text-align: center; +} + +.center { + text-align: center; +} + +.left { + text-align: left; +} + +.right { + text-align: right; +} + +/* testimonials */ + + +#testimonials { + padding: 1% 15%; + text-align: center; + color: white; +} + +.testemonial-image { + width: 10%; + border-radius: 100%; + margin: 20px; +} + +/* +#serverfeatures { + text-align: left; +} +*/ + +/* Server features blocks */ + +.featureboxes { + border: 0px solid white; + transition: 0.15s; + width: auto; + height: auto; + text-align: center; +} + +.featureboxes:hover { + transition: 0.15s; + transform: scale(1.01); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ + border-radius: 3px; + text-align: center; +} + +/* The following class resizes the images for features */ +.img-featureboxes { + max-width: 100px; + max-height: 100px; + width: auto; + height: auto; + text-align: center; +} + +/* For the Player count */ +.playercount { + display: inline-block; +} + +/* For the News. Should have a predetermined size */ +.img-news { + max-width: 700px; + max-height: 350px; +} + +/* For footer Medias */ + +.medias { + color: gray; + text-decoration: none; + text-align: center; +} + +.medias:hover +{ + color: gray; + text-decoration: none; + cursor: pointer; +} + +.card-img-top { + max-width: 150px; + max-height: 150px; + width: auto; + height: auto; + text-align: center; + align-content: center; + padding-top: 1rem; +} \ No newline at end of file diff --git a/img/Instagram.png b/img/Instagram.png new file mode 100644 index 0000000..1f5d9e9 Binary files /dev/null and b/img/Instagram.png differ diff --git a/img/TikTok.png b/img/TikTok.png new file mode 100644 index 0000000..4fe41b2 Binary files /dev/null and b/img/TikTok.png differ diff --git a/img/features1.png b/img/features1.png new file mode 100644 index 0000000..fd413c2 Binary files /dev/null and b/img/features1.png differ diff --git a/img/features2.png b/img/features2.png new file mode 100644 index 0000000..b285b46 Binary files /dev/null and b/img/features2.png differ diff --git a/img/features3.png b/img/features3.png new file mode 100644 index 0000000..cbda3a7 Binary files /dev/null and b/img/features3.png differ diff --git a/img/minecraft-chest.jpg b/img/minecraft-chest.jpg new file mode 100644 index 0000000..96cd3e8 Binary files /dev/null and b/img/minecraft-chest.jpg differ diff --git a/img/ram.jfif b/img/ram.jfif new file mode 100644 index 0000000..7f4e5eb Binary files /dev/null and b/img/ram.jfif differ diff --git a/img/serverlogo.png b/img/serverlogo.png new file mode 100644 index 0000000..cb7d44f Binary files /dev/null and b/img/serverlogo.png differ diff --git a/img/slide1.png b/img/slide1.png new file mode 100644 index 0000000..472463f Binary files /dev/null and b/img/slide1.png differ diff --git a/img/slide2.png b/img/slide2.png new file mode 100644 index 0000000..c4b7925 Binary files /dev/null and b/img/slide2.png differ diff --git a/img/slide3.png b/img/slide3.png new file mode 100644 index 0000000..a5a1e85 Binary files /dev/null and b/img/slide3.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ccff2c0 --- /dev/null +++ b/index.html @@ -0,0 +1,652 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + TheGrassBlock Server + + + + + + + + + + +
+ +
+ + +
+
+

Why the LunaMC Network?

+

The best server ever! The community is great!

+
+
+ +
+
+
+
+ +

Super Fast

+

We are locally, meaning no monthly bills that threaten the existence of the server! Upgrades are permanent and increase performance permanently.

+
+
+ +

Great Connection

+

Situated on the NA-East region of the world, the server is most optimally placed for access by both the East and West! This provides relatively low latency for most of our players!

+
+
+ +

Guaranteed fun.

+

We strive to create the best community possible by offering many other services like a forum, Discord server, and much more!

+
+
+
+
+ + +
+
+

News

+

News coming out of the oven!

+
+
+ + +
+ +
+ +
+
+
+
+

Features

+

Some features of our Server!

+
+
+
+
+ + +
+
+
+ +
+ +
Great Economy
+

+ Our economy is very balanced! It is based off of the diamond. +
+ Players are able to create shops at the shopping district after paying a plot fee. +

+
+ + +
+ +
City & Country System
+

+ Join or create your own city! Cities can join together to form whole coutries! +

+
+ +
+ +
Friendly PVP
+

+ LunaMC has a few PVP arenas to choose from! +
+ Bring your friends and let's practice together! +
+ Are you ready to show us your abilities? +

+
+ +
+
+
+ + +
+
+

Listen to the players!

+

We make it our goal to make sure that all players on our network are getting the best experience possible!

+
+
+ + + + + +
+
+

Meet our team!

+

Our Best Staff! You can always count on them!

+
+
+ + +
+
+
+
+ +
+
+
+ Card image cap +
+
+

+ + SteveO718 +

+ +
+ + [Owner] +
+
aka Steve
+

+ + Steve is the LunaMC Network Founder. + He is the last remaining member of the original 4 who had the idea of Luna. +

+
+
+ + + Joined in 2019 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + 5giwasmyname +

+ +
+ + [Co-Owner] +
+
aka 5gi
+

+ + 5gi is the LunaMC Network Co-Owner. + He was brought on board by Steve as a very tech knowledgable person to help run the server. +

+
+
+ + + Joined in 2019 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + NoneTheBumb +

+ +
+ + [Admin Bumb] +
+
aka None
+

+ + None is our first server Admin. + He has been the life of the server, bringing humor and enjoyment to the core of our team! +

+
+
+ + + Joined in 2019 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + adamr1711 +

+ +
+ + [Mod] +
+
aka Adam
+

+ + Adam was our first Mod on the team. + He was one of the first people to join Steve on his journey to server ownership. +

+
+
+ + + Joined on 2020 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + JasonIsBored +

+ +
+ + [Mod] +
+
aka Jason
+

+ + Jason is one of the amazing builders on the server! He helped build the amazing city of Altalia and some of the server lobbies! +

+
+
+ + + Joined in 2020 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + 1Aurora1 +

+ +
+ + [Mod] +
+
aka Aurora
+

+ + Aurora is one of the other amazing builders, also contributing the the creation of Altalia and many of the server lobbies! +

+
+
+ + + Joined in 2020 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + RangerTheGamer +

+ +
+ + [Helper] +
+
aka Ranger
+

+ + Ranger is... well... Ranger! + We really aren't sure what he does, but he keeps out of trouble... for the most part. +

+
+
+ + + Joined in 2020 + +
+
+
+ + +
+
+
+ Card image cap +
+
+

+ + mookitty14 +

+ +
+ + [Helper] +
+
aka Mookitty
+

+ + Mookitty is the newest member of our staff! + He gained this position after many hours of chugging chorus fruit during an event! +

+
+
+ + + Joined in 2021 + +
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/js/playercount.js b/js/playercount.js new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/js/playercount.js @@ -0,0 +1 @@ + diff --git a/subpages/rules.html b/subpages/rules.html new file mode 100644 index 0000000..7b8e9e9 --- /dev/null +++ b/subpages/rules.html @@ -0,0 +1,315 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Rules - LunaMC Network + + + + + + + + + +
+
+

Network Rules

+

⚠📜 Follow and Respect 📜⚠

+
+
+ + +
+
+
+
+
+
+
+
+ +
+
+
+
+ Justificative: + You Must Respect evey staff from the server! It's the Majority! Staffs are users destined for the + server peace maintenance and configuration. Let's respect them! +
+
+
+ +
+
+
+ +
+
+
+
+ Consentual PVP only! +
+
+
+ +
+
+
+ +
+
+
+
+ It's really self explanatory... +
+
+
+ +
+
+
+ +
+
+
+
+ Anything that gives an unfair advantage is not allowed, if you are unsure, ask a staff. +
+
+
+ + + +
+ +
+
+ + +
+
+ +
+
+ Dupes will not be tolerated whatsoever, it ruins the game for everyone. TNT duping is allowed. +
+
+
+
+ +
+
+ + +
+
+ +
+
+ I really do not care what you say, swearing is allowed, jokes are allowed, if speech becomes negatively targeted towards someone, then staff will take action and issue a warning. +
+
+
+
+ +
+
+ + +
+
+ +
+
+ Really, just use common sense, if you think that what your doing is wrong or will hurt someone, then just don't do it, staff hold the right to warn and ban you if they see fit. +
+
+
+ + + + +
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/subpages/webmap.html b/subpages/webmap.html new file mode 100644 index 0000000..5d4e60c --- /dev/null +++ b/subpages/webmap.html @@ -0,0 +1,206 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Dynmap - LunaMC Network + + + + + + + + + +
+
+

SMP Dynmap

+

🗺 Our SMP Map! 🗺

+
+
+ +
+
+ + +
+
+ + + + + + + + + + + + + + \ No newline at end of file