diff --git a/about.html b/about.html index a6398ed..5cbe310 100644 --- a/about.html +++ b/about.html @@ -10,45 +10,199 @@ - + - +
-
- Welcome to Horizon's End!
- Horizon's End is a custom coded space Minecraft server. Pilot your very own movable starship, take over entire - sectors of space, avoid pirates, use hyperspace to explore the vast galaxy! The galaxy is a 200k x 200k space map, - with 17 unique planets to visit. Our server has an active, growing community that is welcoming to all new players. - Join a nation or create your own settlement, all with the goal of galactic domination. The possibilities are - endless!
-
- Horizon's End includes features such as:
-
- -
- ... and many more! Fight, Explore, Mine, Only on Horizon’s End!
-
- IP: horizonsend.net
- Wiki +
+

Gallery

+

Horizon's End is a Minecraft space server featuring player-built + controllable spaceships, custom crafting recipies, and complex industrial mechanics. + Conduct trade and wage war across a universe filled with beautiful hand-crafted planets.

+
+ + + + + + + +
    +
  • +
    +
    + Asteri System Map +
    +
    +

    Asteri System

    +

    + Sector size: 60000, 60000
    + Star class: M-type
    + Planet count: 5
    + Description: The Asteri System is a star system located in the galactic southeast corner of the Galaxy. It is the largest system compared to its neighbors, with five planets orbiting its star. Common asteroids contain Chetherite, Coal, and Iron. +

    +
    +
    +
    • + +
  • +
    +
    + Ilios System Map +
    +
    +

    Ilios System

    +

    + Sector size: 60000, 60000
    + Star class: G-type
    + Planet count: 4
    + Description: The Ilios System is a star system located in the southern corner of the Galaxy. Although a frontier system, it is unique for being the only civilized system that exists outside of The Core. Common asteroids include Aluminum, Quartz, and Titanium. +

    +
    +
    +
    • + +
  • +
    +
    + Regulus System Map +
    +
    +

    Regulus System

    +

    + Sector size: 60000, 60000
    + Star class: A-type
    + Planet count: 4
    + Description: The Regulus System is a star system located in the center of the Galaxy. It is famed as a hub of interstellar travel, having warp gates connecting to all three other civilized star systems. Common asteroids contain Copper, Gold, and Uranium. +

    +
    +
    +
    • + +
  • +
    +
    + Sirius System Map +
    +
    +

    Sirius System

    +

    + Sector size: 60000, 60000
    + Star class: G-type
    + Planet count: 4
    + Description: The Sirius System is a star system located in the galactic west side of the Galaxy. Common asteroids contain Gold, Iron, and Redstone. +

    +
    +
    +
    • + +
  • +
    +
    + Horizon System Map +
    +
    +

    Horizon

    +

    + Sector size: 30000, 30000
    + Star class: None
    + Planet count: 1
    + Description: Horizon is an empty, deep sector of space that serves as a major connection hub between other systems. Horizon is a perilous system to traverse and is known to only contain one Rogue Planet. +

    +
    +
    +
    • + +
  • +
    +
    + The Trench System Map +
    +
    +

    The Trench

    +

    + Sector size: 60000, 60000
    + Star class: None
    + Planet count: 0
    + Description: The Trench is a deep sector of space brimming with asteroids. Nearly all known asteroid types can be found here along with the highest ore rates for asteroids. This makes natural resource collection on a large scale fairly easy yet unsafe within this hostile system. +

    +
    +
    +
    • + +
  • +
    +
    + AU-0821 System Map +
    +
    +

    AU-0821

    +

    + Sector size: 60000, 60000
    + Star class: None
    + Planet count: 0
    + Description: AU-0821 is a deep sector in space filled with shipwrecks of unknown origin. Valuable materials can be found within chests aboard the wrecks, though they're often secured by lethal traps. +

    +
    +
    +
    • +
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+ Explore Our Real-Time Interactive Map +
+ + \ No newline at end of file diff --git a/images/asterimapside.jpg b/images/asterimapside.jpg new file mode 100644 index 0000000..b730295 Binary files /dev/null and b/images/asterimapside.jpg differ diff --git a/images/asteroid_asteri.png b/images/asteroid_asteri.png new file mode 100644 index 0000000..7839a00 Binary files /dev/null and b/images/asteroid_asteri.png differ diff --git a/images/asteroid_ilios.png b/images/asteroid_ilios.png new file mode 100644 index 0000000..f7cea7f Binary files /dev/null and b/images/asteroid_ilios.png differ diff --git a/images/asteroid_regulus.png b/images/asteroid_regulus.png new file mode 100644 index 0000000..3678482 Binary files /dev/null and b/images/asteroid_regulus.png differ diff --git a/images/asteroid_sirius.png b/images/asteroid_sirius.png new file mode 100644 index 0000000..a96dcbe Binary files /dev/null and b/images/asteroid_sirius.png differ diff --git a/images/au0821mapside.jpg b/images/au0821mapside.jpg new file mode 100644 index 0000000..104d6c1 Binary files /dev/null and b/images/au0821mapside.jpg differ diff --git a/images/horizonmapside.jpg b/images/horizonmapside.jpg new file mode 100644 index 0000000..f422d70 Binary files /dev/null and b/images/horizonmapside.jpg differ diff --git a/images/iliosmapside.jpg b/images/iliosmapside.jpg new file mode 100644 index 0000000..fb9eec9 Binary files /dev/null and b/images/iliosmapside.jpg differ diff --git a/images/regulusmapside.jpg b/images/regulusmapside.jpg new file mode 100644 index 0000000..8674cc7 Binary files /dev/null and b/images/regulusmapside.jpg differ diff --git a/images/siriusmapside.jpg b/images/siriusmapside.jpg new file mode 100644 index 0000000..29361d9 Binary files /dev/null and b/images/siriusmapside.jpg differ diff --git a/images/trenchmapside.jpg b/images/trenchmapside.jpg new file mode 100644 index 0000000..bc08d64 Binary files /dev/null and b/images/trenchmapside.jpg differ diff --git a/index.html b/index.html index 247c96c..6b74511 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,6 @@ Horizon's End - Main Page - @@ -17,24 +16,63 @@ - - + + + -
- +
-
- Horizon's End is a custom coded space Minecraft server. Pilot your very own movable starship, take over entire - sectors of space, avoid pirates, use hyperspace to explore the vast galaxy! -

- The galaxy is a sprawling space map, with 18 unique planets and 7 systems to visit. Our server has an active, - growing community that is welcoming to all new players. -

- Join a nation or create your own settlement, all with the goal of galactic domination. The possibilities are - endless! +
+ Horizons End Official Logo. +

What is Horizon's End?

+

+ Horizon's End is not just a Minecraft server; it's an entire galaxy waiting for you to explore and conquer. +

+

+ Welcome to Horizon's End! It's a custom-coded space Minecraft server where you can pilot your very own movable Starship, take over entire sectors of space, avoid pirates, and use hyperspace to explore the vast galaxy! +

+

+ The galaxy is a 200k x 200k space map with 17 unique planets to visit. Our server has an active, growing community that is welcoming to all new players. Join a nation or create your own settlement, all with the goal of galactic domination. The possibilities are endless! +

+

+ Horizon's End includes features such as: +

+
    +
  • Nations
    • +
  • Movecraft
    • +
  • PvP
    • +
  • SMP
    • +
  • Industry
    • +
  • Economy
    • +
  • Hyperspace
    • +
+

+ ... and many more! Fight, Explore, Mine, Only on Horizon’s End! +

+

+ The galaxy features 17 unique planets to explore and 7 diverse systems offering different challenges and opportunities. +

+

+ So what will it be? Become a fearless explorer, a cunning trader, or a ruthless warlord? The galaxy is yours to conquer! +

+ +
+
+ + + + + +
+ +
+
+ + + - diff --git a/rssFeed.html b/rssFeed.html new file mode 100644 index 0000000..dfbc2fb --- /dev/null +++ b/rssFeed.html @@ -0,0 +1,83 @@ + + + +RSS Feed Content + + + +

Recent Server Events

+
+
+

+ Learn More! + +
+

+ Yesterday at 19:30
+ pqio has disbanded their settlement Gibraltar!
+ Settlement Luxivitans joined the nation RentDueYesterday! +

+

+ Yesterday at 22:57
+ AdelieXY of RentDueYesterday has initiated a siege on ImperialNova's Space Station RegulusCargoDepotAlpha
+ FellOffBridge of RentDueYesterday has initiated a siege on Orovika's Space Station DeepSpaceSignalGamma +

+

+ Yesterday at 23:12
+ Space Station RegulusCargoDepotAlpha has been captured by AdelieXY of RentDueYesterday from ImperialNova
+ Space Station DeepSpaceSignalGamma has been captured by FellOffBridge of RentDueYesterday from Orovika +

+

+ Yesterday at 23:20
+ Combat NPC of _Clone1137 was slain by eyrzeke +

+

+ Today at 10:33
+ wialord, leader of the settlement Tacoma, founded the nation Excursion! +

+

+ Today at 12:19
+ FellOffBridge of RentDueYesterday has initiated a siege on Shadow's Space Station IliosFuelDepot +

+

+ Today at 12:35
+ Space Station IliosFuelDepot has been captured by FellOffBridge of RentDueYesterday from Shadow +

+

+ Today at 16:01
+ SkillBo2 has founded the settlement Lumenor in Sluige Island on Aerach! +

+
+ + + + \ No newline at end of file diff --git a/scripts/includes.jss b/scripts/includes.jss new file mode 100644 index 0000000..e69de29 diff --git a/style/carouselthum.css b/style/carouselthum.css new file mode 100644 index 0000000..71302f0 --- /dev/null +++ b/style/carouselthum.css @@ -0,0 +1,218 @@ +.mapgrab { + display: block; + text-align: center; + width: 50%; + left: 25%; + background-color: #414c4c; + color: white; + padding: 10px; + position: relative; + border-radius: 15px; + border: #414c4c 2px solid; + transition: all 0.3s ease-in-out; +} +.mapgrab strong { + color: #f2ae67; + text-transform: uppercase; +} +.mapgrab:hover { + background: transparent; + color: #414c4c; +} +.headingtitle { + background: #414c4c; + text-align: center; + padding: 10px; + color: #fff; + text-transform: uppercase; + font-family: 'Aldrich', sans-serif; + border-radius: 5px; +} +h3 { + color:#414c4c; + text-align: center; +} +.thumbnails { + max-width: 100%; + height: 100%; +} + +#content2 { + display: inline-block; + width: 90%; + padding: 5%; + background: #fff; + margin-left: 0px; + border-radius: 10px; + position: inherit; +} +.carousel__slide img { + width: 100%; +} +.carousel__slide h2 { + font-size: auto; + color: #f2ae67; +} +.carousel__slide p { + font-size: auto; + +} +.carousel__slide strong { + color: #f2ae67; +} + +.carousel__slide figcaption { + background: #414c4c; + padding: 10px; + border-radius: 5px; +} + +.carousel { + display: block; + text-align: left; + position: relative; + margin-bottom: 22px; + + > input { + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + width: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + + &:nth-of-type(7):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -600%; } + &:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -500%; } + &:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -400%; } + &:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -300%; } + &:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -200%; } + &:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -100%; } + &:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: 0%; } + + &:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + &:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + &:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + &:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + &:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + &:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + &:nth-of-type(7):checked ~ .carousel__thumbnails li:nth-of-type(7) { box-shadow: 0px 0px 0px 5px rgba(242, 174, 103, 0.5); } + } +} + +.carousel__slides { + position: relative; + z-index: 1; + padding: 0; + margin: 0; + overflow: hidden; + white-space: nowrap; + box-sizing: border-box; + display: flex; +} + +.carousel__slide { + position: relative; + flex: 1 0 100%; + width: 100%; + height: 100%; + overflow: hidden; + transition: all 300ms ease-out; + vertical-align: top; + box-sizing: border-box; + white-space: normal; + + figure { + display: flex; + margin: 0; + } + + div { + width: 100%; + } + + img { + display: block; + flex: 1 1 auto; + object-fit: cover; + } + + figcaption { + align-self: flex-end; + padding: 20px 20px 0 20px; + flex: 0 0 auto; + width: 25%; + min-width: 150px; + } + + .credit { + margin-top: 1rem; + color: rgba(0, 0, 0, 0.5); + display: block; + } + + &.scrollable { + overflow-y: scroll; + } +} + +.carousel__thumbnails { + list-style: none; + padding: 0; + margin: 0; + display: flex; + width: 100%; + margin: 0 -10px; + + .carousel__slides + & { + margin-top: 20px; + } + + li { + flex: 1 1 auto; + max-width: calc((100% / 7) - 20px); + margin: 0 10px; + transition: all 300ms ease-in-out; + } + + label { + display: block; + + &:hover, + &:focus { + cursor: pointer; + + img { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25); + transition: all 300ms ease-in-out; + } + } + } + + img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } +} + + +@media screen and (max-width: 700px) { + #content2 { + display: inline-block; + width: 100%; + padding: 0px; + background: #fff; + margin: 0; + position: inherit; + } + .carousel { + display: block; + padding: 0px; + text-align: left; + position: relative; + margin-bottom: 22px; + } +} \ No newline at end of file diff --git a/style/ipsection.css b/style/ipsection.css new file mode 100644 index 0000000..4ca9a74 --- /dev/null +++ b/style/ipsection.css @@ -0,0 +1,145 @@ + +.hook { + display: inline-block; + width: 90%; + left: 2.5%; + background: #414c4c; + padding: 10px; + text-align: center; + border-radius: 5px; + color: white; + position: inherit; +} +.hook strong { + color: #f2ae67 !important; + font-weight: 800 !important; + text-transform: capitalize; +} +.banner { + position: inherit; + font-size: 17px; + text-align: center; + color: #b8d7d7; + padding: 20px; + background: transparent; + border-radius: 50px; + transition: all 0.3s; + left: 5%; + width: 80%; /* Set width to 100% */ +} + +.banner h1 { + font-size: auto; + text-align: center; + text-transform: uppercase; + color: #b8d7d7; + background: transparent; + text-decoration: underline; + width: 80%; + background: #414c4c; + padding: 10px; + border-radius: 5px; + transition: all 0.3s ease-in-out; + +} + + + +/* Common styles for .ip-section */ +.ip-section { + position: inherit; + top: 10px; + text-align: center; + transition: all 0.3s ease-in-out; + background: transparent; +} + +/* Input box styles */ +.ip-section input { + text-align: center; + color: #b8d7d7; + background: #414c4c; + border: 2px solid #b8d7d7; + padding: 10px 20px; + border-radius: 8px; + text-transform: uppercase; + font-weight: bold; + font-size: auto; + max-width: 250px; + height: 25px; + transition: all 0.3s ease-in-out; + + +} + +.ip-section input:hover { + scale: 1.02; +} + +.banner h1:hover { + scale: 1.02; +} + + +/* Button styles */ +.ip-section button { + position: inherit; + width: 100%; + color: #b8d7d7; + background: #414c4c; + border: 2px solid #b8d7d7; + text-transform: uppercase; + font-weight: bold; + font-size: auto; + padding: 10px 20px; + border-radius: 8px; + cursor: pointer; + transition: background 0.3s, transform 0.3s; +} + +/* Tooltip styles */ +.ip-section .tooltip { + right: -10px; + display: inline-block; +} + +.ip-section .tooltip .tooltiptext { + text-transform: capitalize; + font-weight: normal; + font-size: 13px; + visibility: hidden; + width: 140px; + background-color: #414c4c; + color: #b8d7d7; + font-weight: bolder; + text-align: center; + border-radius: 6px; + padding: 5px; + z-index: 1; + left: 100%; + margin-top: -12px; + opacity: 0; + transition: all 0.5s; +} + +.ip-section .tooltip .tooltiptext::after { + content: ""; + right: -5px; + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent transparent transparent #b8d7d7; +} + +/* Hover styles for the button and tooltip */ +.ip-section button:hover { + background: transparent; + transform: scale(1.02); + color: #b8d7d7; + border-color: #b8d7d7; +} + +.ip-section .tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} diff --git a/style/rss.css b/style/rss.css new file mode 100644 index 0000000..01ded55 --- /dev/null +++ b/style/rss.css @@ -0,0 +1,89 @@ +/* .rssFeed styles */ +.rssFeed { + position: inherit; + margin-top: 70px; + color: #e1e1e1; + font-weight: 800; + text-transform: uppercase; + height: 100%; + padding: 50px; + padding-bottom: 20px; + background: #414c4c; + border-radius: 5px; + font-family: 'Futura Windows Semibold', sans-serif; +} + +.header { + font-family: 'Aldrich', sans-serif; + color: #f2ae67; + text-align: center; + width: 100%; + text-transform: uppercase; + margin: 10px; +} + +.rssFeed-frame p { + color: #b8d7d7; + line-height: 1.6; + margin-bottom: 15px; + text-transform: capitalize; + font-family: 'Futura Windows Semibold', sans-serif; +} + +h3 { + margin-top: 100px; + color: #414c4c; + font-size: medium; +} + +.rssFeed-frame strong { + color: #f2ae67; + font-weight: bold; + margin-right: 5px; +} + +/* Countdown styles */ +#countdown { + font-family: 'Futura Windows Semibold', sans-serif; + color: #b8d7d7; + font-size: 22px; + text-transform: uppercase; + text-align: center; + margin: 0; + padding: 15px; + border: 5px solid #b8d7d7; + background: transparent; + border-radius: 5px; +} + +#countdown-date { + display: inline-block; + font-size: 1.2em; + margin-top: 10px; + font-weight: bold; + color: #b8d7d7; + text-shadow: 1px 1px 2px #b8d7d7; +} + +/* .more-btn styles */ +.more-btn { + font-family: 'Futura Windows Semibold', sans-serif; + display: block; + text-align: center; + width: 50%; + margin: 10px auto; + text-transform: uppercase; + text-decoration: none; + color: #e1e1e1; + font-weight: bold; + padding: 10px 20px; + background: #607070; + border-radius: 5px; + border: 5px solid #607070; + transition: background 0.3s ease-in-out, color 0.3s ease-in-out; +} + +.more-btn:hover { + background: transparent; + color: #607070; +} diff --git a/style/rules.css b/style/rules.css index 1083290..f17da42 100644 --- a/style/rules.css +++ b/style/rules.css @@ -1,5 +1,7 @@ @import "/style/style.css"; + + #rules { padding: 0 0; } @@ -51,7 +53,7 @@ th, td { } h1 { - font-family: 'Aldrich', sans-serif; + font-family: 'Futura Windows Semibold', sans-serif; font-size: 45px; padding: 0 0 0 2%; margin: 3% 0 0 0; diff --git a/style/style.css b/style/style.css index 0805b8c..8d14cb1 100644 --- a/style/style.css +++ b/style/style.css @@ -1,117 +1,228 @@ body { - color: #e8e6e3; - background-color: #181a1b; - - height: 100%; - margin:0; - background-image: linear-gradient(#000000, #0C0E16 25%,#000F22 75%,#326280 92%,#89e7ff 97%, #CCF5FF 100%),url("https://assets.horizonsend.net/custom_end_sky.png"); - background-blend-mode:lighten; - background-attachment: fixed; - font-family:'Recursive'; + color: #e8e6e3; + background-color: #181a1b; /* Updated background color */ + height: 100%; + margin: 0; + background-image: linear-gradient(#000000, #0C0E16 25%, #000F22 75%, #326280 92%, #89e7ff 97%, #CCF5FF 100%), url("https://assets.horizonsend.net/custom_end_sky.png"); + background-blend-mode: lighten; + background-attachment: fixed; + font-family: 'Futura Windows Semibold', sans-serif; } a { - color: #00C8FF; - background-color: transparent; - text-decoration: none; + color: #f2ae67; + background-color: transparent; + text-decoration: none; } a:visited { - color: #ff5900; - background-color: transparent; - text-decoration: none; + color: #b8d7d7; + background-color: transparent; + text-decoration: none; } #discordWidget { - display: inline-block; - float:right; - padding:5%; + float: right; + padding: 1%; } .widget { - display: flex; - width: 300px; - height: 500px;; + display: flex; + width: 310px; + height: 750px; } #content { - display: inline-block; - width:calc(80% - 310px); - padding:5%; -/* margin:auto;*/ + display: inline-block; + width: calc(85% - 310px); + padding: 5%; + color: #414c4c; + margin-left: 0px; + background: #ffffff; + border-radius: 10px; + position: relative; } -#content-title { - font-family: 'Aldrich', sans-serif; - font-size: 300%; - color: white; - text-align: center; +.logoimg { + position: absolute; + top: 20px; + right: 30px; +} - padding-top: 2.5%; - width: 100%; - margin: auto; +#content-title { + font-family: 'Futura Windows Semibold', sans-serif; + font-size: 300%; + color: white; + text-align: center; + padding-top: 2.5%; + width: 100%; + -webkit-text-stroke: 2px white; + margin: auto; } + #content-container { - background-color: inherit; - z-index:1; - max-width:55%; - min-height:600px; - margin:auto; - padding: 20px 5% 50px; - position:relative; + background-color: #ffffffb7; + z-index: 1; + max-width: 55%; + min-height: 600px; + margin: auto; + border: 1px solid black; + padding: 20px 5% 50px; + position: relative; +} +#content .titlespan { + color: #f2ae67; + font-weight: 800; +} + +#content li { + padding: 10px; + padding-right: 20px; + text-align: center; + background: #414c4c; + color: white; + text-transform: uppercase; + border-radius: 10px; + margin-bottom: 5px; + transition: all 0.3s ease-in-out; + border: 2px solid #414c4c; +} + +#content li:hover { + background: white; + color: #414c4c; + transform: translateX(5px) scale(1.01); +} + +h1 { + font-family: 'Futura Windows Semibold', sans-serif; + color: #414c4c; + text-align: left; + width: 100%; + margin: auto; +} + + +h1 span { + font-family: 'Aldrich', sans-serif; + color: #f2ae67; } #content a::after { - content:': ' attr(href); + content: ': ' attr(href); } +@media screen and (max-width: 1280px) { + .backgroundImage { + background-size: 150vw; + } + -@media screen and (max-width: 1080px){ - .backgroundImage { - background-size: 150vw; - } - #HEBottom img { - position:absolute; - opacity:0.3; - } + #HEBottom img { + position: absolute; + opacity: 0.3; + } + + #content { + width: initial; + padding: 25px; + } #discordWidget { - display:inline; - float:none; - } - #content{ - width:initial; - padding:0; - } -} -@media screen and (max-width: 700px){ - #content-container { - max-width: 80%; - padding: 5%; - } - #bottomContent { - max-width: 100%; - } - #bottom { - padding: 5%; - max-width: 90%; - height: 100%; - } - - #bottomLogo { - display: none; - } - - #HEBottom { - font-size: 80%; - } + top: 50px; + bottom: 50px; + position: inherit; + float: none; + } + .widget { + width: 100%; + float: none; + } +} +@media screen and (max-width: 1080px) { + .backgroundImage { + background-size: 150vw; + } + + + #HEBottom img { + position: absolute; + opacity: 0.3; + } + + #content { + width: initial; + padding: 25px; + } + .widget { + width: 100%; + float: none; + } + .logoimg { + opacity: 0; + } + +} + +@media screen and (max-width: 700px) { + #content-container { + max-width: 80%; + padding: 5%; + } + #content { + width: initial; + padding: 25px; + } + + #bottomContent { + max-width: 100%; + } + #bottom { + padding: 5%; + max-width: 90%; + height: 100%; + } + + #bottomLogo { + display: none; + } + .banner h1 { + font-size: 30px; + } +} + +@media screen and (max-width: 400px) { + #content-container { + max-width: 80%; + padding: 5%; + } + #content { + width: 80%; + padding: 25px; + } + .banner h1 { + font-size: 20px; + } +} +@media screen and (max-width: 450px) { + +} +@media screen and (max-width: 365px) { + #content-container { + max-width: 80%; + padding: 5%; + } + #content { + width: 80%; + padding: 25px; + } } #websiteAuthor { - position:fixed; - bottom:0; - opacity:0.5; - font-size: 10px; - padding: 5px; - font-family: 'Comic Sans MS'; - content:"Site by lilclover <3 (for ur info im silly) made thiz sometime in like 2022-2023"; + position: fixed; + bottom: 0; + opacity: 0.5; + font-size: 10px; + padding: 5px; + font-family: 'Futura Windows Semibold', sans-serif; + content: "Site by lilclover <3 and By SkillBo2"; } \ No newline at end of file diff --git a/template/bottom.html b/template/bottom.html index b0d75b7..4f22787 100644 --- a/template/bottom.html +++ b/template/bottom.html @@ -1,22 +1,17 @@
- Site by lilclover <3 (for ur info im silly) made thiz sometime in like 2022-2023 + Site by lilclover + SkillBo2
\ No newline at end of file diff --git a/template/top.html b/template/top.html index 4e37b19..6133171 100644 --- a/template/top.html +++ b/template/top.html @@ -20,7 +20,7 @@ }
-
About
+
About
Wiki
@@ -70,7 +70,6 @@