html page d'accueil et css
This commit is contained in:
Juliette Luiselli
parent
ae2d909b7c
commit
6f9b9e4127
7 changed files with 424 additions and 1 deletions
|
|
@ -14,8 +14,9 @@ Including another URLconf
|
||||||
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
|
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
|
||||||
"""
|
"""
|
||||||
from django.contrib import admin
|
from django.contrib import admin
|
||||||
from django.urls import path
|
from django.urls import path, include
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
path('admin/', admin.site.urls),
|
path('admin/', admin.site.urls),
|
||||||
|
path('fiche/', include('fiches.urls'))
|
||||||
]
|
]
|
||||||
|
|
|
||||||
352
fiches/static/fiches/css/style.css
Normal file
352
fiches/static/fiches/css/style.css
Normal file
|
|
@ -0,0 +1,352 @@
|
||||||
|
html {
|
||||||
|
background: url(../images/background-motif.png) repeat;
|
||||||
|
color: #FFF;
|
||||||
|
font-family: Verdana, Verdana, Geneva, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0 0 0.8em 0;
|
||||||
|
background: transparent url(../images/background.png) no-repeat center top;
|
||||||
|
min-height: 538px;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:link {
|
||||||
|
background-color: inherit;
|
||||||
|
color: #7978DA;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
background-color: inherit;
|
||||||
|
color: #9CA6FF;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: inherit;
|
||||||
|
color: #006CE3;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 0.6em;
|
||||||
|
margin-bottom: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ens {
|
||||||
|
color: #89C4FF;
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tiny {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.verytiny {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark {
|
||||||
|
color: #666;
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spacer {
|
||||||
|
width: 100%;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FB0000;
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.warning {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FF8A00;
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainspacer {
|
||||||
|
width: 100%;
|
||||||
|
height: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #00E000;
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success a:link {
|
||||||
|
background-color: inherit;
|
||||||
|
color: #008800;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success a:visited {
|
||||||
|
background-color: inherit;
|
||||||
|
color: #008800;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.success a:hover {
|
||||||
|
background-color: inherit;
|
||||||
|
color: #4FFF4F;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block {
|
||||||
|
background-color: #333;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
text-align: justify;
|
||||||
|
padding: 0.5em 0.5em;
|
||||||
|
margin: 0 1em 1em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
padding-top: 0.5em;
|
||||||
|
margin-left: 1em;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #FFF;
|
||||||
|
width: 40em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
margin: 0 1em 0 1em;
|
||||||
|
float: left;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header h1 {
|
||||||
|
margin-top: 0;
|
||||||
|
font-family: Georgia, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header h1 a:link, #header h1 a:visited {
|
||||||
|
color: #FFF;
|
||||||
|
background-color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header h1 a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#language_switch {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#language_switch form {
|
||||||
|
float: left;
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
}
|
||||||
|
|
||||||
|
#content h3 {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content h4 {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
padding: 0.2em 0;
|
||||||
|
margin: 1em 5em 0 5em;
|
||||||
|
clear: both;
|
||||||
|
background-color: #333;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#contact {
|
||||||
|
margin: 0.5em 8em 0 8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#search {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.errorlist {
|
||||||
|
display: inline;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.errorlist li {
|
||||||
|
display: inline;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #E00000;
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
#advanced_search {
|
||||||
|
border: 1px solid #CCC;
|
||||||
|
padding: 0.5em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.advanced_filter {
|
||||||
|
width: 50%;
|
||||||
|
margin-top: 1px;
|
||||||
|
margin-bottom: 1px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.advanced_filter input {
|
||||||
|
max-width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit_button {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add_delete_button {
|
||||||
|
text-align: right;
|
||||||
|
margin: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pdflink {
|
||||||
|
text-align: right;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#picture {
|
||||||
|
width: 8em;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#picture img {
|
||||||
|
margin-top: 0.3em;
|
||||||
|
max-width: 8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#infos {
|
||||||
|
padding-left: 1em;
|
||||||
|
float: left;
|
||||||
|
width: 31em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#ficheedit {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editfield {
|
||||||
|
padding-top: 0.2em;
|
||||||
|
padding-bottom: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editfield input {
|
||||||
|
}
|
||||||
|
|
||||||
|
.editfield textarea {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-top:0.2em;
|
||||||
|
display: block;
|
||||||
|
width: 98%;
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
margin-top: 0.3em;
|
||||||
|
margin-bottom: 0.3em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.long_message {
|
||||||
|
margin-top: 0.6em;
|
||||||
|
margin-bottom: 0.6em;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset.address .editfield textarea, fieldset.quote .editfield textarea {
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset.address, fieldset.quote {
|
||||||
|
padding-bottom: 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-login-container {
|
||||||
|
width: 500px;
|
||||||
|
margin: 3.5em auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-login-container h3.error {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
font-size: 1.3em;
|
||||||
|
font-family: 'Droid Serif', serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-login {
|
||||||
|
width: 500px;
|
||||||
|
border: 15px solid #333;
|
||||||
|
-webkit-border-radius: 20px;
|
||||||
|
-moz-border-radius: 20px;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main-login.login_block {
|
||||||
|
padding: 2em;
|
||||||
|
box-shadow: 0 0 100px #AAA inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#login_clipper, a#login_outsider {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
width: 250px;
|
||||||
|
height: 200px;
|
||||||
|
text-align: center;
|
||||||
|
font-family: 'Droid Serif', serif;
|
||||||
|
font-size: 1.3em;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 190px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#login_clipper {
|
||||||
|
background-color: #123E96;
|
||||||
|
box-shadow: 0 0 100px #040C78 inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#login_clipper:hover {
|
||||||
|
background-color: #164BB6;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#login_outsider {
|
||||||
|
background-color: #961221;
|
||||||
|
box-shadow: 0 0 100px #780411 inset;
|
||||||
|
}
|
||||||
|
|
||||||
|
a#login_outsider:hover {
|
||||||
|
background-color: #B31729;
|
||||||
|
}
|
||||||
60
fiches/templates/fiches/base.html
Normal file
60
fiches/templates/fiches/base.html
Normal file
|
|
@ -0,0 +1,60 @@
|
||||||
|
{% load i18n %}
|
||||||
|
{% load staticfiles %}
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>
|
||||||
|
{% block title_onglet %}{% trans "Annuaire des élèves de l'ENS" %}{% endblock %}
|
||||||
|
</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="{% static "fiches/css/style.css" %}" />
|
||||||
|
|
||||||
|
{% block extrahead %}{% endblock %}
|
||||||
|
{# Pour pouvoir ajouter des trucs dans le head sur une autre page #}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="header">
|
||||||
|
<div id="language_switch">
|
||||||
|
</div>
|
||||||
|
<div class="spacer"></div>
|
||||||
|
<h1>
|
||||||
|
{% block title %}{% trans "Annuaire des élèves de l'ENS" %}{% endblock %}
|
||||||
|
</h1>
|
||||||
|
{% if user.is_authenticated %}
|
||||||
|
{% blocktrans %}Connecté en tant que <tt>{{ user }}</tt>{% endblocktrans %}<br />
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
{% block leftmenu %}{% endblock %}
|
||||||
|
</div>
|
||||||
|
<div id="main">
|
||||||
|
<div id="content">
|
||||||
|
|
||||||
|
{% block contentspacer %}{% endblock %}
|
||||||
|
{% block content %}{% endblock %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
|
||||||
|
{% block footer %}
|
||||||
|
[<a href="http://www.ens.fr">ENS</a>]
|
||||||
|
[<a href="http://www.eleves.ens.fr/">{% trans "Page des élèves" %}</a>]
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="contact" class="verytiny">
|
||||||
|
|
||||||
|
{% block contact %}
|
||||||
|
<a href="mailto:klub-dev@ens.fr">
|
||||||
|
{% trans "Contacter l'équipe annuaire" %}
|
||||||
|
</a>
|
||||||
|
<span class="right dark" title="annuaireweb v{{ VERSION }}">
|
||||||
|
powered by Django, KDENS
|
||||||
|
</span>
|
||||||
|
<div class="spacer"></div>
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="spacer"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
fiches/templates/fiches/fiche.html
Normal file
1
fiches/templates/fiches/fiche.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
{% extends "fiches/base.html" %}
|
||||||
6
fiches/urls.py
Normal file
6
fiches/urls.py
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
from django.urls import path
|
||||||
|
from . import views
|
||||||
|
|
||||||
|
urlpatterns = [
|
||||||
|
path('',views.fiche, name='fiche')
|
||||||
|
]
|
||||||
|
|
@ -1,3 +1,6 @@
|
||||||
from django.shortcuts import render
|
from django.shortcuts import render
|
||||||
|
|
||||||
# Create your views here.
|
# Create your views here.
|
||||||
|
|
||||||
|
def fiche(request):
|
||||||
|
return render(request,'fiches/fiche.html',{})
|
||||||
BIN
picture/pnmadela2.jpg
Normal file
BIN
picture/pnmadela2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Loading…
Reference in a new issue