Commit 1b3889cf authored by Antoine Le Morvan's avatar Antoine Le Morvan
Browse files

New brand for formatux v2

parent eed8e9ba
Pipeline #164501 passed with stage
in 1 minute and 35 seconds
.navbar {
background-color: #957559;
color: #FFF;
border-bottom: 5px;
border-bottom-style: solid;
border-bottom-color: #463c34;
}
/* Left menu bar */
.nav-menu {
background-color: #463c34;
color: #957559;
}
.nav-menu h3.title {
color: #957559;
font-weight: 1000;
margin-top: 15px;
}
.logo {
max-height: 60px;
margin-left: 10px;
margin-top: 20px;
}
.doc h1, .doc h2, .doc h3, .doc h4, .doc h5, .doc h6 {
color: #463c34;
}
/* navbar background and bottom border color */
.navbar {
background-color: #463c34;
border-bottom-color: #957559;
}
.navbar-end .navbar-link:hover, .navbar-end>a.navbar-item:hover {
background-color: #957559;
color: #463c34;
}
.navbar-item.has-dropdown:hover .navbar-link {
background-color: #957559;
color: #463c34;
}
.navbar-end .navbar-link, .navbar-end>.navbar-item {
color: #957559;
}
@media screen and (min-width: 1025px) {
.article-aside {
right: 50px;
}
}
.toolbar {
color: #686565;
background-color: #e0dfdf;
-webkit-box-shadow: 0 1px 0 #e1e1e1;
box-shadow: 0 1px 0 #e1e1e1;
}
/* Icon on nav-menu */
.navbar-end .fa, .navbar-end .fab, .navbar-end .far, .navbar-end .fas {
font-size: 22px;
padding-right: 5px;
}
<footer class="footer">
Formatux utilise <a href="https://gitlab.com/antora/">Antora</a> pour la génération de son site.</p>
</footer>
\ No newline at end of file
<p>
<img class="logo" src="{{uiRootPath}}/img/logo-formatux.png"/>
Formatux utilise <a href="https://gitlab.com/antora/">Antora</a> pour la génération de son site.</p>
</footer>
<link rel="stylesheet" href="{{uiRootPath}}/css/site-extra.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css">
<header class="header">
<header class="header" role="banner">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="{{or site.url (or siteRootUrl siteRootPath)}}">{{site.title}}</a>
<div class="navbar-item">
<a class=" navbar-logo" href="{{or site.url (or siteRootUrl siteRootPath)}}">
<img class="logo" src="{{uiRootPath}}/img/logo-formatux.png"/>
</a>
<span class="separator">//</span>
<a href="{{or site.url (or siteRootUrl siteRootPath)}}">{{site.title}}</a>
</div>
<button class="navbar-burger" data-target="topbar-nav">
<span></span>
<span></span>
......@@ -11,45 +17,47 @@
<div id="topbar-nav" class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">Accès aux cours</a>
<a class="navbar-link" href="#"><span class="fas fa-globe"></span> Accès aux cours</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://site.formatux.fr/formatux-fondamentaux/index.html">Fondamentaux Linux</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-services/index.html">Services Linux</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-devops/index.html">DevOPS</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-securite/index.html">Sécurité</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-bash/index.html">Scripting Bash</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-annexes/index.html">Annexes</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-fondamentaux/index.html"><span class="fas fa-hiking"></span> Fondamentaux Linux</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-services/index.html"><span class="fas fa-cogs"></span> Services Linux</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-devops/index.html"><span class="fas fa-running"></span> DevOPS</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-securite/index.html"><span class="fas fa-user-secret"></span> Sécurité</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-bash/index.html"><span class="fas fa-code"></span> Scripting Bash</a>
<a class="navbar-item" href="https://site.formatux.fr/formatux-annexes/index.html"><span class="fas fa-clipboard"></span> Annexes</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">Télécharger en PDF</a>
<a class="navbar-link" href="#"><span class="fas fa-book"></span> Télécharger en PDF</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://pdf.formatux.fr/formatux_maformationlinux.pdf">Le support complet</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-fondamentaux.pdf">Fondamentaux Linux</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-services.pdf">Services Linux</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-devops.pdf">DevOPS</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-securite.pdf">Sécurité</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-bash.pdf">Scripting Bash</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-annexes.pdf">Annexes</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux_maformationlinux.pdf"><span class="fas fa-book"></span> Le support complet</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-fondamentaux.pdf"><span class="fas fa-hiking"></span> Fondamentaux Linux</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-services.pdf"><span class="fas fa-cogs"></span> Services Linux</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-devops.pdf"><span class="fas fa-running"></span> DevOPS</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-securite.pdf"><span class="fas fa-user-secret"></span> Sécurité</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-bash.pdf"><span class="fas fa-code"></span> Scripting Bash</a>
<a class="navbar-item" href="https://pdf.formatux.fr/formatux-annexes.pdf"><span class="fas fa-clipboard"></span> Annexes</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">Accès aux sources</a>
<a class="navbar-link" href="#"><span class="fab fa-gitlab"></span> Accès aux sources</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://framagit.org/formatux/formatux-fondamentaux">Fondamentaux Linux</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-services/">Services Linux</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-devops">DevOPS</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-securite/">Sécurité</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-bash">Scripting Bash</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-annexes">Annexes</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-fondamentaux"><span class="fas fa-hiking"></span> Fondamentaux Linux</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-services/"><span class="fas fa-cogs"></span> Services Linux</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-devops"><span class="fas fa-running"></span> DevOPS</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-securite/"><span class="fas fa-user-secret"></span> Sécurité</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-bash"><span class="fas fa-code"></span> Scripting Bash</a>
<a class="navbar-item" href="https://framagit.org/formatux/formatux-annexes"><span class="fas fa-clipboard"></span> Annexes</a>
</div>
</div>
<div class="navbar-item">
<span class="control">
<a class="button is-success" href="https://blog.formatux.fr/">Actualités</a>
<a class="button is-primary" href="https://gitter.im/formatux-fr/formatux">Nous joindre sur gitter</a>
<a class="button is-primary" href="https://paypal.me/pools/c/8hlM1Affp1">Faire un don</a>
</span>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#"><span class="fab fa-stack-exchange"></span> Autour de Formatux</a>
<div class="navbar-dropdown">
<a class="navbar-item" href="https://blog.formatux.fr/"><span class="far fa-newspaper"></span> Actualités</a>
<a class="navbar-item" href="https://gitter.im/formatux-fr/formatux"><span class="fab fa-gitter"></span> Discuter sur gitter</a>
<a class="navbar-item" href="https://paypal.me/pools/c/8hlM1Affp1"><span class="fab fa-cc-paypal"></span>Faire un don</a>
</div>
</div>
</div>
</div>
......
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