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'))
|
||||
"""
|
||||
from django.contrib import admin
|
||||
from django.urls import path
|
||||
from django.urls import path, include
|
||||
|
||||
urlpatterns = [
|
||||
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
|
||||
|
||||
# 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