Merge branch 'ernestocouleurs' into 'master'

Ajout des arc en ciel. Rainbow power

See merge request klub-dev-ens/Ernesto!13
This commit is contained in:
Lucie Galland 2021-12-13 13:01:46 +01:00
commit 9ea37de108
4 changed files with 42 additions and 5 deletions

View file

@ -30,7 +30,7 @@
{% if actu %} {% if actu %}
<div class="box" style="background-color:rgba(228,82,47,0.5)"> <div class="box" style="background-color:rgba(228,82,47,0.5)">
<h4> {% blocktrans count counter=actu|length %}Actualité des chef·fe·s:{% plural %}Actualités des chef·fe·s:{% endblocktrans %}</h4> <h4> <span class="ernestocouleur">{% blocktrans count counter=actu|length %}Actualité des chef·fe·s:{% plural %}Actualités des chef·fe·s:{% endblocktrans %}</span></h4>
<ul> <ul>
{% for a in actu %} {% for a in actu %}
<li>{% autotranslate current_language a.text a.text_en %}</li> <li>{% autotranslate current_language a.text a.text_en %}</li>
@ -38,7 +38,7 @@
</ul> </ul>
</div> </div>
{% endif %} {% endif %}
<h4>{% trans "Agenda :" %} </h4> <h4><span class="ernestocouleur">{% trans "Agenda :" %}</span></h4>
<table width="100%" style="background-color:#e4522f" > <table width="100%" style="background-color:#e4522f" >
<tr> <tr>
<td width="20%" align="left"> <td width="20%" align="left">

View file

@ -3674,3 +3674,40 @@ div.spoiler
max-width:100%; max-width:100%;
max-height:100%; max-height:100%;
} }
/* class to add colorful rainbowed texts */
.ernestocouleur {
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(to right,
hsl(10, 100%, 75%),
hsl(20, 100%, 65%),
hsl(30, 100%, 55%),
hsl(40, 100%, 50%),
hsl(50, 100%, 50%),
hsl(60, 100%, 50%),
hsl(70, 100%, 50%),
hsl(80, 100%, 50%),
hsl(90, 100%, 50%),
hsl(100, 100%, 50%),
hsl(110, 100%, 50%),
hsl(120, 100%, 50%),
hsl(130, 100%, 50%),
hsl(140, 100%, 50%),
hsl(150, 100%, 50%),
hsl(160, 100%, 50%),
hsl(170, 100%, 50%),
hsl(180, 100%, 50%),
hsl(190, 100%, 50%),
hsl(200, 100%, 50%),
hsl(210, 100%, 50%),
hsl(220, 100%, 50%),
hsl(230, 100%, 50%),
hsl(240, 100%, 50%),
hsl(250, 100%, 50%),
hsl(260, 100%, 50%),
hsl(270, 100%, 50%),
hsl(280, 100%, 50%)
);
color: transparent;
}

View file

@ -70,7 +70,7 @@
{% if infos or infos_en %} {% if infos or infos_en %}
<h3>{% trans "Infos utiles :" %}</h3> <h3><span class="ernestocouleur">{% trans "Infos utiles :" %}</span></h3>
<div class="box">{% autotranslate current_language infos infos_en %}</div> <div class="box">{% autotranslate current_language infos infos_en %}</div>
@ -94,7 +94,7 @@
</form> </form>
{% else %} {% else %}
{% if infos or infos_en %} {% if infos or infos_en %}
<h3>{% trans "Infos utiles :" %}</h3> <h3><span class="ernestocouleur">{% trans "Infos utiles :" %}</span></h3>
<div class="box">{% autotranslate current_language infos infos_en %}</div> <div class="box">{% autotranslate current_language infos infos_en %}</div>
{% endif %} {% endif %}

View file

@ -40,7 +40,7 @@
<section class="{% cycle 'wrapper style1' 'wrapper style2' %}"> <section class="{% cycle 'wrapper style1' 'wrapper style2' %}">
<div class="inner"> <div class="inner">
{% endif %} {% endif %}
<h4>{% autotranslate current_language category.name category.nom_en %} :</h4> <h4>{% if user.is_authenticated %}<span class="ernestocouleur">{% endif %}{% autotranslate current_language category.name category.nom_en %} :{% if user.is_authenticated %}</span>{% endif %}</h4>
<div class="row"> <div class="row">
<div class="6u 12u$(small)"> <div class="6u 12u$(small)">
<div class="table-wrapper"> <div class="table-wrapper">