CSS et templates pour la base et l’index
This commit is contained in:
commit
9290ca7d13
3 changed files with 126 additions and 0 deletions
76
static/css/style.css
Normal file
76
static/css/style.css
Normal file
|
@ -0,0 +1,76 @@
|
|||
/* Parametres generaux */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
background-color: #121224;
|
||||
}
|
||||
|
||||
header {
|
||||
height: 3em;
|
||||
/*padding: 3%;*/
|
||||
padding-left: 20px;
|
||||
margin-bottom: 10%;
|
||||
box-shadow: 0 4px 15px;
|
||||
background-color: #0E0E1B;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
header * {
|
||||
background-color: #0E0E1B;
|
||||
}
|
||||
|
||||
header p {
|
||||
padding-top: 1em;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
header a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Parametres pour index */
|
||||
|
||||
.pre-art * {
|
||||
background-color: #0E0E1B;
|
||||
}
|
||||
|
||||
.pre-art {
|
||||
background-color: #0E0E1B;
|
||||
padding: 2%;
|
||||
padding-bottom: 3%;
|
||||
border: 1px solid darkgray;
|
||||
box-shadow: 1px 1px 5px grey;
|
||||
color: white;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
.pre-art a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.summary {
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
.author:link {
|
||||
color: #6A89CC;
|
||||
}
|
||||
|
||||
.category:link {
|
||||
color: #2DCF29;
|
||||
}
|
||||
|
||||
.continue:link {
|
||||
background-color: #3C5DA4;
|
||||
border-radius: 50px;
|
||||
padding: 15px;
|
||||
}
|
27
templates/base.html
Normal file
27
templates/base.html
Normal file
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ DEFAULT_LANG }}">
|
||||
<head>
|
||||
{% block head %}
|
||||
<title> {% block title %}{{ SITENAME }}{% endblock title %}</title>
|
||||
<meta charset="utf-8" />
|
||||
<link rel=stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" />
|
||||
{% endblock head %}
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<p><a href="{{ SITEURL }}/">{{ SITENAME.upper() }}</a></p>
|
||||
{% if DISPLAY_CATEGORIES_ON_MENU %}
|
||||
{% for name, tmp in categories %}
|
||||
<p><a href="{{ SITEURL }}/{{ name.url }}">{{ name }}</a></p>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
|
||||
<footer>
|
||||
Thème principal fait par Eban, j’ai aussi repris des éléments de medius.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
23
templates/index.html
Normal file
23
templates/index.html
Normal file
|
@ -0,0 +1,23 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
|
||||
{% for art in articles_page.object_list %}
|
||||
<div class="pre-art">
|
||||
<p class=infos-art">Par
|
||||
{% for author in art.authors %}
|
||||
<a href="{{ SITEURL }}/{{ author.url }}" class="author">{{ author }}</a>
|
||||
{% endfor %}
|
||||
dans <a href="{{ SITEURL }}/{{ art.category.url }}" class="category">{{ art.category }}</a> le 21/08/2020.
|
||||
</p>
|
||||
<br />
|
||||
|
||||
<h2><a href="{{ SITEURL }}/{{ art.url }}">{{ art.title }}</a></h2>
|
||||
<br />
|
||||
<div class="summary">
|
||||
{{ art.summary }}
|
||||
</div>
|
||||
<a href="{{ SITEURL }}/{{ art.url }}" class="continue">Continuer à lire</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% endblock content %}
|
Loading…
Reference in a new issue