Commit 9ba35848 authored by gouarin's avatar gouarin
Browse files

fix tox and add arrow in header box

parent 4064157a
Pipeline #3617 passed with stages
in 1 minute and 8 seconds
......@@ -207,6 +207,17 @@ a:hover{
line-height: 10px;
}
#header-btn.btn-dark:before{
content: '';
width: 10px;
height: 10px;
background: black;
position: absolute;
top: 23px;
left: 50%;
transform: translate(-50%) rotate(45deg);
}
#header .link {
padding-top: 120px;
}
......@@ -270,6 +281,13 @@ a:hover{
transform: scale(1.091,1.091);
}
.toc {
font-family: Roboto;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
/* Pastille "Suivez la liste" */
.follow-pastille {
margin-top: -75px;
......
......@@ -41,6 +41,10 @@
{{ article_template.header_content(article) }}
{% endblock header_content %}
{% block toc_content %}
{{ article_template.toc_content(article) }}
{% endblock toc_content %}
{% block content %}
{{article.content}}
{% endblock content %}
......
......@@ -25,3 +25,6 @@
{% endif %}
</div>
{% endmacro %}
{% macro toc_content(article) %}
{% endmacro %}
......@@ -31,19 +31,22 @@
{% endif %}
</div>
</div>
</div>
{% endmacro %}
{% macro toc_content(article) %}
{% if article.toc %}
<div class="container text-center link">
<div class="row d-flex justify-content-center">
{% for toc in article.toc %}
<div class="col-md-4">
<a href='{{ toc.link }}'>
<img style="width:22px" src="{{ SITEURL }}/theme/img/ancre.png"/>
{{ toc.name }}
</a>
</div>
{% endfor %}
<div class="container-fluid d-flex justify-content-center link pb-3">
<div class="row">
{% for toc in article.toc %}
<div class="col-md-auto text-left toc">
<a href='{{ toc.link }}'>
<img style="width:22px" src="{{ SITEURL }}/theme/img/ancre.png"/>
{{ toc.name }}
</a>
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endmacro %}
......@@ -18,8 +18,6 @@
<link rel="icon" href="{{ SITEURL }}/theme/img/logo.png">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="trianglify.js"></script>
{% endblock head %}
</head>
<body>
......@@ -69,10 +67,14 @@
<div class="container-fluid d-flex justify-content-center py-3">
<div class="row header-content text-center mt-5">
{% block header_content %}
{% endblock header_content %}
<div class="col mt-5">
{% block header_content %}
{% endblock header_content %}
</div>
</div>
</div>
{% block toc_content %}
{% endblock toc_content %}
</header>
{% block pastille %}
......
......@@ -14,6 +14,10 @@
{{ category_template.header_content(category) }}
{% endblock header_content %}
{% block toc_content %}
{{ category_template.toc_content(category) }}
{% endblock toc_content %}
{% block content %}
{{ category_template.content(articles) }}
{% endblock content %}
......
{% macro header_content(category) %}
<div class="col mt-5">
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="btn btn-dark mb-2 p-2" id="header-btn">
<div class="row m-0 d-flex align-items-center">
......@@ -20,17 +19,22 @@
{% endfor %}
</div>
</div>
<div class="container text-center link">
<div class="row d-flex justify-content-center">
<a href="{{ SITEURL }}/job_offers/add_job_offer" style="display: block;" class="col-md-8">
<img style="width:22px" src="{{ SITEURL }}/theme/img/ancre.png"/>
<span>AJOUTER UNE OFFRE</span>
</a>
{% endmacro %}
{% macro toc_content(category) %}
<div class="container-fluid d-flex justify-content-center link pb-3">
<div class="row">
<div class="col-md-auto text-left toc">
<a href="{{ SITEURL }}/job_offers/add_job_offer">
<img style="width:22px" src="{{ SITEURL }}/theme/img/ancre.png"/>
AJOUTER UNE OFFRE
</a>
</div>
</div>
</div>
</div>
{% endmacro %}
{% macro content(articles) %}
<div class="container-fluid event">
<div class="row d-flex justify-content-center mx-xl-5 mx-lg-3" id="event" style="margin-top: 22px;">
......
{% macro header_content(category) %}
<div class="col mt-5">
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="btn btn-dark mb-2 p-2" id="header-btn">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
</div>
<h1 class="mt-3 mb-2">Nos formations</h1>
<p class="font-weight-light text-center pt-4">Le groupe Calcul propose des formations sur différentes thématiques tout au long de l'année.</p>
<div class="container text-center py-1">
<div class="row d-flex justify-content-center">
<div class="col-md-3 px-0">
</div>
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="btn btn-dark mb-2 p-2" id="header-btn">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</div>
<div class="container text-center link">
<div class="row d-flex justify-content-center">
</a>
</div>
<h1 class="mt-3 mb-2">Nos formations</h1>
<p class="font-weight-light text-center pt-4">Le groupe Calcul propose des formations sur différentes thématiques tout au long de l'année.</p>
<div class="container text-center py-1">
<div class="row d-flex justify-content-center">
<div class="col-md-3 px-0">
</div>
</div>
</div>
<div class="container text-center link">
<div class="row d-flex justify-content-center">
</div>
</div>
{% endmacro %}
{% macro toc_content(category) %}
{% endmacro %}
{% macro content(articles) %}
......
{% macro header_content(category) %}
<div class="col mt-5">
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="btn btn-dark mb-2 p-2" id="header-btn">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</a>
</div>
<h1 class="mt-3 mb-2">Nos journées</h1>
<p class="font-weight-light text-center pt-4">Le groupe Calcul propose des journées scientifiques ou techniques sur différentes thématiques tout au long de l'année.</p>
<div class="container text-center py-1">
<div class="row d-flex justify-content-center">
<div class="col-md-3 px-0">
</div>
<div class="container">
<a href="{{SITEURL}}/{{category.save_as}}" class="btn btn-dark mb-2 p-2" id="header-btn">
<div class="row m-0 d-flex align-items-center">
<div id="circle-{{category.slug}}"></div>
<span class="category text-uppercase pl-2">{{CIRCLES[category.slug]}}</span>
</div>
</div>
<div class="container text-center link">
<div class="row d-flex justify-content-center">
</a>
</div>
<h1 class="mt-3 mb-2">Nos journées</h1>
<p class="font-weight-light text-center pt-4">Le groupe Calcul propose des journées scientifiques ou techniques sur différentes thématiques tout au long de l'année.</p>
<div class="container text-center py-1">
<div class="row d-flex justify-content-center">
<div class="col-md-3 px-0">
</div>
</div>
</div>
<div class="container text-center link">
<div class="row d-flex justify-content-center">
</div>
</div>
{% endmacro %}
{% macro toc_content(category) %}
{% endmacro %}
{% macro content(articles) %}
......
{% extends "base.html" %}
{% block header_content %}
<div class="col mt-5">
{% set article = articles | highlighted_article(HIGHLIGHT_SETTINGS) -%}
<div class="container">
<a href="{{SITEURL}}/{{article.category.url}}" class="btn btn-dark mb-2 p-2" id="header-btn">
......@@ -37,7 +36,6 @@
L'événement en détail
</div>
</a>
</div>
{% endblock header_content %}
......
......@@ -6,23 +6,26 @@
{% if page.summary %}
<p class="font-weight-light text-center pt-4">{{ page.summary }}</p>
{% endif %}
<div class="container text-center link">
<div class="row d-flex justify-content-center">
{% if page.toc %}
{% for toc in page.toc[1:] %}{# Avoid toc with only one item and link to first section (that is just below) is unecessary #}
<div class="col-md-4">
<a href='{{ toc.link }}'>
<img style="width:22px" src="{{ SITEURL }}/theme/img/ancre.png"/>
{{ toc.name }}
</a>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endblock header_content %}
{% block toc_content %}
{% if page.toc %}
<div class="container-fluid d-flex justify-content-center link pb-3">
<div class="row">
{% for toc in page.toc[1:] %}{# Avoid toc with only one item and link to first section (that is just below) is unecessary #}
<div class="col-md-auto text-left toc">
<a href='{{ toc.link }}'>
<img style="width:22px" src="{{ SITEURL }}/theme/img/ancre.png"/>
{{ toc.name }}
</a>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% endblock toc_content %}
{% block content %}
{{page.content}}
{% endblock content %}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment