From 1812aa0eb461c2afc9bf20ae93b056e2de14ee79 Mon Sep 17 00:00:00 2001 From: caskd Date: Tue, 30 Jul 2019 17:06:03 +0200 Subject: [PATCH] Initial commit --- .index.html~ | 80 ++++++++++ css/.main.less~ | 134 ++++++++++++++++ css/main.css | 355 ++++++++++++----------------------------- css/main.less | 407 ++++++++++++++---------------------------------- index.html | 126 ++++++++------- 5 files changed, 498 insertions(+), 604 deletions(-) create mode 100644 .index.html~ create mode 100644 css/.main.less~ diff --git a/.index.html~ b/.index.html~ new file mode 100644 index 0000000..5edf4eb --- /dev/null +++ b/.index.html~ @@ -0,0 +1,80 @@ + + + + + + RedXen Community + + + + + + + + + + + + +
+
+ Services + Platform + logo + Community + Get active +
+
+
+
+ logo +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris turpis metus, fringilla ut sodales non, scelerisque a sapien. In commodo eleifend urna a accumsan. Aenean egestas vitae risus eu maximus. Donec mollis dictum ligula, eget iaculis nisi consectetur et. Duis tempus nec arcu at vulputate. Nam sed hendrerit libero. Etiam cursus maximus justo, at aliquet mi tincidunt vel. Nunc mattis vulputate interdum. Aenean ut ex eget ex fermentum efficitur vel in sem. Nam euismod neque ut placerat vestibulum. In nec varius neque, sit amet sodales tortor. Aliquam ac maximus ante, quis ornare ex. Donec non iaculis metus. Nulla eu lacus imperdiet, eleifend lorem sit amet, congue ex. + +Phasellus aliquet tempor suscipit. Morbi aliquet condimentum tincidunt. Curabitur scelerisque, nisi ac feugiat feugiat, est metus ultrices nisl, eget fringilla ex ligula eget ante. Aliquam ac risus non turpis efficitur euismod. Vestibulum quis tincidunt orci. Cras aliquet sapien odio, vitae auctor diam tristique ac. Aliquam luctus elit nec purus pretium, a pellentesque ante efficitur. Donec iaculis lacus quis ante viverra bibendum. Quisque facilisis vehicula lorem, eget posuere odio finibus sit amet. + +Ut felis elit, cursus eget dignissim vel, lobortis ultrices urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sed commodo ligula. Aenean nulla lectus, scelerisque vitae ex ac, scelerisque rutrum magna. Cras vulputate et risus ac maximus. Cras sed faucibus leo, nec scelerisque dolor. Cras ut cursus ligula. Duis massa metus, viverra sed gravida ut, laoreet rutrum turpis. Fusce eget faucibus leo, vel dapibus ante. Integer molestie cursus erat nec tristique. Aliquam vitae diam leo. + +Ut justo nisl, sagittis tincidunt orci sit amet, suscipit luctus neque. Donec et diam a lorem ornare porttitor at ut velit. Morbi eu felis sagittis, rutrum tortor sed, tempor tellus. Praesent ligula lorem, pharetra non quam sit amet, ultricies tincidunt enim. Nulla vel neque nibh. Sed scelerisque sodales urna, id lacinia erat varius id. Vestibulum nec hendrerit purus. Integer laoreet vestibulum nibh, porttitor sagittis metus vestibulum sit amet. Maecenas volutpat dolor in nibh lobortis, et sagittis diam cursus. Duis in egestas elit. + +Vestibulum commodo, felis eu facilisis tincidunt, lacus quam feugiat erat, at tristique orci nunc in turpis. Suspendisse tincidunt enim diam, et ornare mi convallis quis. Praesent id facilisis orci, quis venenatis nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi pulvinar nisi ac pharetra egestas. Praesent at sapien ipsum. Proin tortor nunc, fermentum quis commodo vel, condimentum at nunc. Maecenas dictum eget nisi id volutpat. Sed mauris augue, placerat id malesuada eget, convallis quis ipsum. + +Maecenas ac libero sit amet lorem imperdiet pretium. Donec gravida urna quis eros aliquet, sed tincidunt tellus auctor. Vivamus sed massa rutrum, gravida quam et, placerat orci. Donec consectetur felis sapien, id pretium lorem vestibulum eu. Mauris sollicitudin et velit ac pellentesque. Quisque pretium, ipsum vel ultricies efficitur, enim mauris porta enim, id iaculis elit neque in arcu. Maecenas luctus quam quis arcu rhoncus tempor. Duis vitae ultrices metus, non facilisis leo. Mauris eget mollis sem. Nullam porta urna lacus, in viverra dui dignissim vitae. Integer nisl lacus, porta a ipsum et, auctor vestibulum enim. Proin nunc eros, malesuada sed mi eu, sagittis posuere eros. + +Nullam feugiat mauris eu condimentum vehicula. Phasellus euismod, velit at ultricies luctus, mi risus egestas neque, vitae luctus neque sem ac risus. Pellentesque varius maximus fermentum. Duis ac sodales lorem, sit amet tempus lorem. Duis id libero arcu. Proin in nisi quis ligula blandit luctus et vitae ante. Mauris sollicitudin arcu a maximus finibus. Aenean dictum, tortor ac scelerisque eleifend, nunc quam pulvinar lacus, at eleifend tortor metus quis turpis. Morbi vitae hendrerit odio. Nam id ipsum sit amet mauris bibendum aliquet. Sed diam sem, pulvinar sit amet urna eu, tincidunt pellentesque nibh. Nulla non pulvinar massa. Aenean eget arcu at nunc molestie aliquet ac non erat. Cras id quam in elit ultricies porttitor. + +Donec rhoncus velit quis malesuada euismod. Aenean id magna dignissim, consectetur neque vitae, sodales neque. Phasellus pretium pharetra feugiat. Integer ac urna est. Curabitur fermentum viverra libero, a eleifend sem lacinia a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam sit amet justo vitae metus vulputate luctus. Nunc porttitor est et ultrices hendrerit. Nunc porttitor ligula luctus fringilla pellentesque. Mauris tincidunt sollicitudin dolor, id pellentesque metus interdum nec. Donec eu porttitor sem, id ultrices urna. Integer pulvinar risus ornare est ultrices ornare. Cras pellentesque ut nibh ornare tempus. Sed condimentum non nisi non auctor. Quisque in pretium mi. Proin hendrerit tortor sed eros pretium bibendum. + +Ut ultricies gravida rhoncus. Donec dictum mollis lacus, vel consequat quam fermentum a. Aliquam tristique nulla ac ante sodales ornare. Phasellus turpis neque, eleifend vitae nunc vel, egestas rhoncus diam. Vestibulum eu ornare dui. Proin dui nisl, tincidunt quis malesuada nec, malesuada sed dui. Proin rhoncus lectus leo, et pretium elit commodo quis. Quisque hendrerit nisi neque, vel tristique orci dignissim ac. In laoreet nisl eleifend, dignissim erat quis, molestie arcu. Donec gravida pretium pulvinar. Cras blandit turpis nec augue mollis ultricies. Etiam eu risus ante. Nulla luctus, lacus id elementum dignissim, elit ligula tempor neque, et cursus ante ex ac augue. Nunc feugiat porta quam. Quisque vestibulum leo nec varius vehicula. Pellentesque non nulla vitae ipsum rutrum dictum a vitae velit. +

+
+
+
+
+
+

RedXen Community

+

The community that empowers gamers

+
+
+
    Resources +
  • RSS
    • +
+
+
+ +
+
+
+ +
+
+ + + + + diff --git a/css/.main.less~ b/css/.main.less~ new file mode 100644 index 0000000..eb63984 --- /dev/null +++ b/css/.main.less~ @@ -0,0 +1,134 @@ +@text: #eee; +@color: #e11; +@bg: #111; + +html { + min-height: 100%; + // Nice background to have + color: @text; + font-family: 'Oswald' ,sans-serif; + background: + linear-gradient(0deg, black, rgba(0,0,0,0.5)), + 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; + .headwrap { + height: 130px; + width: 100%; + top: 0; + position: fixed; + } + + .header { + background: + linear-gradient(180deg, rgba(0,0,0,0.8) 50%, transparent); + height: 50px; + width: 100%; + display: flex; + flex-flow: 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-top: 130px; + .body { + text-align: center; + padding: 0 5%; + img { + display: none; + width: 100%; + } + } + } + .footerwrap { + width: 100%; + .footer { + display: flex; + flex-flow: row; + div.col { + &.name { + flex: 2; + } + flex: 1; + padding: 10px; + } + } + } + } +} + +.round {border-radius:50%} +ul { + padding:0; + margin:4px 0; + li {list-style-type:none} +} +h1,h2 {margin:0} +h1 {font-size:32px} +h2 {font-size:14px} + +a { + color: @text; + text-decoration: none; + &:hover, + &.highlight { + color: @color; + } + &.highlight:hover { + text-decoration: underline; + } + transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s; +} + +@media only screen and (min-width: 800px) { +} + +@media only screen and (max-width: 800px) { + html { + body{ + .headwrap { + height: 50px; + .header { + padding: 0; + background: + linear-gradient(180deg, rgba(0,0,0,0.8) 90%, transparent); + img { + display: none; + } + } + } + .bodywrap { + margin-top: 50px; + .body img { + display: initial; + } + } + .footerwrap { + .footer { + padding-right: 10px; + flex-flow: column; + div.col {padding:2px} + } + } + } + } +} diff --git a/css/main.css b/css/main.css index 35c1e4f..f6b9cb6 100644 --- a/css/main.css +++ b/css/main.css @@ -1,279 +1,116 @@ -html, -body { - width: 100%; - height: 100%; - overflow: hidden; -} -::selection { - background: #c11; -} -img.logo { - border-radius: 50%; - width: 50px; - height: 50px; - position: absolute; - bottom: 0; - right: 0; - margin: 10px; -} -img.logo:hover { - opacity: 0.5; -} -body { - margin: 0; - background: url("/res/red-space.png") no-repeat; - background-size: cover; - backdrop-filter: blur(20px); +html { + min-height: 100%; color: #eee; font-family: 'Oswald', sans-serif; + background: linear-gradient(0deg, black, rgba(0, 0, 0, 0.5)), repeating-linear-gradient(45deg, #8f0a0a 0% 2%, transparent 2% 4%), repeating-linear-gradient(-45deg, #111 0% 2%, #000000 2% 4%); } -div.slide.container { - height: 100%; - width: 80%; - box-sizing: border-box; - position: fixed; - display: block; - background-color: #111; -} -div.slide.container::after { - content: " "; - position: absolute; - display: block; - height: 100%; - top: 0; - left: 0; - z-index: -1; - background: inherit; - transform-origin: bottom left; -} -.main { - display: flex; - margin: auto; - padding: 10px; - box-sizing: border-box; - width: 100%; - height: 100%; - overflow: hidden; -} -.main .links { - display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - min-height: 2em; - min-width: 3em; -} -.main .links ul { - opacity: 0; - position: absolute; -} -.main .links span { - opacity: 1; - transform: rotate(-90deg); -} -.main .links ul, -.main .links span { - transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; -} -.main .links:hover ul { - opacity: 1; - transform: translateX(0px); -} -.main .links:hover span { - opacity: 0; -} -.main .content { - margin: 0 20px; - display: flex; - flex-direction: column; - width: 100%; - box-sizing: border-box; - overflow-y: auto; - overflow-x: hidden; -} -.main .content .text { - padding: 0 10px; - scroll-behavior: smooth; - text-align: left; -} -.main .content .text a { - text-decoration: underline #eee; -} -.main .content .text a:hover { - text-decoration: none; -} -.main .content .text .prst { - overflow: hidden; - width: 100%; -} -.main .content .text .prst::after { - content: "the community that empowers you"; - animation: slideThrough 30s cubic-bezier(0, 1, 0, 1) forwards; - display: inline-block; -} -.main .content .head { - display: flex; - align-items: center; - justify-content: center; - height: 100px; - min-height: 100px; - margin: 20px 0; -} -.main .content .head .column { - margin: auto 10px; -} -.main .content .head .column h1, -.main .content .head .column p { +html body { margin: 0; } +html body .headwrap { + height: 130px; + width: 100%; + top: 0; + position: fixed; +} +html body .header { + background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 50%, transparent); + height: 50px; + width: 100%; + display: flex; + flex-flow: row; + align-items: center; + justify-content: space-around; + font-size: 20px; + padding: 0 0 80px 0; +} +html body .header img { + display: inline-block; + height: 100px; + margin: 30px 0 30px 0; + transform: translateY(30px); +} +html body .bodywrap { + width: 100%; + margin-top: 130px; +} +html body .bodywrap .body { + text-align: center; + padding: 0 5%; +} +html body .bodywrap .body img { + display: none; + width: 100%; +} +html body .footerwrap { + width: 100%; +} +html body .footerwrap .footer { + display: flex; + flex-flow: row; +} +html body .footerwrap .footer div.col { + flex: 1; + padding: 10px; +} +html body .footerwrap .footer div.col.name { + flex: 2; +} +.round { + border-radius: 50%; +} ul { - padding-inline-start: 0; + padding: 0; + margin: 4px 0; } ul li { - list-style: none; + list-style-type: none; +} +h1, +h2 { + margin: 0; +} +h1 { + font-size: 32px; +} +h2 { + font-size: 14px; } a { - transition: cubic-bezier(0.19, 1, 0.22, 1) 1s; - color: #3c3c3c; - text-decoration: none; -} -a[href] { color: #eee; + text-decoration: none; + transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s; } -a[href]:hover { - color: #e22; +a:hover, +a.highlight { + color: #e11; } -div.links a[href]:hover::after { - transform: translateX(6px); - opacity: 1; +a.highlight:hover { + text-decoration: underline; } -div.links a:hover { - cursor: pointer; -} -div.links a::after { - content: ">"; - position: absolute; - opacity: 0; - transform: translateX(0px); - transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1s; -} -::-webkit-scrollbar { - display: none; -} -.shadow { - filter: drop-shadow(0px 3px 4px #010101); -} -@media only screen and (min-width: 900px) { - div.slide.container { - width: 80%; +@media only screen and (max-width: 800px) { + html body .headwrap { + height: 50px; } - div.slide.container::after { - width: 100%; - transform: skew(-10deg, 0deg); + html body .headwrap .header { + padding: 0; + background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 90%, transparent); } - .links ul { - transform: translateX(-40px); - } - .links:hover span { - transform: translateX(-40px) rotate(-90deg); - } -} -@media only screen and (max-width: 900px) { - img.logo { - width: 30px; - height: 30px; - top: 0; - } - div.slide.container { - background-color: rgba(17, 17, 17, 0.5); - width: 100%; - } - div.slide.container::after { - opacity: 0; - } - .content .text h2 { - margin: 2px 0; - } - .main { - flex-direction: column; - } - .main .content { - order: 1; - margin: 0; - } - .main .links { - order: 2; - text-align: center; - margin: 6px 0; - } - .main .links ul { - opacity: 1; - position: relative; - } - .main .links ul li { - display: inline; - margin: 0 6px; - } - .main .links ul li a::after { + html body .headwrap .header img { display: none; } - .main .links span { - display: none; - } -} -@keyframes slideThrough { - 0%, - 11%, - 21%, - 31%, - 41%, - 51% { - transform: translateX(-10px); - opacity: 0; - } - 2%, - 7%, - 12%, - 17%, - 22%, - 27%, - 32%, - 37%, - 42%, - 47%, - 52%, - 100% { - transform: translateY(0); - opacity: 1; - } - 9%, - 19%, - 29%, - 39%, - 49% { - transform: translateX(10px); - opacity: 0; - } - 0% { - content: "where you game"; - } - 10% { - content: "where you are free"; - } - 20% { - content: "where you have fun"; - } - 30% { - content: "where the competition starts"; - } - 40% { - content: "the free community"; - } - 50% { - content: "the open community"; - } - 60%, - 100% { - content: "the community that empowers you"; + html body .bodywrap { + margin-top: 50px; + } + html body .bodywrap .body img { + display: initial; + } + html body .footerwrap .footer { + padding-left: 10px; + box-sizing: border-box; + flex-flow: column; + } + html body .footerwrap .footer div.col { + padding: 2px; } } diff --git a/css/main.less b/css/main.less index adbed69..b78c969 100644 --- a/css/main.less +++ b/css/main.less @@ -1,308 +1,135 @@ -@slide-duration: 0.5s; -@slide-width: 80%; +@text: #eee; +@color: #e11; +@bg: #111; -@textdef: #eee; -@vibrant: #e22; -@dark: #c11; -@contentbg: #111; -@inkdark: #010101; - -html, -body { - width: 100%; - height: 100%; - overflow: hidden; -} - -::selection { - background: @dark; -} - -img.logo { - border-radius: 50%; - width: 50px; - height: 50px; - position: absolute; - bottom: 0; - right: 0; - margin: 10px; - - &:hover { - opacity: 0.5; - } -} - -body { +html { + min-height: 100%; + // Nice background to have + color: @text; + font-family: 'Oswald' ,sans-serif; + background: + linear-gradient(0deg, black, rgba(0,0,0,0.5)), + 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; - background: url("/res/red-space.png") no-repeat; - background-size: cover; - backdrop-filter: blur(20px); - color: @textdef; - font-family: 'Oswald', sans-serif; -} - -div.slide.container { - - &::after { - content: " "; - position: absolute; - display: block; - height: 100%; - top: 0; - left: 0; - z-index: -1; - background: inherit; - transform-origin: bottom left; + .headwrap { + height: 130px; + width: 100%; + top: 0; + position: fixed; } - height: 100%; - width: @slide-width; - box-sizing: border-box; - position: fixed; - display: block; - background-color: @contentbg; -} - -.main { - .links { + .header { + background: + linear-gradient(180deg, rgba(0,0,0,0.8) 50%, transparent); + height: 50px; + width: 100%; + display: flex; + flex-flow: 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-top: 130px; + .body { + text-align: center; + padding: 0 5%; + img { + display: none; + width: 100%; + } + } + } + .footerwrap { + width: 100%; + .footer { display: flex; - flex-direction: column; - justify-content: center; - align-content: center; - min-height: 2em; - min-width: 3em; - - ul { - opacity: 0; - position: absolute; - } - - span { - opacity: 1; - transform: rotate(-90deg); - } - - ul, - span { - transition: cubic-bezier(0.215, 0.610, 0.355, 1) 0.4s; - } - - &:hover { - ul { - opacity: 1; - transform: translateX(0px); - } - - span { - opacity: 0; - } + flex-flow: row; + div.col { + &.name { + flex: 2; + } + flex: 1; + padding: 10px; } + } } - - .content { - .text { - padding: 0 10px; - scroll-behavior: smooth; - text-align: left; - - a { - text-decoration: underline #eee; - &:hover { - text-decoration: none; - } - } - - .prst { - overflow: hidden; - width: 100%; - - &::after { - content: "the community that empowers you"; - animation: slideThrough 30s cubic-bezier(0,1,0,1) forwards; - display: inline-block; - } - } - } - - .head { - .column { - margin: auto 10px; - - h1, - p { - margin: 0; - } - } - - display: flex; - align-items: center; - justify-content: center; - height: 100px; - min-height: 100px; - margin: 20px 0; - } - - margin: 0 20px; - display: flex; - flex-direction: column; - width: 100%; - box-sizing: border-box; - overflow-y: auto; - overflow-x: hidden; - } - - display: flex; - margin: auto; - padding: 10px; - box-sizing: border-box; - width: 100%; - height: 100%; - overflow: hidden; + } } +.round {border-radius:50%} ul { - li { - list-style: none; - } - - padding-inline-start: 0; + padding:0; + margin:4px 0; + li {list-style-type:none} } +h1,h2 {margin:0} +h1 {font-size:32px} +h2 {font-size:14px} a { - transition: cubic-bezier(0.19, 1, 0.22, 1) 1s; - color: darken(@textdef, 70%); - text-decoration: none; - &[href] { - color: @textdef; - &:hover { - color: @vibrant; - } - } + color: @text; + text-decoration: none; + &:hover, + &.highlight { + color: @color; + } + &.highlight:hover { + text-decoration: underline; + } + transition: cubic-bezier(0.23, 1, 0.32, 1) 0.4s; } -div.links a { - &[href] { - &:hover { - &::after { - transform: translateX(6px); - opacity: 1; - } - } - } - - &:hover { - cursor: pointer; - } - - &::after { - content: ">"; - position: absolute; - opacity: 0; - transform: translateX(0px); - transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1s; - } +@media only screen and (min-width: 800px) { } -::-webkit-scrollbar { - display: none; +@media only screen and (max-width: 800px) { + html { + body{ + .headwrap { + height: 50px; + .header { + padding: 0; + background: + linear-gradient(180deg, rgba(0,0,0,0.8) 90%, transparent); + img { + display: none; + } + } + } + .bodywrap { + margin-top: 50px; + .body img { + display: initial; + } + } + .footerwrap { + .footer { + padding-left: 10px; + box-sizing: border-box; + flex-flow: column; + div.col {padding:2px} + } + } + } + } } - -.shadow { - filter: drop-shadow(0px 3px 4px @inkdark); -} - -@media only screen and (min-width: 900px) { - div.slide.container { - &::after { - width: 100%; - transform: skew(-10deg, 0deg); - } - - width: @slide-width; - } - - .links { - ul { - transform: translateX(-40px); - } - - &:hover { - span { - transform: translateX(-40px) rotate(-90deg); - } - } - } -} - -@media only screen and (max-width: 900px) { - img.logo { - width: 30px; - height: 30px; - top: 0; - } - - div.slide.container { - &::after { - opacity: 0; - } - - background-color: fade(@contentbg, 50%); - width: 100%; - } - - .content { - .text { - h2 { - margin: 2px 0; - } - } - } - - .main { - .content { - order: 1; - margin: 0; - } - - .links { - order: 2; - text-align: center; - margin: 6px 0; - - ul { - opacity: 1; - position: relative; - - li { - display: inline; - margin: 0 6px; - - a { - &::after { - display: none; - } - } - } - } - - span { - display: none; - } - } - - flex-direction: column; - } -} - -@keyframes slideThrough { - 0%,11%,21%,31%,41%,51% {transform: translateX(-10px); opacity: 0;} - 2%,7%,12%,17%,22%,27%,32%,37%,42%,47%,52%,100% {transform: translateY(0); opacity: 1;} - 9%,19%,29%,39%,49% {transform: translateX(10px); opacity: 0;} - 0% {content: "where you game";} - 10% {content: "where you are free";} - 20% {content: "where you have fun";} - 30% {content: "where the competition starts";} - 40% {content: "the free community";} - 50% {content: "the open community";} - 60%,100% {content: "the community that empowers you";} -} \ No newline at end of file diff --git a/index.html b/index.html index 9bcc3f9..5edf4eb 100644 --- a/index.html +++ b/index.html @@ -2,63 +2,79 @@ - - RedXen Community - - - - - - - - - + + RedXen Community + + + + + + + + + - -
-
-
- LINKS - -
-
-
-
-

RedXen Community

-

The community that empowers gamers

-
-
-
-

RedXen is 

-

Making sure to respect many of the newest standards, being transparent, private and having no censorship is what shapes us as a community.

-

We offer a multitude of services ranging from on-premise cloud storage with full control to gameserver hosting, we have everything you would wish for.

-

Fast

-

With the help of CloudFlare's caching technologies and their content distribution network, most of the pages are loaded in a span of a few seconds, no matter where you are.

-

Reliable

-

Our staff always makes sure to be as precautious as possible, making sure that your data is safe and all your services, we offer highly available hosted services in Enterprise-level containers for a small price.

-

Would it be either a small seedbox or a huge web application, we make sure that it runs un-interrupted and performs well.

-

Private

-

Your data is not sold to any third-parties, ever. The only tracked things are your IP address and countries from which you access, with no relation to your private identity. How could you believe us? The only way is knowing about how we operate our services which i myself can gladly tell you here.

-
-
-
-
- - - + +
+
+ Services + Platform + logo + Community + Get active +
+
+
+
+ logo +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris turpis metus, fringilla ut sodales non, scelerisque a sapien. In commodo eleifend urna a accumsan. Aenean egestas vitae risus eu maximus. Donec mollis dictum ligula, eget iaculis nisi consectetur et. Duis tempus nec arcu at vulputate. Nam sed hendrerit libero. Etiam cursus maximus justo, at aliquet mi tincidunt vel. Nunc mattis vulputate interdum. Aenean ut ex eget ex fermentum efficitur vel in sem. Nam euismod neque ut placerat vestibulum. In nec varius neque, sit amet sodales tortor. Aliquam ac maximus ante, quis ornare ex. Donec non iaculis metus. Nulla eu lacus imperdiet, eleifend lorem sit amet, congue ex. + +Phasellus aliquet tempor suscipit. Morbi aliquet condimentum tincidunt. Curabitur scelerisque, nisi ac feugiat feugiat, est metus ultrices nisl, eget fringilla ex ligula eget ante. Aliquam ac risus non turpis efficitur euismod. Vestibulum quis tincidunt orci. Cras aliquet sapien odio, vitae auctor diam tristique ac. Aliquam luctus elit nec purus pretium, a pellentesque ante efficitur. Donec iaculis lacus quis ante viverra bibendum. Quisque facilisis vehicula lorem, eget posuere odio finibus sit amet. + +Ut felis elit, cursus eget dignissim vel, lobortis ultrices urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sed commodo ligula. Aenean nulla lectus, scelerisque vitae ex ac, scelerisque rutrum magna. Cras vulputate et risus ac maximus. Cras sed faucibus leo, nec scelerisque dolor. Cras ut cursus ligula. Duis massa metus, viverra sed gravida ut, laoreet rutrum turpis. Fusce eget faucibus leo, vel dapibus ante. Integer molestie cursus erat nec tristique. Aliquam vitae diam leo. + +Ut justo nisl, sagittis tincidunt orci sit amet, suscipit luctus neque. Donec et diam a lorem ornare porttitor at ut velit. Morbi eu felis sagittis, rutrum tortor sed, tempor tellus. Praesent ligula lorem, pharetra non quam sit amet, ultricies tincidunt enim. Nulla vel neque nibh. Sed scelerisque sodales urna, id lacinia erat varius id. Vestibulum nec hendrerit purus. Integer laoreet vestibulum nibh, porttitor sagittis metus vestibulum sit amet. Maecenas volutpat dolor in nibh lobortis, et sagittis diam cursus. Duis in egestas elit. + +Vestibulum commodo, felis eu facilisis tincidunt, lacus quam feugiat erat, at tristique orci nunc in turpis. Suspendisse tincidunt enim diam, et ornare mi convallis quis. Praesent id facilisis orci, quis venenatis nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi pulvinar nisi ac pharetra egestas. Praesent at sapien ipsum. Proin tortor nunc, fermentum quis commodo vel, condimentum at nunc. Maecenas dictum eget nisi id volutpat. Sed mauris augue, placerat id malesuada eget, convallis quis ipsum. + +Maecenas ac libero sit amet lorem imperdiet pretium. Donec gravida urna quis eros aliquet, sed tincidunt tellus auctor. Vivamus sed massa rutrum, gravida quam et, placerat orci. Donec consectetur felis sapien, id pretium lorem vestibulum eu. Mauris sollicitudin et velit ac pellentesque. Quisque pretium, ipsum vel ultricies efficitur, enim mauris porta enim, id iaculis elit neque in arcu. Maecenas luctus quam quis arcu rhoncus tempor. Duis vitae ultrices metus, non facilisis leo. Mauris eget mollis sem. Nullam porta urna lacus, in viverra dui dignissim vitae. Integer nisl lacus, porta a ipsum et, auctor vestibulum enim. Proin nunc eros, malesuada sed mi eu, sagittis posuere eros. + +Nullam feugiat mauris eu condimentum vehicula. Phasellus euismod, velit at ultricies luctus, mi risus egestas neque, vitae luctus neque sem ac risus. Pellentesque varius maximus fermentum. Duis ac sodales lorem, sit amet tempus lorem. Duis id libero arcu. Proin in nisi quis ligula blandit luctus et vitae ante. Mauris sollicitudin arcu a maximus finibus. Aenean dictum, tortor ac scelerisque eleifend, nunc quam pulvinar lacus, at eleifend tortor metus quis turpis. Morbi vitae hendrerit odio. Nam id ipsum sit amet mauris bibendum aliquet. Sed diam sem, pulvinar sit amet urna eu, tincidunt pellentesque nibh. Nulla non pulvinar massa. Aenean eget arcu at nunc molestie aliquet ac non erat. Cras id quam in elit ultricies porttitor. + +Donec rhoncus velit quis malesuada euismod. Aenean id magna dignissim, consectetur neque vitae, sodales neque. Phasellus pretium pharetra feugiat. Integer ac urna est. Curabitur fermentum viverra libero, a eleifend sem lacinia a. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam sit amet justo vitae metus vulputate luctus. Nunc porttitor est et ultrices hendrerit. Nunc porttitor ligula luctus fringilla pellentesque. Mauris tincidunt sollicitudin dolor, id pellentesque metus interdum nec. Donec eu porttitor sem, id ultrices urna. Integer pulvinar risus ornare est ultrices ornare. Cras pellentesque ut nibh ornare tempus. Sed condimentum non nisi non auctor. Quisque in pretium mi. Proin hendrerit tortor sed eros pretium bibendum. + +Ut ultricies gravida rhoncus. Donec dictum mollis lacus, vel consequat quam fermentum a. Aliquam tristique nulla ac ante sodales ornare. Phasellus turpis neque, eleifend vitae nunc vel, egestas rhoncus diam. Vestibulum eu ornare dui. Proin dui nisl, tincidunt quis malesuada nec, malesuada sed dui. Proin rhoncus lectus leo, et pretium elit commodo quis. Quisque hendrerit nisi neque, vel tristique orci dignissim ac. In laoreet nisl eleifend, dignissim erat quis, molestie arcu. Donec gravida pretium pulvinar. Cras blandit turpis nec augue mollis ultricies. Etiam eu risus ante. Nulla luctus, lacus id elementum dignissim, elit ligula tempor neque, et cursus ante ex ac augue. Nunc feugiat porta quam. Quisque vestibulum leo nec varius vehicula. Pellentesque non nulla vitae ipsum rutrum dictum a vitae velit. +

+
+
+
+
+
+

RedXen Community

+

The community that empowers gamers

+
+
+
    Resources +
  • RSS
    • +
+
+
+ +
+
+
+ +
+
+ +