some style and theme
This commit is contained in:
Adrian Amaglio
parent
e2372596a3
commit
812b5ac597
30
themes/default/static/css/font-sourcesanspro.css
Normal file
30
themes/default/static/css/font-sourcesanspro.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'Source Sans Pro';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url('../fonts/SourceSansPro-LightItalic.ttf');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Source Sans Pro';
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/SourceSansPro-Italic.ttf');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Source Sans Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 300;
|
||||||
|
src: url('../fonts/SourceSansPro-Light.ttf');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Source Sans Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
src: url('../fonts/SourceSansPro-Regular.ttf');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Source Sans Pro';
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 600;
|
||||||
|
src: url('/fonts/SourceSansPro-SemiBold.ttf');
|
||||||
|
}
|
||||||
5
themes/default/static/css/fontawesome-all.min.css
vendored
Normal file
5
themes/default/static/css/fontawesome-all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
12
themes/default/static/css/fork-awesome.min.css
vendored
Normal file
12
themes/default/static/css/fork-awesome.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
344
themes/default/static/css/main.css
Normal file
344
themes/default/static/css/main.css
Normal file
@ -0,0 +1,344 @@
|
|||||||
|
body {
|
||||||
|
word-wrap: break-word;
|
||||||
|
line-height: 1.9;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header, h1, h2 {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size:35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header h1 {
|
||||||
|
font-size: 76px;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Menu */
|
||||||
|
|
||||||
|
nav > a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
nav {
|
||||||
|
background-color: rgba(1, 1, 1, 0.7);
|
||||||
|
color: white;
|
||||||
|
width:100%;
|
||||||
|
padding:0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
nav > ul {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 auto;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
nav > ul > li {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 20px;
|
||||||
|
font-size:1.5em;
|
||||||
|
}
|
||||||
|
nav > ul > li a {
|
||||||
|
display: block;
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav > ul > li a > span {
|
||||||
|
/* This center vertically text in menu */
|
||||||
|
display: block;
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
li > ul {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
nav li {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
nav li:hover {
|
||||||
|
/*background-color: rgba(1,1,1,0.7);*/
|
||||||
|
}
|
||||||
|
|
||||||
|
nav img {
|
||||||
|
margin: 4px auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* General */
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
font-weight: 300;
|
||||||
|
width:100%;
|
||||||
|
min-height:100%;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Links */
|
||||||
|
nav a, footer a {
|
||||||
|
color: white;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
nav a:hover, footer a:hover {
|
||||||
|
color: #fcd088;
|
||||||
|
}
|
||||||
|
a.fa {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header */
|
||||||
|
|
||||||
|
#header {
|
||||||
|
color: white;
|
||||||
|
width:100%;
|
||||||
|
height:auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#header img {
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
#header h1 {
|
||||||
|
width:80%;
|
||||||
|
margin: auto;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
#header p {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.padding {
|
||||||
|
height:90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
#header img::after {
|
||||||
|
background-color: rgba(37, 46, 53, 0.3);
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
#header_info {
|
||||||
|
position: absolute;
|
||||||
|
bottom:0;
|
||||||
|
top: auto;
|
||||||
|
width:100%;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* flex general */
|
||||||
|
.flex_container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
/*align-items: stretch;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sections */
|
||||||
|
main {
|
||||||
|
min-height:100%;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
section.section_odd {
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
section.section_even {
|
||||||
|
background-color: #dddddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
padding:0 10%;
|
||||||
|
}
|
||||||
|
section h2 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
p.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* Video */
|
||||||
|
|
||||||
|
#video_wrap {
|
||||||
|
clear: both;
|
||||||
|
position: relative;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 56.25%;
|
||||||
|
}
|
||||||
|
#video_wrap iframe {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
footer {
|
||||||
|
clear: both;
|
||||||
|
margin-top: 20px;
|
||||||
|
padding-top: 10px;
|
||||||
|
background-color: #202529;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer ul {
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer li {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer img {
|
||||||
|
height:3em;
|
||||||
|
}
|
||||||
|
.point-icon {
|
||||||
|
color: #e82020;
|
||||||
|
}
|
||||||
|
.social-icon {
|
||||||
|
background-color: #eaab1c;
|
||||||
|
display:inline-block;
|
||||||
|
height:30px;
|
||||||
|
width:30px;
|
||||||
|
text-align:center;
|
||||||
|
vertical-align:middle;
|
||||||
|
}
|
||||||
|
.social-icon span {
|
||||||
|
margin-top:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Galerie */
|
||||||
|
.galerie a {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.galerie img {
|
||||||
|
max-height:400px;
|
||||||
|
max-width:400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.galerie {
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.galerie li p {
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.galerie > div {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.galerie > dev > img {
|
||||||
|
height:100%;
|
||||||
|
}
|
||||||
|
.galerie > div[title]:hover:after {
|
||||||
|
content: attr(title);
|
||||||
|
padding: 5px;
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
height:calc(100% - 10px);
|
||||||
|
width:calc(100% - 10px);
|
||||||
|
z-index: 2;
|
||||||
|
background: rgba(0,0,0,0.5);
|
||||||
|
text-align: center;
|
||||||
|
font-height:2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#programmation p {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
#programmation a {
|
||||||
|
position: relative;
|
||||||
|
display:block;
|
||||||
|
margin:5px;
|
||||||
|
padding:0;
|
||||||
|
#width:45%;
|
||||||
|
height:400px;
|
||||||
|
width:400px;
|
||||||
|
overflow:hidden;
|
||||||
|
|
||||||
|
}
|
||||||
|
#programmation a img {
|
||||||
|
padding:0;
|
||||||
|
object-fit: cover;
|
||||||
|
min-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
position:absolute;
|
||||||
|
bottom:0;
|
||||||
|
}
|
||||||
|
#programmation a:after {
|
||||||
|
display: block;
|
||||||
|
content: attr(title);
|
||||||
|
padding: 5px;
|
||||||
|
color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height:10%;
|
||||||
|
width:calc(100% - 10px);
|
||||||
|
z-index: 2;
|
||||||
|
background: rgba(0,0,0,0.6);
|
||||||
|
text-align: center;
|
||||||
|
font-size:2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Group description page */
|
||||||
|
|
||||||
|
#group img:first-of-type {
|
||||||
|
float: left;
|
||||||
|
margin: 0 20px 20px 0;
|
||||||
|
height: 400px;
|
||||||
|
width:400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* miniatures */
|
||||||
|
.mini img {
|
||||||
|
max-height:200px;
|
||||||
|
max-width: 200px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* index lists */
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol .letter {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* text */
|
||||||
|
strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
9
themes/default/templates/article.html
Normal file
9
themes/default/templates/article.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block title %}
|
||||||
|
{{ article.title }}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{{ article.content}}
|
||||||
|
{% endblock %}
|
||||||
93
themes/default/templates/base.html
Normal file
93
themes/default/templates/base.html
Normal file
@ -0,0 +1,93 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
|
||||||
|
<head>
|
||||||
|
{% block head %}
|
||||||
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
{% if FEED_ALL_ATOM %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}"
|
||||||
|
type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if FEED_ALL_RSS %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/
|
||||||
|
rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if FEED_ATOM %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{%if FEED_ATOM_URL %}{{ FEED_ATOM_URL }}{% else %}{{ FEED_ATOM }}{% endif %}" type="application/atom+xml"
|
||||||
|
rel="alternate" title="{{ SITENAME }} Atom Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if FEED_RSS %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_RSS_URL %}{{ FEED_RSS_URL }}{% else %}{{ FEED_RSS }}{% endif %}" type="application/rss+xml"
|
||||||
|
rel="alternate" title="{{ SITENAME }} RSS Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if CATEGORY_FEED_ATOM and category %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_ATOM_URL %}{{ CATEGORY_FEED_ATOM_URL.format(slug=category.slug) }}{% else %}{{
|
||||||
|
CATEGORY_FEED_ATOM.format(slug=category.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom
|
||||||
|
Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if CATEGORY_FEED_RSS and category %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_RSS_URL %}{{ CATEGORY_FEED_RSS_URL.format(slug=category.slug) }}{% else %}{{
|
||||||
|
CATEGORY_FEED_RSS.format(slug=category.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS
|
||||||
|
Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if TAG_FEED_ATOM and tag %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_ATOM_URL %}{{ TAG_FEED_ATOM_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_ATOM.
|
||||||
|
format(slug=tag.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% if TAG_FEED_RSS and tag %}
|
||||||
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_RSS.
|
||||||
|
format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
|
||||||
|
{% endif %}
|
||||||
|
{% endblock head %}
|
||||||
|
<!--<link rel="stylesheet" href="{{ SITEURL }}/theme/css/font-sourcesanspro.css" />-->
|
||||||
|
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/main.css" />
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Nav -->
|
||||||
|
<nav id="nav" class="flex_container">
|
||||||
|
<a href="{{SITEURL}}/index.html">
|
||||||
|
<h1>Le lexicographe déconstruit</h1>
|
||||||
|
</a>
|
||||||
|
<ul class="flex_container">
|
||||||
|
<li><a href="{{SITEURL}}/index.html">Accueil</a></li>
|
||||||
|
<li><a href="{{SITEURL}}/index_mots.html">Index</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<header>
|
||||||
|
{% block header %}
|
||||||
|
{% if page and page.title %}
|
||||||
|
<h1>{{ page.title}}</h1>
|
||||||
|
{% endif %}
|
||||||
|
{% endblock %}
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<!-- Main content -->
|
||||||
|
<main>
|
||||||
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<!-- Page Footer -->
|
||||||
|
<footer>
|
||||||
|
<ul class="flex_container">
|
||||||
|
<li>
|
||||||
|
<span class="fa fa-envelope point-icon"></span>
|
||||||
|
<a href="mailto:">Bientôt ici : une adresse mail</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="fa fa-cloud point-icon"></span>
|
||||||
|
Conçu et hébergé par
|
||||||
|
<a href="https://jean-cloud.net">Jean-Cloud</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="fa fa-python point-icon"></span>
|
||||||
|
Conçu avec
|
||||||
|
<a href="http://getpelican.com/">Pelican</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
themes/default/templates/liste.html
Normal file
24
themes/default/templates/liste.html
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
{% extends "base.html" %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="padding"></div>
|
||||||
|
<section>
|
||||||
|
<ol>
|
||||||
|
{% for letter, articles in articles | sortbyletter %}
|
||||||
|
<li>
|
||||||
|
<span class="letter">{{letter}}</span>
|
||||||
|
<ol>
|
||||||
|
{% for article in articles %}
|
||||||
|
<li>
|
||||||
|
<a href="{{article.url}}">
|
||||||
|
<h4>{{ article.title }}</h4>
|
||||||
|
<p>{{ article.content | titleless | styleless }}</p>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ol>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ol>
|
||||||
|
</section>
|
||||||
|
{% endblock %}
|
||||||
Loading…
Reference in New Issue
Block a user