RedXen/Homepage
RedXen
/
Homepage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #5 from RXCommunity/dev 

Merge to Master
This commit is contained in:
Alex 2018-08-28 16:12:38 +02:00 committed by GitHub
parent 261c71f77a 85b9347b4e
commit 0dd1e88812
3 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/animations.css
View File

@ -8,6 +8,13 @@
transition: cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s; transition: cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
} }
.float:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}
.slide-top { .slide-top {
-webkit-animation: slide-in-top 1s; -webkit-animation: slide-in-top 1s;
animation: slide-in-top 1s; animation: slide-in-top 1s;

6
css/rules.css
View File

@ -4,6 +4,12 @@ a:hover {
color: #e22; color: #e22;
} }
body {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url(../res/bg.webp) no-repeat center;
background-size: cover;
}
/*Text*/ /*Text*/
.brand { .brand {

4
index.html
View File

@ -13,14 +13,14 @@
<link rel="stylesheet" href="css/important.css"> <link rel="stylesheet" href="css/important.css">
</head> </head>
<body style="background-color: #222"> <body style="background-color: #711">
<div id="bg" class="bg-landing"> <div id="bg" class="bg-landing">
<img alt="background" data-depth="0.2" src="res/bg.webp"> <img alt="background" data-depth="0.2" src="res/bg.webp">
</div> </div>
<div id="page" class="page flex column"> <div id="page" class="page flex column">
<div class="branding flex row float"> <div class="branding flex row float">
<div class="brand flex column justify-center"> <div class="brand flex column justify-center">
<h1 class="slide-top">RedXen Community</h1> <h1 class="slide-top flex column">RedXen Community</h1>
<div class="slide-left flex column"> <div class="slide-left flex column">
<p class="h-hide">The community that empowers gamers</p> <p class="h-hide">The community that empowers gamers</p>
<div class="h-hide links flex"> <div class="h-hide links flex">