diff --git a/LICENSE b/LICENSE deleted file mode 100755 index 28b606d..0000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2018 caskd - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md deleted file mode 100755 index 8966da8..0000000 --- a/README.md +++ /dev/null @@ -1,9 +0,0 @@ -# RedXen Homepage - -## What is this? -The portal for the community where everything is linked. It is supposed to be as lightweight and well-functioning as possible. - -## How does this work? -It is based around flexboxes mostly to ensure efficiency and good support. - -Styling is based on many variables and compiled with the help of lesscss for a dynamic style. diff --git a/css/main.less b/css/main.less index 2d6fbea..80079bd 100644 --- a/css/main.less +++ b/css/main.less @@ -1,200 +1,215 @@ -@color: #e11; -@bg: #111; -@round: 5px; - -// Standards and pre-defined style classes -.round {border-radius:50%} -ul { - padding:0; - margin:4px 0; - li {list-style-type:none} -} -h1,h2,h3,h4,p {margin:0} -h1 {font-size:32px} -h2 {font-size:14px} - -a { - color: contrast(@bg); - text-decoration: none; - &:hover, - &.highlight { - color: @color; - } - &.highlight:hover { - text-decoration: underline; - } - &:not([href]) { - color: average(contrast(@bg), @bg); - } - transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s; -} - +@bg: #000; +@text: contrast(@bg); +@crimson-red: #e11; +@font-size: 16px; html { - min-height: 100%; - // Nice background to have - color: contrast(@bg); - font-family: 'Oswald' ,sans-serif; - background: - linear-gradient(0deg, darken(@bg,10%), fade(darken(@bg,10%), 50%)), - repeating-linear-gradient( - 45deg, - darken(@color, 20%) 0% 2%, - transparent 2% 4% - ), - repeating-linear-gradient( - -45deg, - @bg 0% 2%, - darken(@bg, 20%) 2% 4% - ) - ; - body { - margin: 0; - min-height: 100vh; - display: flex; - flex-direction: column; - z-index: 1; - .headwrap { - height: 130px; - width: 100%; - top: 0; - position: fixed; - z-index: 2; - background: - linear-gradient(180deg, fade(darken(@bg,10%), 80%) 50%, transparent); - .header { - height: 50px; - width: 100%; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - font-size: 20px; - padding: 0 0 80px 0; - img { - display: inline-block; - height: 100px; - margin: 30px 0 30px 0; - transform: translateY(30px); - } - } - } - .bodywrap { - width: 100%; - margin: 130px 0 50px 0; - .body { - font-size: 24px; - text-align: center; - img.logo { - display: none; - width: 100%; - } - div.banner { - height: auto; - background: - linear-gradient(90deg, fade(darken(@bg,10%), 50%), fade(darken(@bg,10%), 20%)); - width: 100%; - display: flex; - align-items: center; - justify-content: space-around; - padding: 30px 0; - margin: 100px 0; - div.overflow { - height: 0; - transform: translateY(-100px); - img { - height: 200px; - } - } - } - div.textbody { - width: 90%; - padding: 12px 20px; - margin: auto; - text-align: left; - background: fade(darken(@bg,10%), 50%); - border: @color 2px solid; - border-radius: @round; - flex-direction: row; - div.item { - margin: 14px 0; - div.date { - font-size: 12px; - } - } - } - } - } - .footerwrap { - width: 100%; - flex: 1; - background: fade(darken(@bg,10%), 80%); - border-top: @color 2px solid; - .footer { - display: flex; - flex-direction: row; - span { - font-size: 20px; - } - div.col { - &.name { - flex: 2; - } - flex: 1; - padding: 10px; - } - } - } - } -} - -@media only screen and (min-width: 800px) { + background: + linear-gradient( + 0deg, + darken(@bg,10%), + fade(darken(@bg,10%), 50%)), + repeating-linear-gradient( + 45deg, + darken(@crimson-red, 20%) 0% 2%, + transparent 2% 4% + ), + repeating-linear-gradient( + -45deg, + @bg 0% 2%, + darken(@bg, 20%) 2% 4% + ); + color: @text; + font-size: @font-size; + font-family: 'Oswald' ,sans-serif; + scroll-behavior: smooth; + body { + margin: 0; + .content { + width: 100%; + .head { + width: 100%; + margin-bottom: 20px; + height: calc(100vh); + position: relative; + overflow: hidden; + .slideshow { + width: 100%; + height: 100%; + li { + &:nth-child(1) span { + background-image: url(../res/slideshow/1.jpg); + animation-delay: 15s; + } + &:nth-child(2) span { + background-image: url(../res/slideshow/2.jpg); + animation-delay: 10s; + } + &:nth-child(3) span { + background-image: url(../res/slideshow/3.jpg); + animation-delay: 5s; + } + &:nth-child(4) span { + background-image: url(../res/slideshow/4.jpg); + opacity: 1; + animation-delay: 0s; + } + &:nth-child(1) div { + opacity: 1; + animation-delay: 0s; + } + &:nth-child(2) div { + animation-delay: 5s; + } + &:nth-child(3) div { + animation-delay: 10s; + } + &:nth-child(4) div { + animation-delay: 15s; + } + div { + position: absolute; + bottom: 0; + right: 0; + padding: 10px; + z-index: 10; + opacity: 0; + animation-timing-function: ease-in-out; + animation: textslideshow 20s infinite; + } + } + span { + color: transparent; + position: absolute; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + z-index: 5; + animation: slideshow 20s infinite; + animation-timing-function: ease-in-out; + } + } + } + div.main { + animation: none; + background: fadeout(@bg,20%); + position: absolute; + top: 0; + width: 100%; + height: 100%; + padding: 0; + z-index: 6; + opacity: 1; + display: flex; + text-align: center; + flex-direction: column; + align-items: center; + justify-content: center; + img { + animation-timing-function: ease-in-out; + animation: slide-in-top 1s; + width: 50%; + } + p { + font-size: 1.5em; + } + } + .about { + margin: 0 2.5%; + padding: 10px 0; + text-align: center; + font-size: 2em; + h3 { + margin: 20px 0 5px 0; + } + } + } + } + .footer { + display: flex; + flex-direction: row; + justify-content: space-evenly; + align-items: flex-start; + width: 100%; + overflow: hidden; + background: @bg; + border-top: contrast(@bg) 2px solid; + margin: 10px 0; + padding: 4px 10px 0px 10px; + box-sizing: border-box; + .column { + &.header { + justify-self: flex-start; + } + margin: 0 10px; + min-width: 100px; + } + } } @media only screen and (max-width: 800px) { - html { - body{ - .headwrap { - height: 50px; - .header { - padding: 0; - background: - linear-gradient(180deg, fade(darken(@bg,10%), 80%) 90%, transparent); - img { - display: none; - } - } - } - .bodywrap { - margin: 50px 0 10px 0; - .body { - img.logo { - display: initial; - } - div.banner { - height: auto; - width: 100%; - display: flex; - flex-direction: column; - padding: 10px 0; - margin: 20px 0; - div.overflow { - height: auto; - transform: translateY(0); - } - } - } - } - .footerwrap { - .footer { - padding: 0 10px; - text-align: center; - box-sizing: border-box; - flex-direction: column; - flex-basis: 50%; - div.col {padding:2px} - } - } - } - } + body { + .footer { + flex-direction: row; + align-items: center; + text-align: center; + flex-wrap: wrap; + padding: 0; + .column { + width: 50%; + margin: 0; + &.header { + width: 100%; + } + } + } + } +} + +h1, h2, h3, p { + margin: 0; +} +a { + color: contrast(@bg); + transition: color 300ms; + &:hover { + color: @crimson-red; + } + &:not([href]) { + color: average(contrast(@bg), @bg); + } +} +ul { + list-style-type: none; + padding-inline-start: 0; + padding-inline-end: 0; + margin-block-start: 0; + margin-block-end: 0; +} +@keyframes slideshow { + 0%,35%,100% { opacity: 0 } + 5%,25% { opacity: 1 } +} +@keyframes textslideshow { + 10%,25% { transform: translateX(0px); opacity: 1 } + 30% { transform: translateX(-20px); opacity: 0 } + 100%,0% { transform: translateX(20px); opacity: 0 } +} +@keyframes blink { + 0%,20%,70%,100% { color: @text } + 25%,50% { color: @crimson-red } +} +@keyframes slide-in-top { + 0% { transform: translateY(-100px) } + 100% { transform: translateY(0px) } +} +.attention { + animation: blink 5s infinite; +} +.hidden { + display: none; } diff --git a/index.html b/index.html index 1403619..016d4e2 100644 --- a/index.html +++ b/index.html @@ -1,118 +1,96 @@ - - - - RedXen Community - - - - - - - - - - - - - - -
-
- Git - Pleroma - Gameservers - logo - IRC - Status - Join RedXen! -
-
-
-
- - -
-

News

-
-

Pleroma joins the service list

-

We have joined the Fediverse with the first Pleroma instance. Due to the size of the fediverse, this is invite only but we accept new people freely. This is done to prevent bot accounts or similiar malicious behaviour which can put a high load on the servers. Stay safe and healthy!

-
12.03.2020
-
-
-

No more Nextcloud

-

We are going to move to a different storage backend because Nextcloud is developing poorly without any quality control, FTP/SFTP/NFS/WebDAV/Samba server(s) will be spun up soon with authentication mechanisms.

-
06.01.2020
-
-
-

Discord be gone!

-

We are not officially available on Discord anymore and support for PMBot has been dropped, if you were a user of it, you should move to the official version of the bot.

-
21.12.2019
-
-
-

No more Cloudflare and network maintenances.

-

We have moved away from CloudFlare which will give you a more safer experience and better networking, the Git repository has been moved to git.redxen.eu and we do not accept any port 80 connections anymore.

-
13.12.2019
-
-
-

Fully encrypted networks!

-

We have configured fully encrypted communications between our servers, now your personal information is safe from anyone in between the connections.

-
27.11.2019
+ + + RedXen Homepage + + + + + + + + + + + + + + +
+
+
    +

  • Night time survival experience

    • +

  • Defeating the Ender Dragon

    • +

  • The "Fishtank"

    • +

  • Themed shops

    • +
+
+ +

Having fun has never been so easy before.

+

Ready to start?

+
+

What is RedXen?

+

RedXen is a hosting group and community that provide services for your entertainment.

+

Why RedXen?

+

Transparency and Freedom. Those 2 words are written in stone. We are committing to being as transparent as possible to everyone by serving (F)OS software wherever possible. We think that freedom of speech should be for everyone, no matter how "extreme" it might be. We allow all type of speech as long as it is not spam.

+

Where do i join?

+

There are a few places you might want to start. If you are looking for some games, our Mumble server is a good start. You can communicate with ease with your buddies without limits and without worrying about management. Just join, make a channel and you are good to go!

+

However, if you are looking to help with hosting or development, our Gitea instance is open for registrations. You can help us become better by submitting a issue or contributing yourself.

+

Finally, if you feel adventurous you might want to join our Telegram Group to have a chat.

+

What games are you hosting?

+

At the current moment, the following servers are available or planned:

+
    +
  • Minecraft: redxen.eu:25565
    • +
  • Terraria: (planned)
    • +
  • Xonotic: (planned)
    • +
+
-
-
-
+

RedXen Community

-

The community that empowers gamers

-
-
+

The community that empowers gamers.

+ + + Links + + + + Community + + + + Privacy & Freedom -
-
+ + + Contact -
-
- -
-
- -
+
-
- - - + + diff --git a/manifest.json b/manifest.json deleted file mode 100755 index a49d9b7..0000000 --- a/manifest.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "name": "RedXen Community", - "short_name": "RX Community", - "start_url": ".", - "display": "standalone", - "orientation": "portrait-primary", - "theme_color": "red", - "background_color": "#e11", - "description": "The Community that empowers gamers!", - "icons": [{ - "src": "res/logo2.png", - "sizes": "321x300", - "type": "image/png" - }] -} diff --git a/res/irc-chat-icon.png b/res/irc-chat-icon.png deleted file mode 100644 index 05906b0..0000000 Binary files a/res/irc-chat-icon.png and /dev/null differ diff --git a/res/logo-small.png b/res/logo-small.png new file mode 100644 index 0000000..a82f697 Binary files /dev/null and b/res/logo-small.png differ diff --git a/res/logo2.png b/res/logo2.png deleted file mode 100644 index 4e0834e..0000000 Binary files a/res/logo2.png and /dev/null differ diff --git a/res/pleroma.png b/res/pleroma.png deleted file mode 100644 index e9e99c5..0000000 Binary files a/res/pleroma.png and /dev/null differ diff --git a/res/slideshow/1.jpg b/res/slideshow/1.jpg new file mode 100644 index 0000000..48218e0 Binary files /dev/null and b/res/slideshow/1.jpg differ diff --git a/res/slideshow/2.jpg b/res/slideshow/2.jpg new file mode 100644 index 0000000..a98f9f6 Binary files /dev/null and b/res/slideshow/2.jpg differ diff --git a/res/slideshow/3.jpg b/res/slideshow/3.jpg new file mode 100644 index 0000000..dbddaf8 Binary files /dev/null and b/res/slideshow/3.jpg differ diff --git a/res/slideshow/4.jpg b/res/slideshow/4.jpg new file mode 100644 index 0000000..268f7c9 Binary files /dev/null and b/res/slideshow/4.jpg differ diff --git a/robots.txt b/robots.txt old mode 100755 new mode 100644