Skip to content

Commit

Permalink
Update header design
Browse files Browse the repository at this point in the history
  • Loading branch information
@westcripp
westcripp committed Aug 29, 2020
1 parent 76b8001 commit 7ad8b8e
Show file tree
Hide file tree
Showing 3 changed files with 117 additions and 14 deletions.
70 changes: 69 additions & 1 deletion css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,7 @@ em {
}

.features-link:link, .features-link:visited {
color: #ff0055;
color: #C82428;
}


Expand Down Expand Up @@ -820,6 +820,74 @@ section#credits h2.featurette-heading {
-moz-transition: background 0.25 ease-in;
-webkit-transition: background 0.25 ease-in;
}
/* Container holding the image and the text */
.container {
position: relative;
text-align: center;
color: white;
}
/* RR sub header text */
@media screen and (min-width: 601px) {
.rr-subheader {
padding: 10px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 37px;
color: #C82428;
font-weight: bold;
letter-spacing: -1px;
background: -webkit-linear-gradient(45deg, #1abc9c, #8353EC);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
@media screen and (max-width: 600px) {
.rr-subheader {
padding: 5px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 26px;
color: #C82428;
font-weight: bold;
letter-spacing: -1px;
background: -webkit-linear-gradient(45deg, #1abc9c, #8353EC);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
/* RR header text */
@media screen and (min-width: 601px) {
.rr-header {
padding: 60px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 81px;
color: #C82428;
font-weight: bold;
letter-spacing: -2px;
background: -webkit-linear-gradient( #eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
@media screen and (max-width: 600px) {
.rr-header {
padding: 20px;
text-align: center;
background: #1abc9c;
color: white;
font-size: 57px;
color: #C82428;
font-weight: bold;
letter-spacing: -2px;
background: -webkit-linear-gradient( #eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}

#theme-form input[type=text] {
height: 3.25em;
Expand Down
Binary file modified img/rr_head_banner.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
61 changes: 48 additions & 13 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -147,39 +147,64 @@ <h1 class="brand">
<!-- ******************** HeaderWrap ********************-->
<div id="headerwrap">
<header class="clearfix">
<h1>
<img src="img/rr_head_banner.png" />
</h1>
<div class="rr-header">
<p>#GETRESURRECTED</p>
</div>
<header class="clearfix">
<div class="rr-subheader">
<p>RR VERSION 8.0 'ANDROID 10' HAS BEEN RELEASED!</p>
</div>
<div class="container">
<div class="row">
<div class="span12">
</div>
</div>

<div class="fb-post" data-href="https://www.facebook.com/resurrectionremixrom/posts/2793510864205289" style="color:#f5f5f5" data-show-text="true" data-width=""><p cite="https://www.facebook.com/resurrectionremixrom/posts/2793510864205289" class="fb-xfbml-parse-ignore"><p>Hello all!
It's been a long time since you heard from us. We hope you are safe and well during this crazy pandemic. We are back and with some good news! Resurrection Remix is back! We were away for Q for a while but now the rom is rock stable and source is ready for the public. Grab into your build servers because the source is ready to go!!

The rom is very stable at the moment with tons of features to even count. 'This is the hottest RR version so far' Most of the issues have been resolved during the testing phase for Oneplus 7pro and 7t pro builds published on xda a few months ago. So get ready to build for your device!</p>Posted by <a href="https://www.facebook.com/resurrectionremixrom/">Resurrection Remix OS</a> on&nbsp;<a href="https://www.facebook.com/resurrectionremixrom/posts/2793510864205289">Tuesday, August 11, 2020</a></p></div>
<div class="container">
<div class="row">
<div class="span12">
</div>
</div>
<b><h3>
Follow us
</h3></b>
<div class="row">
<div class="span12">
<ul class="icon">

<li>
<a href="https://github.com/ResurrectionRemix" target="_blank">
<img src="https://cdn.shopify.com/s/files/1/0271/0002/0835/files/logo.svg?v=1598711929" alt="resurrection remix github" width="50" height="50">
</i>
</a>
</li>
<li>
<a href="https://www.facebook.com/resurrectionremixrom" target="_blank">
<i class="icon-facebook-circled">
<img src="https://cdn.shopify.com/s/files/1/0271/0002/0835/files/facebook.svg?v=1598712314" alt="resurrection remix facebook" width="50" height="50">
</i>
</a>
</li>
<li>
<a href="https://twitter.com/rrosofficial" target="_blank">
<i class="icon-twitter-circled">
</i>
</a>
</li>
<li>
<a href="https://github.com/ResurrectionRemix" target="_blank">
<i class="icon-custom-github-circled-alt2">
<img src="https://cdn.shopify.com/s/files/1/0271/0002/0835/files/twitter_1.svg?v=1598712421" alt="resurrection remix twitter" width="50" height="50">
</i>
</a>
</li>
<li>
<a href="https://t.me/resurrectionremixchat" target="_blank">
<img src="https://cdn.shopify.com/s/files/1/0271/0002/0835/files/telegram.svg?v=1598712500" alt="resurrection remix telegram" width="50" height="50">
</i>
</a>
</li>

</ul>
</div>
</div>
</div>
</div>
</header>
</div>
<!--******************** Feature ********************-->
Expand Down Expand Up @@ -427,7 +452,17 @@ <h2>
<a class="features-link" href="https://www.facebook.com/resurrectionremixrom" target="_blank">
Facebook
</a>
page, and
page,
<a class="features-link" href="https://t.me/resurrectionremixchat"
target="_blank">
Telegram community
</a>
/
<a class="features-link" href="https://t.me/resurrectionremixchannel"
target="_blank">
Telegram updates channel
</a>
and
<a class="features-link" href="https://twitter.com/rrosofficial" target="_blank">
Twitter
</a>
Expand Down

0 comments on commit 7ad8b8e

Please sign in to comment.