Commit 228af3ce authored by Thibaud-Vdb's avatar Thibaud-Vdb
Browse files

style(banner): adjust banner design

parent e4af5d20

.gitlab-ci.yml

+1 −2
Original line number Diff line number Diff line
@@ -8,10 +8,9 @@ stages: 


include:

  - remote: 'https://jobs.r2devops.io/0.2.0/links_checker.yml?scope=0.yml'

  - remote: 'https://jobs.r2devops.io/0.2.0/spell_check.yml?scope=0.yml'

  - remote: 'https://jobs.r2devops.io/0.2.1/spell_check.yml?scope=0.yml'

  - remote: 'https://jobs.r2devops.io/1.4.0/mkdocs.yml?scope=0.yml'

  - remote: 'https://jobs.r2devops.io/0.3.0/pages.yml?scope=0.yml'

  - remote: 'https://jobs.r2devops.io/lighthouse.yml?scope=0.yml'



workflow:

  rules:

docs/css/extra.css

+42 −0
Original line number Diff line number Diff line
@@ -319,6 +319,8 @@ opacity: .8; 


.md-header {

    z-index: 3;

    height: 80px;

    padding-top: 12px;

}



.somethingwrong{
@@ -342,3 +344,43 @@ opacity: .8; 
.tellus:hover{

  background-color: #D9D9D9;

}



.md-announce {

    background: #00D6A0!important;

    border-bottom: 1.5px solid black;

    -webkit-box-shadow: -1px 4px 11px -2px #000000; 

box-shadow: -1px 4px 11px -2px #000000;

    height: 70px;

}



.md-announce__inner {

    text-align: center;

    display:flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    margin: 0 auto;

}

.banner-link {

    text-decoration: underline;

    font-weight: bold;

    font-size: 1.0rem;

    margin-left: 0.5rem;

    margin-right: 0.5rem;

}

.md-announce a:hover {

    color: purple

}

.banner-img {

    width: 60px;

    height: 100%;

    margin-bottom: 10px;

}

.banner-icon, .banner-icon-2 {

    font-size: 1.0rem;

    margin-top: 0.1rem;

}



.banner-icon {

    padding-left: 0.5rem;

}
 
 No newline at end of file

docs/images/R2-nouvel-an-fete.gif

0 → 100644
+1.3 MiB
Loading image diff...

overrides/main.html

+11 −3
Original line number Diff line number Diff line 
{% extends "base.html" %}



{% block announce %}

    New release of R2Devops coming soon, you'll be able to link your job directly from your own repository

<img src="../images/R2-nouvel-an-fete.gif" class="banner-img"/>

New release coming soon  

<div class="banner-icon">

➡️ 

</div>



<a href="https://r2link.io/subscribe" class="banner-link" target="_blank">

    Learn all about it

    Discover the new features

</a>

    🔥

<div class="banner-icon-2">

    🌌

</div>



{% endblock %}