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