firstcommit
This commit is contained in:
@@ -0,0 +1,3 @@
|
||||
#gitignore
|
||||
img/*
|
||||
dl/*
|
||||
@@ -0,0 +1,11 @@
|
||||
Bonjour,
|
||||
|
||||
n'effacez pas les deux répertoires www et cgi-bin :
|
||||
- www est destiné à accueillir vos pages web (*.html *.php)
|
||||
les pages seront visibles en utilisant l'adresse suivante:
|
||||
http://www.votre-domaine.tld/
|
||||
- cgi-bin peut servir à installer certains scripts cgi
|
||||
http://www.votre-domaine.tld/cgi-bin
|
||||
|
||||
Amicalement
|
||||
L'équipe d'OVH
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+258
@@ -0,0 +1,258 @@
|
||||
@CHARSET "ISO-8859-1";
|
||||
/* Reset CSS
|
||||
* --------------------------------------- */
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
|
||||
form,fieldset,input,textarea,p,blockquote,th,td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
a{
|
||||
text-decoration:none;
|
||||
}
|
||||
table {
|
||||
border-spacing: 0;
|
||||
}
|
||||
fieldset,img {
|
||||
border: 0;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,strong,th,var {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
strong{
|
||||
font-weight: bold;
|
||||
}
|
||||
ol,ul {
|
||||
list-style: none;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
caption,th {
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-weight: normal;
|
||||
font-size: 100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
color:#444;
|
||||
}
|
||||
q:before,q:after {
|
||||
content:'';
|
||||
}
|
||||
abbr,acronym { border: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Custom CSS
|
||||
* --------------------------------------- */
|
||||
body{
|
||||
font-family: arial,helvetica;
|
||||
color: #333;
|
||||
color: rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.wrap{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 6em;
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.intro p{
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.section{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#menu li {
|
||||
display:inline-block;
|
||||
margin: 10px;
|
||||
color: #000;
|
||||
background:#fff;
|
||||
background: rgba(255,255,255, 0.5);
|
||||
-webkit-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#menu li.active{
|
||||
background:#666;
|
||||
background: rgba(0,0,0, 0.5);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#menu li a{
|
||||
text-decoration:none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#menu li.active a:hover{
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#menu li:hover{
|
||||
background: rgba(255,255,255, 0.8);
|
||||
}
|
||||
|
||||
#menu li a,
|
||||
#menu li.active a{
|
||||
padding: 9px 18px;
|
||||
display:block;
|
||||
}
|
||||
|
||||
#menu li.active a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#menu{
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
height: 40px;
|
||||
z-index: 70;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.twitter-share-button{
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
right: 149px;
|
||||
top: 9px;
|
||||
}
|
||||
|
||||
#download{
|
||||
margin: 10px 0 0 0;
|
||||
padding: 15px 10px;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
|
||||
background-color: #49afcd;
|
||||
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
|
||||
background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
|
||||
background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
|
||||
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
|
||||
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
|
||||
background-image: linear-gradient(top, #5bc0de, #2f96b4);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
|
||||
border-color: #2f96b4 #2f96b4 #1f6377;
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
|
||||
}
|
||||
#download a{
|
||||
text-decoration:none;
|
||||
color:#fff;
|
||||
}
|
||||
#download:hover{
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
background-color: #2F96B4;
|
||||
background-position: 0 -15px;
|
||||
-webkit-transition: background-position .1s linear;
|
||||
-moz-transition: background-position .1s linear;
|
||||
-ms-transition: background-position .1s linear;
|
||||
-o-transition: background-position .1s linear;
|
||||
transition: background-position .1s linear;
|
||||
}
|
||||
#infoMenu{
|
||||
height: 20px;
|
||||
color: #f2f2f2;
|
||||
position:fixed;
|
||||
z-index:70;
|
||||
bottom:0;
|
||||
width:100%;
|
||||
text-align:right;
|
||||
font-size:0.9em;
|
||||
padding:8px 0 8px 0;
|
||||
}
|
||||
#infoMenu ul{
|
||||
padding: 0 40px;
|
||||
}
|
||||
#infoMenu li a{
|
||||
display: block;
|
||||
margin: 0 22px 0 0;
|
||||
color: #333;
|
||||
}
|
||||
#infoMenu li a:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
#infoMenu li{
|
||||
display:inline-block;
|
||||
position:relative;
|
||||
}
|
||||
#examplesList{
|
||||
display:none;
|
||||
background: #282828;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
padding: 20px;
|
||||
float: left;
|
||||
position: absolute;
|
||||
bottom: 29px;
|
||||
right: 0;
|
||||
width:638px;
|
||||
text-align:left;
|
||||
}
|
||||
#examplesList ul{
|
||||
padding:0;
|
||||
}
|
||||
#examplesList ul li{
|
||||
display:block;
|
||||
margin: 5px 0;
|
||||
}
|
||||
#examplesList ul li a{
|
||||
color: #BDBDBD;
|
||||
margin:0;
|
||||
}
|
||||
#examplesList ul li a:hover{
|
||||
color: #f2f2f2;
|
||||
}
|
||||
#examplesList .column{
|
||||
float: left;
|
||||
margin: 0 20px 0 0;
|
||||
}
|
||||
#examplesList h3{
|
||||
color: #f2f2f2;
|
||||
font-size: 1.2em;
|
||||
margin: 0 0 15px 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
|
||||
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
padding: 0 0 5px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Demos Menu
|
||||
* --------------------------------------- */
|
||||
#demosMenu{
|
||||
position:fixed;
|
||||
bottom: 10px;
|
||||
right:10px;
|
||||
z-index: 999;
|
||||
}
|
||||
+670
@@ -0,0 +1,670 @@
|
||||
<?php include('header.php'); ?>
|
||||
<!-- content -->
|
||||
<div id="content">
|
||||
<div id="fullpage">
|
||||
<div class="section" id="section2">
|
||||
|
||||
<div class="slide" id="slide0" direction="400">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn5">
|
||||
<img src="img/batiment/5-c.svg" alt="05">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>Atelier Banquise – POTEAU - POUTRE</h2>
|
||||
<h3> Maison de l’étudiant </h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-artiste">
|
||||
|
||||
<div class="images">
|
||||
<img src="img/exposition/atelier_banquise/img1.png">
|
||||
<img src="img/exposition/atelier_banquise/img2.png">
|
||||
<img src="img/exposition/atelier_banquise/img3.png">
|
||||
<img src="img/exposition/atelier_banquise/img4.png">
|
||||
<img src="img/exposition/atelier_banquise/img5.png">
|
||||
<img src="img/exposition/atelier_banquise/img6.png">
|
||||
<img src="img/exposition/atelier_banquise/img7.png">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p><strong>Atelier Banquise</strong> réunit cinq créatrices, Pauline Ciocca,
|
||||
Louise Hochet, Coline Huger, Oriane Poncet et Mathilde Salaün, installées
|
||||
entre Saint-Denis (93) et Nantes (44).
|
||||
Après des études à Olivier de Serres et Duperré (Paris), elles se sont
|
||||
spécialisées dans l’installation pour différents types d’espaces avec
|
||||
pour points de départs le textile, le métal, le bois et avec pour leitmotiv
|
||||
les couleurs, les motifs et les mots.
|
||||
Chacune de leurs installations est pensée pour un territoire précis
|
||||
s’appuyant sur des rencontres faites in-situ, des témoignages,
|
||||
des récits, des usages. C’est toujours dans un esprit collectif et
|
||||
de partage que l’Atelier Banquise ré-invente des espaces en invitant
|
||||
le public à co-construire leurs installations.</p>
|
||||
|
||||
<p>Dans le cadre d’Une Saison Graphique, Atelier Banquise a pris ses
|
||||
quartiers à l’IUT du Havre en mars, du 6 au 10, pour un atelier ouvert
|
||||
dans la longue galerie qui dessert des salles de classe,
|
||||
un amphithéâtre et une cour extérieure.
|
||||
Les étudiants ont été invités à construire la sculpture
|
||||
Poteau-Poutre inspirée du système « poteau-poutre-dalle »
|
||||
imaginé par les Ateliers Perret. Avec un principe simple
|
||||
d’assemblage, à partir d’une ossature en bois et métal,
|
||||
la sculpture s’est propagée au fil de la semaine dans la cour
|
||||
intérieure de l’IUT. Des toiles et voiles à cerf-volant,
|
||||
colorées ou grises, ont été ajustées et ont complété la structure.
|
||||
Citation du décor des docks et de ses containers empilés sur
|
||||
le port de la ville, la sculpture en plein air s’est laissée
|
||||
traverser par la lumière et le vent. Des containers fins comme
|
||||
des voiles, qui dévoilent une palette de gris colorés.</p>
|
||||
|
||||
<p>L’installation Poteau-Poutre sera déménagée pour être
|
||||
présentée dans la galerie d’exposition de la Maison de
|
||||
l’Etudiant dès le 10 mai. Elle sera complétée de traces
|
||||
de la semaine d'atelier, images et vidéos compléteront
|
||||
l'installation.</p>
|
||||
|
||||
<p>Résidence du 6 au 10 mars (réservée aux étudiants)</p>
|
||||
|
||||
<p>
|
||||
Exposition du 10 mai au 30 juin</br>
|
||||
Conférence/rencontre le mercredi 10 mai à 18h</br>
|
||||
Vernissage le mercredi 10 mai à 19h</br>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Maison de l’étudiant – galerie d’exposition</br>
|
||||
Exposition ouverte du lundi au vendredi de 9h à 19h</br>
|
||||
Ouverture exceptionnelle le samedi 13 mai de 10h à 16h</br>
|
||||
Contact : <a href="mailto:service.culturel@univ-lehavre.fr">service.culturel@univ-lehavre.fr</a> / 02 32 74 42 84
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide1" direction="400">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn11">
|
||||
<img src="img/batiment/11-c.svg" alt="10">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>Frédérique Bertrand et Michaël Leblond</h2>
|
||||
<h2>LE MONDE EN PYJAMARAMA</h2>
|
||||
<h3>Bibliothèque Oscar Niemeyer</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/frederique_bertrand/img1.jpg">
|
||||
<img src="img/exposition/frederique_bertrand/img2.jpg">
|
||||
<img src="img/exposition/frederique_bertrand/img3.jpg">
|
||||
<img src="img/exposition/frederique_bertrand/img4.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>Le Réseau des bibliothèques et relais lecture du Havre, invite Frédérique Bertrand et Michaël Leblond pour l’exposition <strong>« Le monde en pyjamarama »</strong>.</p>
|
||||
|
||||
<p>Les visiteurs vont découvrir la série Pyjamarama à travers plusieurs « portes d’entrée » dans le monde de l’ombro-cinéma, grâce à un dispositif scénographique qui prolonge l’expérience ludique et interactive de leurs livres.
|
||||
Boîtes magiques, matelas et jeux d’images à colorier, cabane à lire, originaux à admirer, des ateliers pour s’amuser.</p>
|
||||
|
||||
<p>Exposition imaginée et conçue en partenariat avec les auteurs illustrateurs Michaël Leblond et Frédérique Bertrand, la Ville du Havre et le Centre de Création pour l’enfance de Tinqueux, qui diffusera ensuite cette exposition en France.</p>
|
||||
|
||||
<p> A l’occasion des 500 ans du Havre, Un été au Havre 2017, les éditions du Rouergue et les auteurs/illustrateurs Frédérique Bertrand et Michaël Leblond publient un nouvel album :
|
||||
<em>Le Havre en Pyjamarama !</em></p>
|
||||
|
||||
<p><strong>Exposition du 10 mai au 3 septembre 2017 à la Bibliothèque Oscar Niemeyer</strong></br>
|
||||
Vernissage de l’exposition et rencontre avec les deux artistes le mercredi 10 mai, 16h30, à la bibliothèque Oscar Niemeyer, en présence de la librairie La Galerne.</p>
|
||||
|
||||
<p>Visite de l’exposition en famille à partir de 5 ans</br>
|
||||
Visites libres, en présence d’un guide/animateur aux horaires d’ouverture de la bibliothèque</p>
|
||||
|
||||
<p><strong>Modules d’exposition présentés dans les médiathèques L.S. Senghor et Caucriauville.</br>
|
||||
Ateliers dans tous les établissements du réseau des bibliothèques.</strong></br>
|
||||
Inscriptions visites de groupes et ateliers :</br>
|
||||
<a href="http://lireauhavre.fr/fr/information-contact-rendez-vous">http://lireauhavre.fr/fr/information-contact-rendez-vous</a></br>
|
||||
Renseignements sur le programme complet : 02 35 19 70 00 et sur lireauhavre.fr</br>
|
||||
</p>
|
||||
|
||||
<p>Divers ateliers seront programmés du 10 mai au 31 août (programmation complète en cours) :</br>
|
||||
/ Bienvenue chez les robots !</br>
|
||||
Ça bouge, ça roule et c’est interactif. Entrez dans le monde de Pyjamarama en construisant le robot de vos rêves avec du papier découpé. A vous d’imaginer de surprenantes machines qui s’animent comme par magie grâce à l’ombro-cinéma, un procédé très ancien d’animation qui recrée l’illusion du mouvement.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
/ Atelier Miro Pyjamarama</br>
|
||||
Partez à la découverte d’artistes dans un musée fantastique où tout bouge ici sauf les gardiens ! A vous d’imaginer votre œuvre dans ce musée grâce à l’ombro-cinéma qui permettra d’animer et de mettre en mouvement votre œuvre d’art.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
/ Atelier Course de billes au Havre</br>
|
||||
La technique de l’ombro-cinéma te permettra de créer une course de billes dans les rues du Havre. Des bleues ou des rouges, peu importe qui gagnera ! Il est garanti que la magie opèrera…
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Spectacle et parcours / performance, par la Cie Sac de Nœuds</br>
|
||||
Dimanche 14 mai, Bibliothèque Oscar Niemeyer</br>
|
||||
En famille et sur inscription
|
||||
</p>
|
||||
|
||||
<p>
|
||||
/ 10h Graph - Spectacle pour petits et grands dès 18 mois / 20 minutes</br>
|
||||
Un grand papier blanc posé au sol accueille deux danseuses le temps d’un spectacle choré-graphite. Les interprètes investissent l’espace de la page blanche, utilisant différents matériaux laissant des traces comme prolongement de leur corps. Cette pièce choré-graphite amène le jeune enfant à vivre des expériences sensorielles qui font écho à son désir d’exploration et de découverte.</br>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
/ 11h Parcours choré-graphite : sautez, dansez et dessinez …</br>
|
||||
Atelier-performance en famille et partir de 4 ans / 45 minutes</br>
|
||||
Les Parcours Choré-graphites prennent la forme d’une performance participative dansée, gesticulée et dessinée. Destiné à des binômes, ce temps de partage et de rencontre est une invitation à voyager physiquement dans un lieu, par la danse et le graphisme. Guidé par deux interprètes et muni d’un casque audio, chaque participant est acteur de la performance.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Inscriptions et programme complet sur <a href="http://www.lireauhavre.fr">lireauhavre.fr</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide2">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn3">
|
||||
<img src="img/batiment/3-c.svg" alt="03">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>JULIEN GOBLED</h2>
|
||||
<h3>L’Artothèque ESADHaR</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/JULIEN_GOBLED/img1.jpg">
|
||||
<img src="img/exposition/JULIEN_GOBLED/img2.jpg">
|
||||
<img src="img/exposition/JULIEN_GOBLED/img3.jpg">
|
||||
<img src="img/exposition/JULIEN_GOBLED/img4.jpg">
|
||||
<img src="img/exposition/JULIEN_GOBLED/img5.jpg">
|
||||
<img src="img/exposition/JULIEN_GOBLED/img6.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
Depuis 2015, le Frac Normandie Rouen participe à Une Saison Graphique, une manifestation d’envergure, organisée au Havre, qui explore les relations entre le design graphique et d’autres champs de la création contemporaine. A travers des expositions, rencontres, ateliers et conférences, il s’agit d’exposer des processus de création et une profession.</br>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Pour la 9e édition, le Frac confie une carte blanche à l’artiste et graphiste Julien Gobled, dont certains travaux ont rejoint la collection en 2015. Après sa formation artistique à l’ESADHaR, Julien Gobled officie aujourd’hui dans une atelier de création graphique, l’Atelier Kiosque, et mène parallèlement un travail de recherche, entre illustration et graphisme. En utilisant les outils graphiques à contre-emploi, il provoque des erreurs volontaires qui produisent de nouvelles formes, mobilisées consciemment pour mettre les habitudes visuelles en question.</br>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Vernissage le jeudi 11 mai à 19h30</br>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Renseignements pratiques :</br>
|
||||
Exposition à l’Artothèque ESADHaR</br>
|
||||
76 rue Paul Doumer - Le Havre</br>
|
||||
Tel : 02 35 45 60 49</br>
|
||||
Entrée libre du mercredi au samedi de 14h à 18h sauf les jours fériés</br>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
FRAC Normandie Rouen</br>
|
||||
3 Place des Martyrs de la Résistance,</br>
|
||||
76300 Sotteville-lès-Rouen</br>
|
||||
<a href="http://www.fracnormandierouen.fr/">http://www.fracnormandierouen.fr/</a>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide3">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn4">
|
||||
<img src="img/batiment/4-c.svg" alt="04">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>KAREL MARTENS</h2>
|
||||
<h3>Carré du THV</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/KAREL_MARTENS/img1.jpg">
|
||||
<img src="img/exposition/KAREL_MARTENS/img2.jpg">
|
||||
<img src="img/exposition/KAREL_MARTENS/img3.jpg">
|
||||
<img src="img/exposition/KAREL_MARTENS/img4.jpg">
|
||||
<img src="img/exposition/KAREL_MARTENS/img5.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
Tombé sous le charme du Havre, lors de sa première visite au Havre en 2014 et très impliqué dans les célébrations du 500e anniversaire de la ville de François 1er, Karel Martens, né en 1939, référence dans l’univers du design graphique, sera aussi l’invité du Carré du THV du Havre, du 13 mai au 10 juin, à l’occasion de la 9e Saison Graphique.</br>
|
||||
</p>
|
||||
<p>
|
||||
Plus installation qu’exposition, Karel Martens transformera le Carré du THV en trait d'union entre Une Saison Graphique et son projet de mise en couleur des cabanes de la plage.</br>
|
||||
</p>
|
||||
<p>
|
||||
Reprenant tantôt des éléments phare de son œuvre, tantôt des créations spécifiques conçues à l’occasion des 500 ans de la Ville, l’exposition Couleurs sur la plage du Carré sera construite essentiellement autour de cinq modules, dont le point central sera tout naturellement : une cabane de plage ! Parmi ses autres créations on notera sa célèbre 3 Times (une horloge), son Iconic Viewer (installation interactive avec le public) mais aussi quelques nouvelles créations, telles que L’atlas…</br>
|
||||
</p>
|
||||
<p>
|
||||
<strong>La cabane de plage</strong></br>
|
||||
Peinte selon le Guide des peintures, processus de création de Karel Martens, développé avec Stefan Balev de l’Université du Havre pour le projet de la plage, cette ancienne cabane aura trois grandes particularités. Celle d’une part d’être unique de par ses couleurs (aucune cabane de la plage sera similaire), dont la traduction des codes couleurs signifie François dans le guide des peintures et qui se trouve être, aussi, le premier mot inscrit dans la charte de fondation* du port et de la ville du Havre signée le 7 février 1517 par François 1er.</br>
|
||||
À l'intérieur : pas de peinture mais les célèbres papiers peints de format A4 créés par KM lors de son intervention sur Chaumont Design Graphique en 2010 et dont les étudiants s’étaient emparés pour composer des créations très imprévisibles ou encore une vidéo pour se familiariser avec le travail et les créations de Karel Martens et bien sur quelques exemplaires du magazine d’architecture Oase…</br>
|
||||
</p>
|
||||
<p>
|
||||
<strong>La 3 times</strong></br>
|
||||
Construite en partenariat avec les équipes du Fablab de l’Université du Havre, cette horloge marquant les heures, les minutes et les secondes est une pure merveille d’imagination. Fascination graphique garantie et seconde par seconde !</br>
|
||||
</p>
|
||||
<p>
|
||||
<strong>L’Iconic Viewer</strong></br>
|
||||
Ressemblant de prime abord à une image fortement pixellisée, cette installation interactive avec le public n’en finira pas de vous intriguer. Fonctionnant tel un jeu vidéo avec son écran de veille et son joystick, cette création participative s'appuie sur une trame de "pixels" formes particulièrement récurrentes dans le travail de Karel Martens. Le plus difficile sera d’attendre son tour !</br>
|
||||
</p>
|
||||
<p>
|
||||
<strong>L’Atlas</strong></br>
|
||||
S’il y avait enfin, une installation exceptionnelle à laquelle les havrais devraient être particulièrement sensibles c’est bien l’Atlas !</br>
|
||||
Cette impression de plus de 4 mètres n’est autre que la Charte de création de la Ville et du Port éditée par François 1er en 1517, mais traduite selon les codes et algorithmes si propres à Karel Martens et dont Stefan Balev a développé le modèle mathématique.</br>
|
||||
</p>
|
||||
<p>
|
||||
<em>*Les chartes de fondation du port et de la ville du Havre sont visibles dans le hall François 1er de la mairie du Havre, juste au pied de la statue et jusqu'au 8 octobre. Des documents seront mis à disposition à proximité des chartes afin de mieux appréhender les enjeux de l'époque. Voyage dans le temps garanti !</em></br>
|
||||
</p>
|
||||
<p>
|
||||
La Ville du Havre remercie </br>
|
||||
La Faironnerie, le FabLab de l'Université Le Havre /Normandie (Stefan Balev, Antoine Dutot), Pierre-Yves Cachard directeur de la Bibliothèque Universitaire du Havre, les élèves et enseignants de l'ESADHaR (École Supérieure d'Art et Design du Havre et de Rouen) et tous ceux qui par leurs concours ont contribué à la réalisation de cette exposition</br>
|
||||
</p>
|
||||
<p>
|
||||
Informations</br>
|
||||
Couleurs sur la plage - Karel Martens </br>
|
||||
Du 13 mai au 10 juin - Carré du THV du Havre</br>
|
||||
Exposition ouverte du mardi au samedi de 12h45 à 18h30 et le mercredi matin de 9h30 à 11h30. <strong>Le samedi 13 mai de 11h à 18h45.</strong></br>
|
||||
Thv.lehavre.fr – 02 35 19 45 74.</br>
|
||||
</p>
|
||||
<p>
|
||||
Le vernissage de l’exposition se tiendra le samedi 13 mai à 12h en présence de l’artiste et de Karl Nawrot, graphiste français, enseignant et ancien élève de Karel Martens.
|
||||
Un accueil café sera proposé de 13h à 16h pour les visiteurs et adeptes du circuit graphique (Bibliothèque Universitaire, ESADHaR, Fort de Tourneville...).</br>
|
||||
</p>
|
||||
<p>
|
||||
Conférence de Karel Martens dans le cadre de l'Université Populaire le lundi 29 mai au Volcan (grande salle) à 17h30
|
||||
</p>
|
||||
|
||||
<p><strong>EN SAVOIR PLUS SUR KAREL MARTENS</strong></p>
|
||||
<p><strong>Sur l’impression et son travail plastique</br></strong>
|
||||
<a href="https://vimeo.com/23957460" target="_blank">Karel Martens, une très jolie vidéo qui montre bien son exigence, son humanité et sa simplicité</a></br>
|
||||
<a href="https://www.centrepompidou.fr/cpv/ressource.action?param.id=FR_R-f42f8076ac5cbc44bbf4a4f5b38b8f84¶m.idSource=FR_E-58c7ffc1d3341795c02ec63c265af679" target="_blank">www.centrepompidou.fr</a></br>
|
||||
<a href="http://tumblr.p-exclamation.com/post/34237318570/karel-martens-selected-letterpress-works" target="_blank">www.tumblr.p-exclamation.com</a></br>
|
||||
<a href="http://christophe-szn.blogspot.fr/2012/11/karel-martens.html" target="_blank">www.christophe-szn.blogspot.fr</a></br>
|
||||
<a href="https://www.flickr.com/search/?q=karel+martens&s=int" target="_blank">www.flickr.com</a></br>
|
||||
<a href="http://www.centrenationaldugraphisme.fr/index.php/cig/page/editions-ressources/productions/affiche-et-signaletique-du-festival-2010" target="_blank">www.centrenationaldugraphisme.fr</a></br>
|
||||
<a href="http://indexgrafik.fr/karel-martens/" target="_blank">www.indexgrafik.fr</a></br>
|
||||
<a href="https://www.grapheine.com/histoire-du-graphisme/karel-martens-graphiste" target="_blank">www.grapheine.com</a></br>
|
||||
<a href="https://www.typotheque.com/articles/karel_martens_graphic_designer" target="_blank">www.typotheque.com</a></br>
|
||||
<a href="https://www.nytimes.com/2016/09/07/t-magazine/art/karel-martens-graphic-design-p.html?_r=0" target="_blank">www.nytimes.com</a></br>
|
||||
<a href="http://indexgrafik.fr/the-world-as-a-printing-surface-paul-elliman/" target="_blank">www.indexgrafik.fr</a></br>
|
||||
<a href="https://collectingseminar.wordpress.com/2008/11/02/claes-oldenburgs-the-ray-gun-wing/" target="_blank">collectingseminar.wordpress.com</a></br>
|
||||
<a href="https://monoskop.org/images/0/0e/Baudrillard_Jean_Le_syteme_des_objets_1968.pdf" target="_blank">monoskop.org</a></br>
|
||||
<a href="https://fr.wikipedia.org/wiki/Groupe_NUL" target="_blank">www.wikipedia.org</a></br>
|
||||
|
||||
<p><strong> - Sur son travail avec OASE :</br></strong>
|
||||
<a href="http://indexgrafik.fr/oase-magazine/" target="_blank">www.indexgrafik.fr</a></br></p>
|
||||
|
||||
<p><strong> - Suite son exposition à la galerie new yorkaise P ! (Point Exclamation)</br></strong>
|
||||
<a href="https://www.nytimes.com/2016/09/07/t-magazine/art/karel-martens-graphic-design-p.html?_r=0" target="_blank">www.nytimes.com</a></br>
|
||||
<a href="https://www.creativereview.co.uk/karel-martens-recent-work/" target="_blank">www.creativereview.co</a></br>
|
||||
<a href="http://tumblr.p-exclamation.com/post/34237318570/karel-martens-selected-letterpress-works" target="_blank">www.tumblr.p-exclamation.com</a></br>
|
||||
<a href="http://tumblr.p-exclamation.com/tagged/current" target="_blank">www.tumblr.p-exclamation.com</a></br>
|
||||
<a href="https://www.facebook.com/pExclamation/videos/1238209552898477/" target="_blank">www.facebook.com</a></br>
|
||||
</p>
|
||||
|
||||
<p><strong> - Quelques portraits vidéo de KM :</br></strong>
|
||||
<a href="https://vimeo.com/31486228" target="_blank">www.vimeo.com</a></br>
|
||||
<a href="http://www.dailymotion.com/video/xyw92b_karel-martens-printed-matters-parole-au-graphisme_creation" target="_blank">www.dailymotion.com</a></br>
|
||||
<a href="https://vimeo.com/33811845" target="_blank">www.vimeo.com</a></br>
|
||||
</p>
|
||||
|
||||
<p><strong> EN SAVOIR PLUS SUR KARL NAWROT</br></strong>
|
||||
<a href="http://indexgrafik.fr/karl-nawrot-construire-par-le-vide/" target="_blank">www.indexgraphik.fr</a></br>
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide4">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn8">
|
||||
<img src="img/batiment/8-c.svg" alt="08">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>KIBLIND</h2>
|
||||
<h3>Tetris</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/KIBLIND/img0.jpg">
|
||||
<img src="img/exposition/KIBLIND/img1.jpg">
|
||||
<img src="img/exposition/KIBLIND/img2.jpg">
|
||||
<img src="img/exposition/KIBLIND/img3.jpg">
|
||||
<img src="img/exposition/KIBLIND/img4.jpg">
|
||||
<img src="img/exposition/KIBLIND/img5.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
Féru de graphisme et de beautés visuelles en générale, le magazine Kiblind a choisi de partager sa passion avec le monde en distribuant tous les trois mois 40 000 exemplaires d'un objet qu'il souhaite le plus beau possible. Gratuit, gentil et rieur, le magazine parisiano-lyonnais cherche et trouve depuis 13 ans les artistes émergents dans le domaine des arts visuels et se permet même quelques incartades dans les autres domaines artistiques et aussi sur des sujets sociétaux. Il suit pour cela une thématique bien précise à chaque numéro.</br>
|
||||
</p>
|
||||
<p>
|
||||
Mis en confiance par l'équipe d'Une Saison Graphique, Kiblind s'est laissé aller à présenter en exclusivité ce qui fera la sève de son prochain numéro, « Sauvage ». Ainsi, il présentera une exposition exclusive des neuf créations originales qui ne paraîtront qu'à la sortie du magazine, courant juin. Et il ne s'arrête pas là. Il montrera aussi quelques-uns des travaux les plus sauvages de l'auteur de la couverture de ce numéro 61, la grande Cruschiform.</br>
|
||||
</p>
|
||||
<p>
|
||||
Exposition</br>
|
||||
Sauvageries par Kiblind Magazine (avec Cruschiform, Lisa Laubreaux, etc.)</br>
|
||||
Du 13 mai au 17 juin 2017</br>
|
||||
Entrée libre du Mardi au samedi de 10h à 18h et les soirs de concerts</br>
|
||||
Infos : <a href="http://www.letetris.fr">letetris.fr</a> ou 02 35 19 00 38</br>
|
||||
</p>
|
||||
<p>
|
||||
Afterparty graphique</br>
|
||||
Soirée animale par Kiblind Magazine (avec Lisa Laubreaux, Fils de Vénus…)</br>
|
||||
</p>
|
||||
<p>
|
||||
Outre l’exposition en avant première des créations originales du numéro « Sauvage », Kiblind sera aussi présent sur l'amusement. Pour clôturer la journée graphique, le samedi 13 mai, le magazine proposera un atelier de masques sérigraphiés par Lisa Laubreaux , une battle dessinée et un dancing géré par les foufous du crew Fils de Vénus. Un peu de tenue, soyons sauvages.</br>
|
||||
</p>
|
||||
<p>
|
||||
Samedi 13 mai – à partir de 18h30 :</br>
|
||||
18h30 : vernissage de l’exposition « Sauvageries » / battle dessinée, atelier masques sérigraphiés</br>
|
||||
20h30 : Dancing sauvage animé par Fils de Venus, collectif Parisien plongé dans une quête mystique et sonore.</br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide5">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn10">
|
||||
<img src="img/batiment/9-c.svg" alt="09">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>MATHIEU ROQUET - Les échappées</h2>
|
||||
<h3>Parvis de la gare SNCF</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/MATHIEU_ROQUET/img1.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
Parcours à vélo et installation urbaine</br>
|
||||
</p>
|
||||
<p>
|
||||
Pour sa troisième participation, La Roue Libre convoque à nouveau un graphiste et un vélo, et questionne l’usage des espaces publics et notre liberté d’action.
|
||||
Mathieu Roquet reprend et concrétise un projet envisagé en 2014, consécutif à sa recherche sur l’esthétique de la météorologie, de ses codes, signes et langages.
|
||||
Mathieu Roquet prend en considération le facteur atmosphérique des espaces urbains et du front de mer de la ville du Havre afin de travailler les notions de «embarqué et déployé».
|
||||
À travers ce projet intitulé « Frictions cinétiques », Mathieu Roquet souhaite étudier les dynamiques atmosphériques à l’épreuve de la force physique déployée soit pour en tirer parti soit pour lutter contre les éléments, lors d’un déplacement à vélo.
|
||||
L’équipement du vélo et des accessoires est l’objet d’étude graphique, véhicule des intentions.
|
||||
</p>
|
||||
<p>
|
||||
A cette occasion, Mathieu rencontre et propose aux étudiants du lycée St-Vincent une démarche de travail pour repenser l’espace public : une installation urbaine est prévue dans l’impasse Bonnivet, accompagnée d’un vocabulaire de signes et de leur support imaginé.
|
||||
Le graphiste, assisté de l’équipe de La Roue Libre, réhabilite un vélo de type « la randonneuse » qui lui permettra de préparer un voyage d’étude documentaire en solitaire, dans la continuité de son projet de fin d’études.
|
||||
L’intervention graphique sur le vélo se fait par le choix de l’équipement en vue du voyage, et par la conception de sacoches fabriquées sur mesure pour vivre et travailler dans la mobilité.
|
||||
La Roue Libre favorise l’utilisation des vélos en ville par la réappropriation du médium vélo dans l’espace urbain, et commence sa collection de vélos anciens issus de son économie locale.
|
||||
Une mise en situation est proposée lors de plusieurs parcours organisés en cette année 2017 : La Roue Libre met à disposition ses vélos publics.
|
||||
</p>
|
||||
<p>
|
||||
Organisation de l’association La Roue Libre en partenariat avec le lycée Saint-Vincent de Paul.</br>
|
||||
Installation urbaine impasse Bonnivet au Havre.</br>
|
||||
</p>
|
||||
<p>
|
||||
Vernissage le 12 mai à 19 h à l’Association La Roue Libre, impasse Bonnivet au Havre</br>
|
||||
</p>
|
||||
<p>
|
||||
Parcours inaugural le 13 mai à 10h.</br> Départ de La Consigne, parvis de la gare SNCF - Le Havre.</br>
|
||||
</p>
|
||||
<p>
|
||||
Renseignements : Association La Roue Libre, 3 Rue Bonnivet, Le Havre</br>
|
||||
Tel: 09 84 11 52 95 </br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide6">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn6">
|
||||
<img src="img/batiment/6-c.svg" alt="06">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>RALPH SCHRAIVOGEL</h2>
|
||||
<h3>Bibliothèque universitaire du Havre</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/Ralph_Schraivogel/img0.png">
|
||||
<img src="img/exposition/Ralph_Schraivogel/img1.jpg">
|
||||
<img src="img/exposition/Ralph_Schraivogel/img2.jpg">
|
||||
<img src="img/exposition/Ralph_Schraivogel/img3.jpg">
|
||||
<img src="img/exposition/Ralph_Schraivogel/img4.jpg">
|
||||
<img src="img/exposition/Ralph_Schraivogel/img5.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
|
||||
<p>
|
||||
Ralph Schraivogel est né en 1960 à Lucerne (Suisse). Il a étudié le design graphique à la Schule für Gestaltung Zürich entre 1977 et 1982. Après l’obtention de son diplôme, il s’est aussitôt installé à Zürich comme designer indépendant. Il a conçu des livres, des logos et des identités visuelles, mais s’est rapidement consacré au design d’affiches pour des événements et des institutions culturelles.
|
||||
Il a notamment pris en charge la communication visuelle du cinéma « Filmpodium » à partir de 1983, et réalise régulièrement depuis 1984 des affiches pour le « Museum für Gestaltung » (Zürich).
|
||||
L’une de ses productions la plus spectaculaire et remarquée reste sans doute la série d’affiches qu’il a réalisées entre 1989 et 2006 pour la biennale de cinéma «Cinemafrica».
|
||||
</p>
|
||||
|
||||
<p>
|
||||
A partir de 1992, parallèlement à son activité de graphiste indépendant, Ralph Schraivogel a enseigné ou enseigne dans différentes écoles.
|
||||
L’œuvre graphique de Ralph Schraivogel est consistante et singulière, malgré une production annuelle restreinte tant le processus de création d’une image réclame une longue réflexion et maturation chez ce designer. Elle est précise, à la fois radicale et délicate, et repose sur un épuisement méthodique du sujet, parfaitement traduit ensuite ou réinterprété dans une image. Ce travail d’interprétation du sujet se caractérise par une grande puissance visuelle où une typographie sèche et économe se confronte souvent à des textures et des interférences visuelles (zébrures, motifs psychédéliques, empreintes, etc.).
|
||||
Le corpus d’affiches exposées dans le cadre d’Une Saison Graphique 17 représente la presque totalité de ses 35 années de production. Il permet de souligner dans l’espace de l’atrium de la BU ce contraste fort de chaos et d’ordre qui traverse l’ensemble de son travail : à des univers complexes et saturés de matières suivent parfois des épures extrêmes, mais chacune de ses pièces conserve en commun une efficacité redoutable qui nous rappelle le vrai pouvoir de l’image.
|
||||
Ralph Schraivogel croit profondément que le langage est pauvre, et qu’à l’inverse les images ont un pouvoir infini. Son design visuel s’apparente par bien des aspects à la technique des haïkus, cette forme poétique japonaise compacte, ramassée et raffinée, qui concentre le langage pour atteindre une pureté absolue d’expression.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Le travail de Ralph Schraivogel a été récompensé à de multiples reprises et certaines de ses affiches font partie des collections permanentes de musées importants comme le MoMA de New York et le Stedelijk Museum d’Amsterdam.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Ralph Schraivogel est membre de l’Alliance Graphique Internationale (AGI) depuis 1995.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Cette exposition est coproduite par le Signe, centre national du graphisme et a bénéficié du concours de la Ville de Chaumont, propriétaire d’une grande partie des affiches exposées.</p>
|
||||
|
||||
<p>
|
||||
Conférence le mardi 9 mai à 18h à la Maison de l’Etudiant suivi du vernissage à 19h30, à l’atrium de la BU centrale.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Bibliothèque universitaire du Havre</br>
|
||||
25, rue Philippe Lebon – Le Havre</br>
|
||||
Entrée libre du lundi au vendredi de 8h30 à 19h et le samedi de 10h à 18h.</br>
|
||||
Visites commentées et renseignements :</br>
|
||||
02 32 74 44 08 ou 02 32 74 44 16</br>
|
||||
<a href="mailto:service.culturel@univ-lehavre.fr">bu@univ-lehavre.fr</a></br>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide7">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn1">
|
||||
<img src="img/batiment/1-c.svg" alt="01">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>SYLVIA TOURNERIE</h2>
|
||||
<h3>Galerie 65</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/SYLVIA_TOURNERIE/img1.jpg">
|
||||
<img src="img/exposition/SYLVIA_TOURNERIE/img2.jpg">
|
||||
<img src="img/exposition/SYLVIA_TOURNERIE/img3.jpg">
|
||||
<img src="img/exposition/SYLVIA_TOURNERIE/img4.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
Début des années 1980 un groupe de rock, de News wave... A Niort, à Tarbes, dans la région havraise...
|
||||
En périphérie, assurément. Là où des projecteurs amateurs produisent une atmosphère d’un gris brut.
|
||||
A ce moment précis, où le chahut des rencontres, le sens des actes, des provocations imaginés, esquissés à à peine 20 ans, se révèlent décisifs, puis sont oubliés, et consignés dans des boites d’archives.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
En parallèle et en deçà d’une commande pour la création de l’identité visuelle du label Delodio, qui, entre autre, s’est donné pour mission d’exhumer des morceaux de musique jamais diffusés, Sylvia Tournerie revient sur les lieux d’émergence d’individualités (musicales), sur le choc (électrique) de la création.
|
||||
« Enregistrements » est une création originale pensée pour Une Saison Graphique, où la graphiste retourne d’une certaine manière à ses débuts, lorsqu’elle accompagnait, concevait à la fin des années 1990 l’image du groupe de musique électronique Bosco. Si son point de départ est réel et local, son questionnement situe le travail du graphiste face à la mémoire. Comment représenter, que dévoiler de cette musique qui n’a jamais été « publiée » ? Comment évoquer ces outils d’enregistrements (populaires… et libres) et son esthétique- les K7- , qui à peine trois décennies plus tard, sont données comme définitivement obsolètes. La K7 évoque aussi une certaine idée du bricolage, une conception d’ensemble indépendante. Si pour « Enregistrements » la graphiste part d’une documentation photographique abimée issue des archives même de certains groupes de musiques de cette "scène K7" et de ses propres photos, elle y révèle sa méthode de création qu’elle qualifie souvent de « brute », d’ « intuitive ». Dans ses compositions, elle préfère maîtriser chaque stade du processus de création, elle aime être seule face à ses outils. Ici, ses collages sauvages, auront justement pour propos de sauver. Enregistrer, sauvegarder, diffuser à moindre prix, la K7 incarnait certaines valeurs horizontales (du partage) de la création.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Comme des coulisses au studio principal « Enregistrements », deux salles de la Galerie 65 rassembleront un éventail des vingt années de production de Sylvia Tournerie. Conception éditoriale pour l’art contemporain, pochettes de disques, identités visuelles (Husbands, Hermès, Movement), motion design (clips, habillage de concerts, génériques pour Arte), l’inventaire du studio Sylvia Tournerie ne sera pas exhaustif, mais tentera de scénographier les gestes précis et décomplexés de la graphiste à investir tous les formats.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Conférence le jeudi 11 mai à 16h30 à la Maison de l’étudiant, suivi du vernissage à 18h à la Galerie 65 de l’ESADHaR.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Galerie 65 de l’École Supérieure d’Art et Design Le Havre-Rouen</br>
|
||||
65 rue Demidoff, Le Havre</br>
|
||||
Lundi - samedi, de 14h à 18h </br>
|
||||
Renseignements : 02 35 53 30 31</br>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide8">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn7">
|
||||
<img src="img/batiment/7-c.svg" alt="07">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>ANETTE LENZ / DANCING LIGHT</h2>
|
||||
<h3>Le Phare</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/ANETTE_LENZ/img1.png">
|
||||
<img src="img/exposition/ANETTE_LENZ/img2.png">
|
||||
<img src="img/exposition/ANETTE_LENZ/img3.png">
|
||||
<img src="img/exposition/ANETTE_LENZ/img4.png">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
Anette Lenz est une graphiste allemande qui vit et travaille à Paris depuis une vingtaine d’années. Après des études en arts graphiques à Münich, elle débute sa carrière en France en intégrant les collectifs Grapus, puis Nous travaillons Ensemble.
|
||||
Elle accompagne des institutions publiques et culturelles, dont le FRAC Bourgogne, L’Onde théâtre centre d’art, la Ville de Paris, le Ministère de la Culture, le Musée des Arts Décoratifs, RadioFrance, Arte. En association avec le graphiste Vincent Perrottet, elle a assuré la communication visuelle de différents théâtres : le théâtre d’Angoulême, le Nouveau Relax Chaumont, la Filature Scène Nationale de Mulhouse et le Théâtre d’Auxerre.
|
||||
En 2013, Anette Lenz et Emmanuelle Vo-Dinh se rencontrent pour concevoir et réaliser l’identité visuelle et la communication graphique du Phare, Centre chorégraphique national du Havre Normandie.
|
||||
Ses réalisations sont régulièrement exposées et font parties de collections comme celles de la Bibliothèque National de France, du Centre Georges Pompidou, du musée d’Arts Décoratifs à Paris, du MOMA San Francisco, du Postermuseum Essen, du Heritagemuseum Hong Kong, du Modern Art Museum Ningbo, et ont fait l’objet de multiples distinctions dans des concours internationaux.
|
||||
Membre de l’AGI, Anette Lenz participe activement à des conférences internationales. Elle enseigne à la HEAD à Genève.
|
||||
</p>
|
||||
<p>
|
||||
Les créations d’Anette Lenz se caractérisent par un intérêt vif pour l’intervention dans l’espace public, envisagé comme l’interface visuelle des projets culturels ou des institutions qu’elle défend. Une appropriation délicate au service du propos du commanditaire et qui se déploie ensuite comme une forme d’empreinte graphique ou une surimpression déployée dans la ville. Une approche très sensible, parfois sensuelle, qui s’exprime parfaitement dans sa collaboration avec le Phare : les affiches d’Anette Lenz pour le Phare éclairent chaque année les lignes d’architecture tracées par Auguste Perret pour guider le public jusqu’au bâtiment du 30, rue des briquetiers, avec sa rayonnante façade rouge animée positionnée idéalement en entrée de ville.
|
||||
Cette surface d’architecture repensée par Anette Lenz en 2014, met en lumière une autre dimension de son travail : la recherche et les collaborations pluri-disciplinaires. L’animation de la façade du Phare est ainsi un véritable projet artistique conduit avec Nicolas Galinotti, responsable du dispositif numérique.
|
||||
</p>
|
||||
<p>
|
||||
Dans le cadre d’Une Saison Graphique 17, en s’appuyant sur le dispositif mis en place, Anette Lenz développera sur cette installation lumineuse de Leds une nouvelle animation, plus abstraite et jouant avec des éléments visuels de la ville : une entrée « en matières » idéale qui illuminera encore un peu plus l’entrée de ville et explorera plus encore les potentialités poétiques de ce dispositif mariant et rythmant subtilement formes, lumière et mouvement. Tout un programme.
|
||||
</p>
|
||||
<p>
|
||||
Soirée de lancement le vendredi 12 mai 2017, à partir de 22h</br>
|
||||
Le Phare, Centre chorégraphique national du Havre Normandie</br>
|
||||
30 rue des briquetiers au Havre</br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="slide" id="slide9">
|
||||
<div class="header-expo">
|
||||
<div class="lieu btn btn2">
|
||||
<img src="img/batiment/2-c.svg" alt="02">
|
||||
</div>
|
||||
<div class="titles">
|
||||
<h2>UNE KERMESSE GRAPHIQUE</h2>
|
||||
<h3>Fort de Tourneville</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-artiste">
|
||||
<div class="images">
|
||||
<img src="img/exposition/UNE_KERMESSE_GRAPHIQUE/img0.jpg">
|
||||
<!-- <img src="img/exposition/UNE_KERMESSE_GRAPHIQUE/img1.jpg"> -->
|
||||
<img src="img/exposition/UNE_KERMESSE_GRAPHIQUE/img3.jpg">
|
||||
<img src="img/exposition/UNE_KERMESSE_GRAPHIQUE/img4.jpg">
|
||||
<img src="img/exposition/UNE_KERMESSE_GRAPHIQUE/img5.jpg">
|
||||
</div>
|
||||
|
||||
<div class="bloc-text-artiste">
|
||||
<p>
|
||||
LA KERMESSE GRAPHIQUE n°4, C’EST PARTI !</br>
|
||||
La kermesse graphique, c’est une après-midi entière d’ateliers participatifs et de jeux colorés proposés depuis 2014 par l’association Papier Machine, pour tous les âges et pour tout le monde… Petits ou grands, jeunes ou moins jeunes, initiés ou non, venez essayer nos différentes activités pour créer des objets plastiques avec les artistes et les graphistes que nous avons invités, et qui ont imaginé pour l’occasion des ateliers originaux et ludiques.
|
||||
Le 13 mai, nous établirons notre campement graphique éphémère dans l’enceinte du Fort de Tourneville, sur l’esplanade et dans l’alvéole 10 de 14h à 18h.
|
||||
N’oubliez pas vos appareils photo pour garder des souvenirs de cette journée qui s’annonce d’ores et déjà haute en couleurs ! Nos artistes invités vous ont préparé des ateliers pour imprimer, découper, tamponner et passer un moment festif et créatif. La kermesse graphique, c’est de l’encre, du papier, des rencontres et des jeux, de la couleur et du soleil garanti. Nous, on est à fond, vous venez ?
|
||||
</p>
|
||||
|
||||
<p>
|
||||
L MINUSCULE ET FRANCK MARRY / HAPPY BOX</br>
|
||||
Le duo havrais propose un atelier d’impression sur des sacs en papier à partir de l’alphabet dernier cri « HAPPY BOX ». Cet alphabet a été conçu par Franck Marry, dans le cadre du projet carton graphique initié par Claire Le Breton.
|
||||
Mixant leurs deux pratiques, ils aboutissent à la création d’une valise-atelier comportant des signes issus de formes prélevées et isolées d’emballages alimentaires.
|
||||
Miam,miam… Gourmand de caractères typographiques ludiques, gourmand de figures infinies, c’est pour vous !!!!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
LES CONCASSEURS / CAPITAINE.</br>
|
||||
Arpenter • Repairer • Ponctionner • Géolocaliser • Concasser • Sérigraphier • Archiver • Construire
|
||||
Le binôme les Concasseurs ont développé un procédé archaïque pour pouvoir imprimer en sérigraphie des matières prélevées in situ, inspiré des origines asiatique de l’estampe. Ils transforment la matière en pigment, par différents moyens, lorsque ce pigment est imprimable, ils le mélangent à un amidon de riz pour coller la matière au papier. Ce résultat sert d’encre et est imprimé à l’aide de la sérigraphie. Pour la kermesse nous proposons un petit ouvrage imprimé en sérigraphie avec la terre du fort, lors de l’atelier. Celui-ci s’inscrira dans un pliage de bateau ou chapeau.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
ATELIER LINDSAY / L’ATELIER DU DISQUE.</br>
|
||||
Du pressage à la conception de la pochette, L’atelier du disque propose de revisiter graphiquement la chaine de fabrication des 33 et 45 tours. Des platines en rotation et des crayons en guise de tête de lecture pour dessiner les sillons du disque. Des trames et des formes adhésives pour illustrer la pochette. Des normographes et des pantographes pour en réaliser le lettrage. Groupes de musiques imaginaires ou pochettes ré-interprétées, chacun repartira avec un objet graphique qui s’écoute avec les yeux.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
BILL NOIR / LA FABRIQUE SURRÉALISTE</br>
|
||||
La Fabrique Surréaliste vous convie à venir éplucher les vieilles revues du vingtième siècle, et de vous laisser porter par leur pouvoir évocateur, leurs décalages naturels et leur textures charmantes, afin de couper, arracher, plier, superposer et faire subir au papier le pouvoir de votre imagination et ainsi réaliser de merveilleux collages
|
||||
</p>
|
||||
|
||||
<p>
|
||||
PAPER TIGER ET SOPHIE CURE/ SOUVENIR DU SIGNE</br>
|
||||
Petite imprimerie de cartes postales</br>
|
||||
Oeil rond, fermé, globuleux, ovale, rieur. Main tendue, poings fermés, coup de poing, poignées de main. Un circuit automobile et une caravane. Des acrobates, des paires de jambes, des animaux de cirque, des masques, des montagnes, des mires et des motifs : le projet Souvenir du Signe met à disposition tout un attirail de formes extraites des affiches présentées d’octobre 2016 à janvier 2017 dans « La Collection », exposition inaugurale du Signe, Centre National du Graphisme de Chaumont.
|
||||
Regroupant 273 affiches puisées dans l’importante collection de la Ville de Chaumont, celle-ci offrait un large panorama d’images et de représentations. S’y mêlaient des affiches du XIXe siècle (issues de la donation de Gustave Dutailly) et des affiches contemporaines collectées depuis les années 1990 grâce au Concours international organisé annuellement dans le cadre du Festival de l’Affiche.</br>
|
||||
Le dispositif Souvenir du Signe s’inscrit dans un projet pédagogique mené par le Centre National du Graphisme. Il comprend 350 signes, reproduits sous la forme d’une collection de tampons destinés à imprimer des cartes postales. Il s’installera au Havre pour la Kermesse Graphique en mai 2017, avec quelques inédits créés pour l’occasion.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Et pour couronner cette superbe programmation, nous sommes très heureux d’accueillir les productions d’un workshop croisé entre l’école d’art du Havre et la Royal Academy of Art de La Haye (Pays-Bas), pour revisiter les jeux traditionnels de la kermesse.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Samedi 13 mai de 14h à 18h au fort de Tourneville </br> Entrée libre
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Pour toute information vous pouvez consulter le site de <a href="http://www.papier-machine.fr">Papier Machine</a>, vous pourrez y voir les images des éditions précédentes en cliquant sur <a href="https://papier-machine2012.tumblr.com/">« Machine »</a> ou nous envoyer vos messages à <a href="mailto:papiermachine2012@gmail.com"></a>
|
||||
ou via notre page <a href="https://www.facebook.com/Papier-Machine-237925123039590/">facebook / Papier Machine</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,21 @@
|
||||
The Ubuntu Font Family is very long-term endeavour, and the first time
|
||||
that a professionally-designed font has been funded specifically with
|
||||
the intent of being an on-going community expanded project:
|
||||
|
||||
http://font.ubuntu.com/
|
||||
|
||||
Development of the Ubuntu Font Family is undertaken on Launchpad:
|
||||
|
||||
http://launchpad.net/ubuntu-font-family/
|
||||
|
||||
and this is where milestones, bug management and releases are handled.
|
||||
|
||||
Contributions are welcomed. Your work will be used on millions of
|
||||
computers every single day! Following the initial bootstrapping of
|
||||
Latin, Cyrillic, Greek, Arabic and Hebrew expansion will be undertaken
|
||||
by font designers from the font design and Ubuntu communities.
|
||||
|
||||
To ensure that the Ubuntu Font Family can be re-licensed to future
|
||||
widely-used libre font licences, copyright assignment is being required:
|
||||
|
||||
https://launchpad.net/~uff-contributors
|
||||
@@ -0,0 +1,292 @@
|
||||
This is the FONTLOG file for the Ubuntu Font Family and attempts to follow
|
||||
the recommendations at: http://scripts.sil.org/OFL-FAQ_web#43cecb44
|
||||
|
||||
|
||||
Overview
|
||||
|
||||
The new Ubuntu Font Family was started to enable the personality of
|
||||
Ubuntu to be seen and felt in every menu, button and dialog.
|
||||
The typeface is sans-serif, uses OpenType features and is manually
|
||||
hinted for clarity on desktop and mobile computing screens.
|
||||
|
||||
The scope of the Ubuntu Font Family includes all the languages used by
|
||||
the various Ubuntu users around the world in tune with Ubuntu's
|
||||
philosophy which states that every user should be able to use their
|
||||
software in the language of their choice. So the Ubuntu Font Family
|
||||
project will be extended to cover many more written languages.
|
||||
|
||||
|
||||
History
|
||||
|
||||
The Ubuntu Font Family has been creating during 2010 and 2011. As of
|
||||
September 2011 coverage is provided for Latin, Cyrillic and Greek across
|
||||
Regular, Italic, Bold and Bold-Italic. Further work was uptaken during
|
||||
2015.
|
||||
|
||||
|
||||
ChangeLog
|
||||
|
||||
2015-08-21 (Paul Sladen) Ubuntu Font Family version 0.83
|
||||
|
||||
Note: This release was created by binary patching from the v0.80
|
||||
release using the scripts in 'sources/patch-0.80-0.83/' to rebuild
|
||||
the necessary tables. The release selectively updates only those
|
||||
proportional .ttf font files exhibiting the bug below bug number;
|
||||
the Ubuntu Mono monospace font files remain unchanged, being the
|
||||
original version 0.80 ones.
|
||||
|
||||
[Marc Foley]
|
||||
* [Engineering] Fixed wrong characters appear in some mac apps. (LP: #1334363)
|
||||
|
||||
|
||||
2011-09-22 (Paul Sladen) Ubuntu Font Family version 0.80
|
||||
|
||||
[Vincent Connare/Dalton Maag]
|
||||
* Wish for addition of a monospaced member to the family (LP: #640382)
|
||||
* Mono: No hinting yet - Ubuntu Beta Mono font looks jagged in
|
||||
Netbeans and terrible with ClearType (LP: #820493)
|
||||
* Emacs: choosing normal monospace font in Emacs but gives bold-italic
|
||||
(LP: #791076)
|
||||
* PUA: ensure that Ubuntu Circle of Friends logo is full size: (LP: #853855)
|
||||
+ U+E0FF becomes large size in proportionals, remains small width in
|
||||
monospaces
|
||||
+ U+F0FF becomes small size (proportionals only)
|
||||
+ U+F200 is full ubuntu logomark (proportionals only)
|
||||
|
||||
[Paul Sladen]
|
||||
* Monospace: Patch Family Name to be "Ubuntu Mono"
|
||||
* Monospace: Patch U+EFFD version debugging glyph to be '0.8'
|
||||
|
||||
[Cody Boisclair]
|
||||
* Monospace: Force .null HDMX advance to 500
|
||||
* Monospace: Remap ASCII box-drawing characters (LP: #788757)
|
||||
|
||||
[Júlio Reis]
|
||||
* Date corrections to 'FONTLOG' (LP: #836595)
|
||||
|
||||
2011-03-08 (Paul Sladen) Ubuntu Font Family version 0.71.2
|
||||
|
||||
* (Production) Adjust Medium WeightClass to 500 (Md, MdIt) (LP: #730912)
|
||||
|
||||
2011-03-07 (Paul Sladen) Ubuntu Font Family version 0.71.1
|
||||
|
||||
* (Design) Add Capitalised version of glyphs and kern. (Lt, LtIt,
|
||||
Md, MdIt) DM (LP: #677446)
|
||||
* (Design) Re-space and tighen Regular and Italic by amount specified
|
||||
by Mark Shuttleworth (minus 4 FUnits). (Rg, It) (LP: #677149)
|
||||
* (Design) Design: Latin (U+0192) made straight more like l/c f with
|
||||
tail (LP: #670768)
|
||||
* (Design) (U+01B3) should have hook on right, as the lowercase
|
||||
(U+01B4) (LP: #681026)
|
||||
* (Design) Tail of Light Italic germandbls, longs and lowercase 'f'
|
||||
to match Italic/BoldItalic (LP: #623925)
|
||||
* (Production) Update <case> feature (Lt, LtIt, Md, MdIt). DM
|
||||
(LP: #676538, #676539)
|
||||
* (Production) Remove Bulgarian locl feature for Italics. (LP: #708578)
|
||||
* (Production) Update Description information with new string:
|
||||
"The Ubuntu Font Family are libre fonts funded by Canonical Ltd
|
||||
on behalf of the Ubuntu project. The font design work and
|
||||
technical implementation is being undertaken by Dalton Maag. The
|
||||
typeface is sans-serif, uses OpenType features and is manually
|
||||
hinted for clarity on desktop and mobile computing screens. The
|
||||
scope of the Ubuntu Font Family includes all the languages used
|
||||
by the various Ubuntu users around the world in tune with
|
||||
Ubuntu's philosophy which states that every user should be able
|
||||
to use their software in the language of their choice. The
|
||||
project is ongoing, and we expect the family will be extended to
|
||||
cover many written languages in the coming years."
|
||||
(Rg, It, Bd, BdIt, Lt, LtIt, Md, MdIt) (LP: #690590)
|
||||
* (Production) Pixel per em indicator added at U+F000 (Lt, LtIt, Md,
|
||||
MdIt) (LP: #615787)
|
||||
* (Production) Version number indicator added at U+EFFD (Lt, LtIt, Md,
|
||||
MdIt) (LP: #640623)
|
||||
* (Production) fstype bit set to 0 - Editable (Lt, LtIt, Md, MdIt)
|
||||
(LP: #648406)
|
||||
* (Production) Localisation of name table has been removed because
|
||||
of problems with Mac OS/X interpretation of localisation. DM
|
||||
(LP: #730785)
|
||||
* (Hinting) Regular '?' dot non-circular (has incorrect control
|
||||
value). (LP: #654336)
|
||||
* (Hinting) Too much space after latin capital 'G' in 13pt
|
||||
regular. Now reduced. (LP: #683437)
|
||||
* (Hinting) Balance Indian Rupee at 18,19pt (LP: #662177)
|
||||
* (Hinting) Make Regular '£' less ambiguous at 13-15 ppm (LP: #685562)
|
||||
* (Hinting) Regular capital 'W' made symmetrical at 31 ppem (LP: #686168)
|
||||
|
||||
2010-12-14 (Paul Sladen) Ubuntu Font Family version 0.70.1
|
||||
|
||||
Packaging, rebuilt from '2010-12-08 UbuntuFontsSourceFiles_070.zip':
|
||||
* (Midstream) Fstype bit != 0 (LP: #648406)
|
||||
* (Midstream) Add unit test to validate fstype bits (LP: #648406)
|
||||
* (Midstream) Add unit test to validate licence
|
||||
|
||||
2010-12-14 (Paul Sladen) Ubuntu Font Family version 0.70
|
||||
|
||||
Release notes 0.70:
|
||||
* (Design) Add Capitalised version of glyphs and kern. (Rg, It, Bd,
|
||||
BdIt) DM (LP: #676538, #677446)
|
||||
* (Design) Give acute and grave a slight upright move to more match
|
||||
the Hungarian double acute angle. (Rg, It, Bd, BdIt) (LP: #656647)
|
||||
* (Design) Shift Bold Italic accent glyphs to be consistent with the
|
||||
Italic. (BdIt only) DM (LP: #677449)
|
||||
* (Design) Check spacing and kerning of dcaron, lcaron and
|
||||
tcaron. (Rg, It, Bd, BdIt) (LP: #664722)
|
||||
* (Design) Add positive kerning to () {} [] to open out the
|
||||
combinations so they are less like a closed box. (Rg, It, Bd,
|
||||
BdIt) (LP: #671228)
|
||||
* (Design) Change design of acute.asc and check highest points (Bd
|
||||
and BdIt only) DM
|
||||
* (Production) Update <case> feature. DM (LP: #676538, #676539)
|
||||
* (Production) Remove Romanian locl feature. (Rg, It, Bd, BdIt)
|
||||
(LP: #635615)
|
||||
* (Production) Update Copyright information with new
|
||||
strings. "Copyright 2010 Canonical Ltd. Licensed under the Ubuntu
|
||||
Font Licence 1.0" Trademark string "Ubuntu and Canonical are
|
||||
registered trademarks of Canonical Ltd." (Rg, It, Bd, BdIt) DM
|
||||
(LP: #677450)
|
||||
* (Design) Check aligning of hyphen, math signs em, en, check braces
|
||||
and other brackets. 16/11 (LP: #676465)
|
||||
* (Production) Pixel per em indicator added at U+F000 (Rg, It, Bd,
|
||||
BdIt) (LP: #615787)
|
||||
* (Production) Version number indicator added at U+EFFD (Rg, It, Bd,
|
||||
BdIt) (LP: #640623)
|
||||
* (Production) fstype bit set to 0 - Editable (Rg, It, Bd, BdIt)
|
||||
(LP: #648406)
|
||||
|
||||
2010-10-05 (Paul Sladen) Ubuntu Font Family version 0.69
|
||||
|
||||
[Dalton Maag]
|
||||
* Italic,
|
||||
- Hinting on lowercase Italic l amended 19ppm (LP: #632451)
|
||||
- Hinting on lowercase Italic u amended 12ppm (LP: #626376)
|
||||
|
||||
* Regular, Italic, Bold, BoldItalic
|
||||
- New Rupee Sign added @ U+20B9 (LP: #645987)
|
||||
- Ubuntu Roundel added @ U+E0FF (LP: #651606)
|
||||
|
||||
[Paul Sladen]
|
||||
* All
|
||||
- Removed "!ubu" GSUB.calt ligature for U+E0FF (LP: #651606)
|
||||
|
||||
|
||||
Acknowledgements
|
||||
|
||||
If you make modifications be sure to add your name (N), email (E),
|
||||
web-address (if you have one) (W) and description (D). This list is in
|
||||
alphabetical order.
|
||||
|
||||
N: Ryan Abdullah
|
||||
W: http://www.rayan.de/
|
||||
D: Arabic calligraphy and design in collaboration with Dalton Maag
|
||||
D: Arabic testing
|
||||
|
||||
N: Cody Boisclair
|
||||
D: Monospace low-level debugging and patching ('fixboxdrawing-ft.py')
|
||||
|
||||
N: Amélie Bonet
|
||||
W: http://ameliebonet.com/
|
||||
D: Type design with Dalton Maag, particularly Ubuntu Mono and Ubuntu Condensed
|
||||
|
||||
N: Jason Campbell
|
||||
W: http://www.campbellgraphics.com/design/fonts.shtml
|
||||
D: Monospace hinting (first phase) at Dalton Maag
|
||||
|
||||
N: Pilar Cano
|
||||
W: http://www.pilarcano.com/
|
||||
D: Hebrew realisation with Dalton Maag
|
||||
|
||||
N: Fernando Caro
|
||||
D: Type design with Dalton Maag, particularly Ubuntu Condensed
|
||||
|
||||
N: Ron Carpenter
|
||||
W: http://www.daltonmaag.com/
|
||||
D: Type design with Dalton Maag
|
||||
D: Arabic realisation in collaboration with Ryan Abdullah
|
||||
|
||||
N: Vincent Connare
|
||||
W: http://www.connare.com/
|
||||
D: Type design, and engineering with Dalton Maag
|
||||
D: Monospace hinting (second phase) at Dalton Maag
|
||||
|
||||
N: Dave Crossland
|
||||
E: dave@understandingfonts.com
|
||||
W: http://understandingfonts.com/
|
||||
D: Documentation and libre licensing guidance
|
||||
D: Google Webfont integration at Google
|
||||
|
||||
N: Steve Edwards
|
||||
W: http://www.madebymake.com/
|
||||
D: font.ubuntu.com revamp implementation with Canonical Web Team
|
||||
|
||||
N: Iain Farrell
|
||||
W: http://www.flickr.com/photos/iain
|
||||
D: Ubuntu Font Family delivery for the Ubuntu UX team at Canonical
|
||||
|
||||
N: Marc Foley
|
||||
W: http://www.marcfoley.co/
|
||||
D: Font Engineer at Dalton Maag for the 2015 updates
|
||||
|
||||
N: Shiraaz Gabru
|
||||
W: http://www.daltonmaag.com/
|
||||
D: Ubuntu Font Family project management at Dalton Maag
|
||||
|
||||
N: Marcus Haslam
|
||||
W: http://design.canonical.com/author/marcus-haslam/
|
||||
D: Creative inspiration
|
||||
|
||||
N: Ben Laenen
|
||||
D: Inspiration behind the pixels-per-em (PPEM) readout debugging glyph at U+F000
|
||||
(for this font the concept was re-implemented from scratch by Dalton-Maag)
|
||||
|
||||
N: Bruno Maag
|
||||
W: http://www.daltonmaag.com/
|
||||
D: Stylistic direction of the Ubuntu Font Family, as head of Dalton Maag
|
||||
|
||||
N: Ivanka Majic
|
||||
W: http://www.ivankamajic.com/
|
||||
D: Guiding the UX team and Cyrillic feedback
|
||||
|
||||
N: David Marshall
|
||||
W: http://www.daltonmaag.com/
|
||||
D: Technical guidance and administration at Dalton Maag
|
||||
|
||||
N: Malcolm Wooden
|
||||
W: http://www.daltonmaag.com/
|
||||
D: Font Engineering at Dalton Maag
|
||||
|
||||
N: Lukas Paltram
|
||||
W: http://www.daltonmaag.com/
|
||||
D: Type design with Dalton Maag
|
||||
|
||||
N: Júlio Reis
|
||||
D: Date fixes to the documentation
|
||||
|
||||
N: Rodrigo Rivas
|
||||
D: Indian Rupee Sign glyph
|
||||
|
||||
N: Mark Shuttleworth
|
||||
E: mark@ubuntu.com
|
||||
W: http://www.markshuttleworth.com/
|
||||
D: Executive quality-control and funding
|
||||
|
||||
N: Paul Sladen
|
||||
E: ubuntu@paul.sladen.org
|
||||
W: http://www.paul.sladen.org/
|
||||
D: Bug triaging, packaging at Ubuntu and Canonical
|
||||
|
||||
N: Nicolas Spalinger
|
||||
W: http://planet.open-fonts.org
|
||||
D: Continuous guidance on libre/open font licensing, best practises in source
|
||||
tree layout, release and packaging (pkg-fonts Debian team)
|
||||
|
||||
N: Kenneth Wimer
|
||||
D: Initial PPA packaging
|
||||
|
||||
* Canonical Ltd is the primary commercial sponsor of the Ubuntu and
|
||||
Kubuntu operating systems
|
||||
* Dalton Maag are a custom type foundry headed by Bruno Maag
|
||||
|
||||
For further documentation, information on contributors, source code
|
||||
downloads and those involved with the Ubuntu Font Family, visit:
|
||||
|
||||
http://font.ubuntu.com/
|
||||
@@ -0,0 +1,177 @@
|
||||
Ubuntu Font Family Licensing FAQ
|
||||
|
||||
Stylistic Foundations
|
||||
|
||||
The Ubuntu Font Family is the first time that a libre typeface has been
|
||||
designed professionally and explicitly with the intent of developing a
|
||||
public and long-term community-based development process.
|
||||
|
||||
When developing an open project, it is generally necessary to have firm
|
||||
foundations: a font needs to maintain harmony within itself even across
|
||||
many type designers and writing systems. For the [1]Ubuntu Font Family,
|
||||
the process has been guided with the type foundry Dalton Maag setting
|
||||
the project up with firm stylistic foundation covering several
|
||||
left-to-right scripts: Latin, Greek and Cyrillic; and right-to-left
|
||||
scripts: Arabic and Hebrew (due in 2011).
|
||||
|
||||
With this starting point the community will, under the supervision of
|
||||
[2]Canonical and [3]Dalton Maag, be able to build on the existing font
|
||||
sources to expand their character coverage. Ultimately everybody will
|
||||
be able to use the Ubuntu Font Family in their own written languages
|
||||
across the whole of Unicode (and this will take some time!).
|
||||
|
||||
Licensing
|
||||
|
||||
The licence chosen by any free software project is one of the
|
||||
foundational decisions that sets out how derivatives and contributions
|
||||
can occur, and in turn what kind of community will form around the
|
||||
project.
|
||||
|
||||
Using a licence that is compatible with other popular licences is a
|
||||
powerful constraint because of the [4]network effects: the freedom to
|
||||
share improvements between projects allows free software to reach
|
||||
high-quality over time. Licence-proliferation leads to many
|
||||
incompatible licences, undermining the network effect, the freedom to
|
||||
share and ultimately making the libre movement that Ubuntu is a part of
|
||||
less effective. For all kinds of software, writing a new licence is not
|
||||
to be taken lightly and is a choice that needs to be thoroughly
|
||||
justified if this path is taken.
|
||||
|
||||
Today it is not clear to Canonical what the best licence for a font
|
||||
project like the Ubuntu Font Family is: one that starts life designed
|
||||
by professionals and continues with the full range of community
|
||||
development, from highly commercial work in new directions to curious
|
||||
beginners' experimental contributions. The fast and steady pace of the
|
||||
Ubuntu release cycle means that an interim libre licence has been
|
||||
necessary to enable the consideration of the font family as part of
|
||||
Ubuntu 10.10 operating system release.
|
||||
|
||||
Before taking any decision on licensing, Canonical as sponsor and
|
||||
backer of the project has reviewed the many existing licenses used for
|
||||
libre/open fonts and engaged the stewards of the most popular licenses
|
||||
in detailed discussions. The current interim licence is the first step
|
||||
in progressing the state-of-the-art in licensing for libre/open font
|
||||
development.
|
||||
|
||||
The public discussion must now involve everyone in the (comparatively
|
||||
new) area of the libre/open font community; including font users,
|
||||
software freedom advocates, open source supporters and existing libre
|
||||
font developers. Most importantly, the minds and wishes of professional
|
||||
type designers considering entering the free software business
|
||||
community must be taken on board.
|
||||
|
||||
Conversations and discussion has taken place, privately, with
|
||||
individuals from the following groups (generally speaking personally on
|
||||
behalf of themselves, rather than their affiliations):
|
||||
* [5]SIL International
|
||||
* [6]Open Font Library
|
||||
* [7]Software Freedom Law Center
|
||||
* [8]Google Font API
|
||||
|
||||
Document embedding
|
||||
|
||||
One issue highlighted early on in the survey of existing font licences
|
||||
is that of document embedding. Almost all font licences, both free and
|
||||
unfree, permit embedding a font into a document to a certain degree.
|
||||
Embedding a font with other works that make up a document creates a
|
||||
"combined work" and copyleft would normally require the whole document
|
||||
to be distributed under the terms of the font licence. As beautiful as
|
||||
the font might be, such a licence makes a font too restrictive for
|
||||
useful general purpose digital publishing.
|
||||
|
||||
The situation is not entirely unique to fonts and is encountered also
|
||||
with tools such as GNU Bison: a vanilla GNU GPL licence would require
|
||||
anything generated with Bison to be made available under the terms of
|
||||
the GPL as well. To avoid this, Bison is [9]published with an
|
||||
additional permission to the GPL which allows the output of Bison to be
|
||||
made available under any licence.
|
||||
|
||||
The conflict between licensing of fonts and licensing of documents, is
|
||||
addressed in two popular libre font licences, the SIL OFL and GNU GPL:
|
||||
* [10]SIL Open Font Licence: When OFL fonts are embedded in a
|
||||
document, the OFL's terms do not apply to that document. (See
|
||||
[11]OFL-FAQ for details.
|
||||
* [12]GPL Font Exception: The situation is resolved by granting an
|
||||
additional permission to allow documents to not be covered by the
|
||||
GPL. (The exception is being reviewed).
|
||||
|
||||
The Ubuntu Font Family must also resolve this conflict, ensuring that
|
||||
if the font is embedded and then extracted it is once again clearly
|
||||
under the terms of its libre licence.
|
||||
|
||||
Long-term licensing
|
||||
|
||||
Those individuals involved, especially from Ubuntu and Canonical, are
|
||||
interested in finding a long-term libre licence that finds broad favour
|
||||
across the whole libre/open font community. The deliberation during the
|
||||
past months has been on how to licence the Ubuntu Font Family in the
|
||||
short-term, while knowingly encouraging everyone to pursue a long-term
|
||||
goal.
|
||||
* [13]Copyright assignment will be required so that the Ubuntu Font
|
||||
Family's licensing can be progressively expanded to one (or more)
|
||||
licences, as best practice continues to evolve within the
|
||||
libre/open font community.
|
||||
* Canonical will support and fund legal work on libre font licensing.
|
||||
It is recognised that the cost and time commitments required are
|
||||
likely to be significant. We invite other capable parties to join
|
||||
in supporting this activity.
|
||||
|
||||
The GPL version 3 (GPLv3) will be used for Ubuntu Font Family build
|
||||
scripts and the CC-BY-SA for associated documentation and non-font
|
||||
content: all items which do not end up embedded in general works and
|
||||
documents.
|
||||
|
||||
Ubuntu Font Licence
|
||||
|
||||
For the short-term only, the initial licence is the [14]Ubuntu Font
|
||||
License (UFL). This is loosely inspired from the work on the SIL
|
||||
OFL 1.1, and seeks to clarify the issues that arose during discussions
|
||||
and legal review, from the perspective of the backers, Canonical Ltd.
|
||||
Those already using established licensing models such as the GPL, OFL
|
||||
or Creative Commons licensing should have no worries about continuing
|
||||
to use them. The Ubuntu Font Licence (UFL) and the SIL Open Font
|
||||
Licence (SIL OFL) are not identical and should not be confused with
|
||||
each other. Please read the terms precisely. The UFL is only intended
|
||||
as an interim license, and the overriding aim is to support the
|
||||
creation of a more suitable and generic libre font licence. As soon as
|
||||
such a licence is developed, the Ubuntu Font Family will migrate to
|
||||
it—made possible by copyright assignment in the interium. Between the
|
||||
OFL 1.1, and the UFL 1.0, the following changes are made to produce the
|
||||
Ubuntu Font Licence:
|
||||
* Clarification:
|
||||
|
||||
1. Document embedding (see [15]embedding section above).
|
||||
2. Apply at point of distribution, instead of receipt
|
||||
3. Author vs. copyright holder disambiguation (type designers are
|
||||
authors, with the copyright holder normally being the funder)
|
||||
4. Define "Propagate" (for internationalisation, similar to the GPLv3)
|
||||
5. Define "Substantially Changed"
|
||||
6. Trademarks are explicitly not transferred
|
||||
7. Refine renaming requirement
|
||||
|
||||
Streamlining:
|
||||
8. Remove "not to be sold separately" clause
|
||||
9. Remove "Reserved Font Name(s)" declaration
|
||||
|
||||
A visual demonstration of how these points were implemented can be
|
||||
found in the accompanying coloured diff between SIL OFL 1.1 and the
|
||||
Ubuntu Font Licence 1.0: [16]ofl-1.1-ufl-1.0.diff.html
|
||||
|
||||
References
|
||||
|
||||
1. http://font.ubuntu.com/
|
||||
2. http://www.canonical.com/
|
||||
3. http://www.daltonmaag.com/
|
||||
4. http://en.wikipedia.org/wiki/Network_effect
|
||||
5. http://scripts.sil.org/
|
||||
6. http://openfontlibrary.org/
|
||||
7. http://www.softwarefreedom.org/
|
||||
8. http://code.google.com/webfonts
|
||||
9. http://www.gnu.org/licenses/gpl-faq.html#CanIUseGPLToolsForNF
|
||||
10. http://scripts.sil.org/OFL_web
|
||||
11. http://scripts.sil.org/OFL-FAQ_web
|
||||
12. http://www.gnu.org/licenses/gpl-faq.html#FontException
|
||||
13. https://launchpad.net/~uff-contributors
|
||||
14. http://font.ubuntu.com/ufl/ubuntu-font-licence-1.0.txt
|
||||
15. http://font.ubuntu.com/ufl/FAQ.html#embedding
|
||||
16. http://font.ubuntu.com/ufl/ofl-1.1-ufl-1.0.diff.html
|
||||
@@ -0,0 +1,96 @@
|
||||
-------------------------------
|
||||
UBUNTU FONT LICENCE Version 1.0
|
||||
-------------------------------
|
||||
|
||||
PREAMBLE
|
||||
This licence allows the licensed fonts to be used, studied, modified and
|
||||
redistributed freely. The fonts, including any derivative works, can be
|
||||
bundled, embedded, and redistributed provided the terms of this licence
|
||||
are met. The fonts and derivatives, however, cannot be released under
|
||||
any other licence. The requirement for fonts to remain under this
|
||||
licence does not require any document created using the fonts or their
|
||||
derivatives to be published under this licence, as long as the primary
|
||||
purpose of the document is not to be a vehicle for the distribution of
|
||||
the fonts.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright
|
||||
Holder(s) under this licence and clearly marked as such. This may
|
||||
include source files, build scripts and documentation.
|
||||
|
||||
"Original Version" refers to the collection of Font Software components
|
||||
as received under this licence.
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||
or substituting -- in part or in whole -- any of the components of the
|
||||
Original Version, by changing formats or by porting the Font Software to
|
||||
a new environment.
|
||||
|
||||
"Copyright Holder(s)" refers to all individuals and companies who have a
|
||||
copyright ownership of the Font Software.
|
||||
|
||||
"Substantially Changed" refers to Modified Versions which can be easily
|
||||
identified as dissimilar to the Font Software by users of the Font
|
||||
Software comparing the Original Version with the Modified Version.
|
||||
|
||||
To "Propagate" a work means to do anything with it that, without
|
||||
permission, would make you directly or secondarily liable for
|
||||
infringement under applicable copyright law, except executing it on a
|
||||
computer or modifying a private copy. Propagation includes copying,
|
||||
distribution (with or without modification and with or without charging
|
||||
a redistribution fee), making available to the public, and in some
|
||||
countries other activities as well.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
This licence does not grant any rights under trademark law and all such
|
||||
rights are reserved.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a
|
||||
copy of the Font Software, to propagate the Font Software, subject to
|
||||
the below conditions:
|
||||
|
||||
1) Each copy of the Font Software must contain the above copyright
|
||||
notice and this licence. These can be included either as stand-alone
|
||||
text files, human-readable headers or in the appropriate machine-
|
||||
readable metadata fields within text or binary files as long as those
|
||||
fields can be easily viewed by the user.
|
||||
|
||||
2) The font name complies with the following:
|
||||
(a) The Original Version must retain its name, unmodified.
|
||||
(b) Modified Versions which are Substantially Changed must be renamed to
|
||||
avoid use of the name of the Original Version or similar names entirely.
|
||||
(c) Modified Versions which are not Substantially Changed must be
|
||||
renamed to both (i) retain the name of the Original Version and (ii) add
|
||||
additional naming elements to distinguish the Modified Version from the
|
||||
Original Version. The name of such Modified Versions must be the name of
|
||||
the Original Version, with "derivative X" where X represents the name of
|
||||
the new work, appended to that name.
|
||||
|
||||
3) The name(s) of the Copyright Holder(s) and any contributor to the
|
||||
Font Software shall not be used to promote, endorse or advertise any
|
||||
Modified Version, except (i) as required by this licence, (ii) to
|
||||
acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with
|
||||
their explicit written permission.
|
||||
|
||||
4) The Font Software, modified or unmodified, in part or in whole, must
|
||||
be distributed entirely under this licence, and must not be distributed
|
||||
under any other licence. The requirement for fonts to remain under this
|
||||
licence does not affect any document created using the Font Software,
|
||||
except any version of the Font Software extracted from a document
|
||||
created using the Font Software may only be distributed under this
|
||||
licence.
|
||||
|
||||
TERMINATION
|
||||
This licence becomes null and void if any of the above conditions are
|
||||
not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
|
||||
COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
|
||||
DEALINGS IN THE FONT SOFTWARE.
|
||||
@@ -0,0 +1,16 @@
|
||||
----------------------
|
||||
Ubuntu Font Family
|
||||
======================
|
||||
|
||||
The Ubuntu Font Family are a set of matching new libre/open fonts in
|
||||
development during 2010--2011. And with further expansion work and
|
||||
bug fixing during 2015. The development is being funded by
|
||||
Canonical Ltd on behalf the wider Free Software community and the
|
||||
Ubuntu project. The technical font design work and implementation is
|
||||
being undertaken by Dalton Maag.
|
||||
|
||||
Both the final font Truetype/OpenType files and the design files used
|
||||
to produce the font family are distributed under an open licence and
|
||||
you are expressly encouraged to experiment, modify, share and improve.
|
||||
|
||||
http://font.ubuntu.com/
|
||||
@@ -0,0 +1,4 @@
|
||||
Ubuntu and Canonical are registered trademarks of Canonical Ltd.
|
||||
|
||||
The licence accompanying these works does not grant any rights
|
||||
under trademark law and all such rights are reserved.
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,5 @@
|
||||
Copyright 2010,2011 Canonical Ltd.
|
||||
|
||||
This Font Software is licensed under the Ubuntu Font Licence, Version
|
||||
1.0. https://launchpad.net/ubuntu-font-licence
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>/// UNE SAISON GRAPHIQUE 17 ///</title> <!-- css --> <link rel="stylesheet" href="style.css"/> <link rel="stylesheet" href="jquery.fullPage.css"/> <!-- script --> <script type="text/javascript" src="script/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="script/jquery.easing.1.3.js"></script> <script type="text/javascript" src="script/scrolloverflow.js"></script> <script type="text/javascript" src="script/jquery.fullPage.js"></script> <script type="text/javascript" src="script/jquery-ui.min.js"></script> <script type="text/javascript" src="script/script.js"></script> </head> <body> <!-- background --> <div id="map-lh"></div> <!-- logo --> <a href="index.php"> <div id="logo"></div> </a> <!-- menu --> <div id="menu"> <?php include('menu.php'); ?> </div>
|
||||
@@ -0,0 +1 @@
|
||||
<?php include('header.php'); ?> <!-- content --> <div id="content"> <div id="logo_lieu"> <div id="logo1" class="logo"> <p>SYLVIA TOURNERIE</p> <a href="expositions.php#firstPage/7"> <div class="lieu btn btn1"> <img src="img/batiment/01.svg" alt="01"> </div> <div class="btn1hover btnhover"> <img src="img/batiment/1-c.svg" alt="01"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo2" class="logo"> <p>UNE KERMESSE GRAPHIQUE</p> <a href="expositions.php#firstPage/9"> <div class="lieu btn btn2"> <img src="img/batiment/02.svg" alt="02"> </div> <div class="btn2hover btnhover"> <img src="img/batiment/2-c.svg" alt="02"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo3" class="logo"> <p>JULIEN GOBLED</p> <a href="expositions.php#firstPage/2"> <div class="lieu btn btn3"> <img src="img/batiment/03.svg" alt="03"> </div> <div class="btn3hover btnhover"> <img src="img/batiment/3-c.svg" alt="03"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo4" class="logo"> <p>KAREL MARTENS</p> <a href="expositions.php#firstPage/3"> <div class="lieu btn btn4"> <img src="img/batiment/04.svg" alt="04"> </div> <div class="btn4hover btnhover"> <img src="img/batiment/4-c.svg" alt="04"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo5" class="logo"> <p>ATELIER BANQUISE</p> <a href="expositions.php#firstPage"> <div class="lieu btn btn5"> <img src="img/batiment/05.svg" alt="05"> </div> <div class="btn5hover btnhover"> <img src="img/batiment/5-c.svg" alt="05"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo6" class="logo"> <p>RALPH SCHRAIVOGEL</p> <a href="expositions.php#firstPage/6"> <div class="lieu btn btn6"> <img src="img/batiment/06.svg" alt="06"> </div> <div class="btn6hover btnhover"> <img src="img/batiment/6-c.svg" alt="06"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo7" class="logo"> <p>ANETTE LENZ</p> <a href="expositions.php#firstPage/8"> <div class="lieu btn btn7"> <img src="img/batiment/07.svg" alt="07"> </div> <div class="btn7hover btnhover"> <img src="img/batiment/7-c.svg" alt="07"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo8" class="logo"> <p>KIBLIND</p> <a href="expositions.php#firstPage/4"> <div class="lieu btn btn8"> <img src="img/batiment/08.svg" alt="08"> </div> <div class="btn8hover btnhover"> <img src="img/batiment/8-c.svg" alt="08"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo9" class="logo"> <p>MATHIEU ROQUET</p> <a href="expositions.php#firstPage/5"> <div class="lieu btn btn9"> <img src="img/batiment/10.svg" alt="09"> </div> <div class="btn9hover btnhover"> <img src="img/batiment/9-c.svg" alt="09"> </div> </a> <div class="background-lieu"></div> </div> <div id="logo10" class="logo"> <p>FRÉDÉRIQUE BERTRAND ET MICHAÊL LEBLOND</p> <a href="expositions.php#firstPage/1"> <div class="lieu btn btn10"> <img src="img/batiment/11.svg" alt="10"> </div> <div class="btn10hover btnhover"> <img src="img/batiment/11-c.svg" alt="10"> </div> </a> <div class="background-lieu"></div> </div> </div> <div class="edito"> <h2>Édito</h2> <div class="bloc-text"> <img src="img/exposition/virgile/Affiche_virgile.jpg"> <p> Une Saison Graphique est une manifestation annuelle consacrée à la création graphique contemporaine regroupant plusieurs événements au Havre répartis dans différents lieux culturels de la ville. </p> <p> <strong>Du 9 mai au 30 juin 2017.</strong> </p> </div> </div> </div> </body></html>
|
||||
@@ -0,0 +1,119 @@
|
||||
/*!
|
||||
* fullPage 2.9.2
|
||||
* https://github.com/alvarotrigo/fullPage.js
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
|
||||
*/
|
||||
|
||||
.fp-section {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
|
||||
-moz-box-sizing: border-box; /* <=28 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.fp-slide {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fp-slide, .fp-slidesContainer {
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fp-slides {
|
||||
z-index:1;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.fp-section.fp-table, .fp-slide.fp-table {
|
||||
display: table;
|
||||
table-layout:fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fp-tableCell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fp-slidesContainer {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.fp-controlArrow {
|
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
|
||||
-moz-user-select: none; /* mozilla browsers */
|
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */
|
||||
-ms-user-select: none; /* IE10+ */
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
top: 50%;
|
||||
cursor: pointer;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
margin-top: -38px;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
.fp-controlArrow.fp-prev {
|
||||
left: 0px;
|
||||
width: 0;
|
||||
border-width: 25px 30px 25px 0;
|
||||
border-color: transparent black transparent transparent;
|
||||
-webkit-transition: border-color .2s;
|
||||
-moz-transition: border-color .2s;
|
||||
-o-transition: border-color .2s;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
.fp-controlArrow.fp-prev:hover {
|
||||
border-color: transparent #FF3F00 transparent transparent;
|
||||
-webkit-transition: border-color .2s;
|
||||
-moz-transition: border-color .2s;
|
||||
-o-transition: border-color .2s;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
|
||||
.fp-controlArrow.fp-next {
|
||||
right: 0px;
|
||||
border-width: 25px 0 25px 30px;
|
||||
border-color: transparent transparent transparent black;
|
||||
-webkit-transition: border-color .2s;
|
||||
-moz-transition: border-color .2s;
|
||||
-o-transition: border-color .2s;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
.fp-controlArrow.fp-next:hover {
|
||||
border-color: transparent transparent transparent #FF3F00;
|
||||
-webkit-transition: border-color .2s;
|
||||
-moz-transition: border-color .2s;
|
||||
-o-transition: border-color .2s;
|
||||
transition: border-color .2s;
|
||||
}
|
||||
|
||||
.fp-auto-heigh .fp-section,
|
||||
.fp-auto-height .fp-slide,
|
||||
.fp-auto-height .fp-tableCell{
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.fp-responsive .fp-auto-height-responsive.fp-section,
|
||||
.fp-responsive .fp-auto-height-responsive .fp-slide,
|
||||
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.iScrollVerticalScrollbar{
|
||||
visibility: hidden;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<ul> <a href="agenda.php"><li>Agenda</li></a> <a href="expositions.php"><li>Expositions</li></a> <a href="havre.php"><li>Venir au Havre</li></a> <a href="parallele.php"><li>En parallèle</li></a> <a href="credits.php"><li>Crédits</li></a></ul>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,5 @@
|
||||
$(document).ready(function(){
|
||||
$("#demosMenu").change(function(){
|
||||
window.location.href = $(this).find("option:selected").attr("id") + '.html';
|
||||
});
|
||||
});
|
||||
Vendored
+4
File diff suppressed because one or more lines are too long
Vendored
+3109
File diff suppressed because it is too large
Load Diff
Vendored
+5
File diff suppressed because one or more lines are too long
@@ -0,0 +1,205 @@
|
||||
/*
|
||||
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
*
|
||||
* Uses the built in easing capabilities added In jQuery 1.1
|
||||
* to offer multiple easing options
|
||||
*
|
||||
* TERMS OF USE - jQuery Easing
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
|
||||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
||||
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||||
|
||||
jQuery.extend( jQuery.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x, t, b, c, d) {
|
||||
//alert(jQuery.easing.default);
|
||||
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||||
},
|
||||
easeInQuad: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t + b;
|
||||
},
|
||||
easeOutQuad: function (x, t, b, c, d) {
|
||||
return -c *(t/=d)*(t-2) + b;
|
||||
},
|
||||
easeInOutQuad: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||||
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||||
},
|
||||
easeInCubic: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t + b;
|
||||
},
|
||||
easeOutCubic: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t + 1) + b;
|
||||
},
|
||||
easeInOutCubic: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t + 2) + b;
|
||||
},
|
||||
easeInQuart: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t + b;
|
||||
},
|
||||
easeOutQuart: function (x, t, b, c, d) {
|
||||
return -c * ((t=t/d-1)*t*t*t - 1) + b;
|
||||
},
|
||||
easeInOutQuart: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
|
||||
return -c/2 * ((t-=2)*t*t*t - 2) + b;
|
||||
},
|
||||
easeInQuint: function (x, t, b, c, d) {
|
||||
return c*(t/=d)*t*t*t*t + b;
|
||||
},
|
||||
easeOutQuint: function (x, t, b, c, d) {
|
||||
return c*((t=t/d-1)*t*t*t*t + 1) + b;
|
||||
},
|
||||
easeInOutQuint: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
|
||||
return c/2*((t-=2)*t*t*t*t + 2) + b;
|
||||
},
|
||||
easeInSine: function (x, t, b, c, d) {
|
||||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
|
||||
},
|
||||
easeOutSine: function (x, t, b, c, d) {
|
||||
return c * Math.sin(t/d * (Math.PI/2)) + b;
|
||||
},
|
||||
easeInOutSine: function (x, t, b, c, d) {
|
||||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
|
||||
},
|
||||
easeInExpo: function (x, t, b, c, d) {
|
||||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||||
},
|
||||
easeOutExpo: function (x, t, b, c, d) {
|
||||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||||
},
|
||||
easeInOutExpo: function (x, t, b, c, d) {
|
||||
if (t==0) return b;
|
||||
if (t==d) return b+c;
|
||||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||||
},
|
||||
easeInCirc: function (x, t, b, c, d) {
|
||||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
|
||||
},
|
||||
easeOutCirc: function (x, t, b, c, d) {
|
||||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
|
||||
},
|
||||
easeInOutCirc: function (x, t, b, c, d) {
|
||||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
|
||||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
|
||||
},
|
||||
easeInElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
},
|
||||
easeOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
|
||||
},
|
||||
easeInOutElastic: function (x, t, b, c, d) {
|
||||
var s=1.70158;var p=0;var a=c;
|
||||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
|
||||
if (a < Math.abs(c)) { a=c; var s=p/4; }
|
||||
else var s = p/(2*Math.PI) * Math.asin (c/a);
|
||||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
|
||||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
|
||||
},
|
||||
easeInBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*(t/=d)*t*((s+1)*t - s) + b;
|
||||
},
|
||||
easeOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
|
||||
},
|
||||
easeInOutBack: function (x, t, b, c, d, s) {
|
||||
if (s == undefined) s = 1.70158;
|
||||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
|
||||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
|
||||
},
|
||||
easeInBounce: function (x, t, b, c, d) {
|
||||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
|
||||
},
|
||||
easeOutBounce: function (x, t, b, c, d) {
|
||||
if ((t/=d) < (1/2.75)) {
|
||||
return c*(7.5625*t*t) + b;
|
||||
} else if (t < (2/2.75)) {
|
||||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
|
||||
} else if (t < (2.5/2.75)) {
|
||||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
|
||||
} else {
|
||||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
|
||||
}
|
||||
},
|
||||
easeInOutBounce: function (x, t, b, c, d) {
|
||||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
|
||||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
*
|
||||
* TERMS OF USE - EASING EQUATIONS
|
||||
*
|
||||
* Open source under the BSD License.
|
||||
*
|
||||
* Copyright © 2001 Robert Penner
|
||||
* All rights reserved.
|
||||
*
|
||||
* Redistribution and use in source and binary forms, with or without modification,
|
||||
* are permitted provided that the following conditions are met:
|
||||
*
|
||||
* Redistributions of source code must retain the above copyright notice, this list of
|
||||
* conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright notice, this list
|
||||
* of conditions and the following disclaimer in the documentation and/or other materials
|
||||
* provided with the distribution.
|
||||
*
|
||||
* Neither the name of the author nor the names of contributors may be used to endorse
|
||||
* or promote products derived from this software without specific prior written permission.
|
||||
*
|
||||
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
|
||||
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
|
||||
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
|
||||
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
|
||||
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
|
||||
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
|
||||
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
|
||||
* OF THE POSSIBILITY OF SUCH DAMAGE.
|
||||
*
|
||||
*/
|
||||
File diff suppressed because it is too large
Load Diff
Vendored
+4
File diff suppressed because one or more lines are too long
@@ -0,0 +1,52 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
// $('#logo').ready(function() {
|
||||
// var docHeight = $(document).height(),
|
||||
// docWidth = $(document).width(),
|
||||
// $div = $('.logo'),
|
||||
// divWidth = $div.width(),
|
||||
// divHeight = $div.height(),
|
||||
// heightMax = docHeight - divHeight,
|
||||
// widthMax = docWidth - divWidth;
|
||||
//
|
||||
// $div.css({
|
||||
// left: Math.floor( Math.random() * widthMax ),
|
||||
// top: Math.floor( Math.random() * heightMax )
|
||||
// });
|
||||
// });
|
||||
|
||||
$('#content .edito').hover(function() {
|
||||
$(this).animate({right: 0}, 300, 'easeInOutCubic');
|
||||
}, function(){
|
||||
$(this).animate({right: -215}, 300, 'easeInSine');
|
||||
});
|
||||
|
||||
// key function
|
||||
$(document).keydown(function(key) {
|
||||
switch(parseInt(key.which,10)) {
|
||||
|
||||
case 39: // Right
|
||||
// do something
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
// scroll function
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() >= 0) {
|
||||
// do something
|
||||
} else {
|
||||
// stop
|
||||
}
|
||||
});
|
||||
|
||||
//Fullpage function
|
||||
$('#fullpage').fullpage({
|
||||
anchors: ['firstPage', 'secondPage', '3rdPage'],
|
||||
scrollOverflow: true,
|
||||
loopHorizontal: false,
|
||||
// lazyloading:true
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,487 @@
|
||||
|
||||
/*@import url(http://);*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ubuntu-R';
|
||||
src: url('font/ubuntu/Ubuntu-R.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'UbuntuMono-R';
|
||||
src: url('font/ubuntu/UbuntuMono-R.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Ubuntu-C';
|
||||
src: url('font/ubuntu/Ubuntu-C.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Ubuntu-R', helvetica, sans-serif;
|
||||
font-size: 1em;
|
||||
line-height: 1.4;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.clear { clear: both; }
|
||||
|
||||
#map-lh {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(img/lh.png) no-repeat;
|
||||
opacity: 0.7;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
h1 { font-family: 'UbuntuMono-R', helvetica, sans-serif; }
|
||||
h2 { font-family: 'Ubuntu-C', helvetica, sans-serif; }
|
||||
|
||||
#logo {
|
||||
position: fixed;
|
||||
left: 40px;
|
||||
top: 40px;
|
||||
width: 160px;
|
||||
height: 180px;
|
||||
background: url(img/logo.png) no-repeat 0 0;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
|
||||
#menu {
|
||||
position: fixed;
|
||||
left: 40px;
|
||||
bottom: 20px;
|
||||
width: 160px;
|
||||
height: 185px;
|
||||
font-family: 'Ubuntu-C', helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#menu li {
|
||||
list-style: none;
|
||||
margin-top: 10px;
|
||||
padding: 0 10px 1px 10px;
|
||||
border-radius: 14px;
|
||||
background: #000;
|
||||
-webkit-transition: background .2s;
|
||||
-moz-transition: background .2s;
|
||||
-o-transition: background .2s;
|
||||
transition: background .2s;
|
||||
}
|
||||
|
||||
#menu li:hover {
|
||||
background: #FF3F00;
|
||||
-webkit-transition: background .2s;
|
||||
-moz-transition: background .2s;
|
||||
-o-transition: background .2s;
|
||||
transition: background .2s;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
position: absolute;
|
||||
left: 240px;
|
||||
right: 30px;
|
||||
/*width: 80vw;*/
|
||||
/*height: 100%;*/
|
||||
padding-bottom: 15px;
|
||||
overflow: hidden;
|
||||
margin: 40px 7vw 0 7vw;
|
||||
|
||||
}
|
||||
|
||||
#content div {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#content h1 {
|
||||
color: #FF3F00;
|
||||
text-align: right;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
#content h1:before {
|
||||
position: absolute;
|
||||
content: '//';
|
||||
font-size: .8em;
|
||||
letter-spacing: -2px;
|
||||
margin: 3px 0 0 -40px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#content h2 {
|
||||
color: #FF3F00;
|
||||
}
|
||||
|
||||
.btnhover {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo:hover .btnhover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.logo:hover .btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#logo_lieu {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
/*width: 100%;*/
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-family: 'Ubuntu-C', helvetica, sans-serif;
|
||||
/*font-size: 1.3em;*/
|
||||
color: white;
|
||||
width: 16%;
|
||||
height: 200px;
|
||||
min-width: 200px;
|
||||
margin: 25px 2vw 25px 2vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo a{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo p {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top:-50px;
|
||||
font-size: 0.9em;
|
||||
margin-left: 10px;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.logo:hover p {
|
||||
opacity: 1;
|
||||
transition: 1s;
|
||||
z-index: 1000;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
#logo_lieu {
|
||||
/*overflow: hidden;*/
|
||||
}
|
||||
/*
|
||||
#logo1{
|
||||
top: 25%;
|
||||
left: 57%;
|
||||
}
|
||||
|
||||
#logo2{
|
||||
top: 0px;
|
||||
left: 45%;
|
||||
}
|
||||
|
||||
#logo3{
|
||||
top: 40%;
|
||||
left: 7%;
|
||||
}
|
||||
|
||||
#logo4{
|
||||
top: 32%;
|
||||
left: 16%;
|
||||
}
|
||||
|
||||
#logo5{
|
||||
top: 35%;
|
||||
left: 56%;
|
||||
}
|
||||
|
||||
#logo6{
|
||||
top: 39%;
|
||||
left: 47%;
|
||||
}
|
||||
|
||||
#logo7{
|
||||
top: 40%;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
#logo8{
|
||||
top: 1%;
|
||||
left: 35%;
|
||||
}
|
||||
|
||||
#logo9{
|
||||
top: 44%;
|
||||
left: 38%;
|
||||
}
|
||||
|
||||
#logo10{
|
||||
top: 50%;
|
||||
left: 11%;
|
||||
}*/
|
||||
|
||||
/*.fp-controlArrow{
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-radius: 180px;
|
||||
background: #FF3F00;
|
||||
margin: 75px;
|
||||
transform: translate(-50%, -50%);
|
||||
}*/
|
||||
|
||||
.background-lieu {
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-radius: 180px;
|
||||
background: #FF3F00;
|
||||
margin: 75px;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.logo:hover .background-lieu {
|
||||
transition: 0.5s;
|
||||
width: 175px;
|
||||
height: 175px;
|
||||
}
|
||||
|
||||
#content #logo_lieu a {
|
||||
text-decoration: none;
|
||||
position: absolute;
|
||||
z-index: 990;
|
||||
}
|
||||
|
||||
.btn img, .btnhover img{
|
||||
width: 9vw;
|
||||
min-width: 150px;
|
||||
min-height: 150px;
|
||||
height: 9vw;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
#content .logo:hover {
|
||||
-webkit-transform: rotate(-3deg) scale(1.2);
|
||||
-moz-transform: rotate(-3deg) scale(1.2);
|
||||
-o-transform: rotate(-3deg) scale(1.2);
|
||||
transform: rotate(-3deg) scale(1.2);
|
||||
-webkit-transition: all .2s;
|
||||
-moz-transition: all .2s;
|
||||
-o-transition: all .2s;
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
#content .edito {
|
||||
z-index: 99999;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
right: -215px;
|
||||
width: 300px;
|
||||
height: auto;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#content .edito h2 {
|
||||
font-family: 'UbuntuMono-R', helvetica, sans-serif;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#content .edito img {
|
||||
width: 100%!important;
|
||||
height: auto!important;
|
||||
padding: 20px 0!important;
|
||||
}
|
||||
|
||||
#content .bloc-text {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: .8em;
|
||||
padding: 0 20px 5px 20px;
|
||||
margin-bottom: 20px;
|
||||
color: #FF3F00;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.bloc-text-artiste,
|
||||
.bloc-text {
|
||||
border-style: solid;
|
||||
border-width: 4px;
|
||||
-webkit-border-image: url(img/border.svg) 4 round;
|
||||
-moz-border-image: url(img/border.svg) 4 round;
|
||||
-o-border-image: url(img/border.svg) 4 round;
|
||||
border-image: url(img/border.svg) 4 round;
|
||||
}
|
||||
|
||||
#content .bloc-text a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#content .bloc-text img {
|
||||
width: 50%;
|
||||
height: auto;
|
||||
float: right;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
#content .bloc-text .ps {
|
||||
margin-top: -1em;
|
||||
font-size: .8em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#content .presse {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#content .presse img {
|
||||
width: 15%;
|
||||
min-width: 65px;
|
||||
max-width: 100px;
|
||||
height: auto;
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#content .presse img:nth-child(2){
|
||||
/*background-color: red;*/
|
||||
width: 30%;
|
||||
max-width: 150px;
|
||||
}
|
||||
#content .column {
|
||||
width: 33.333%;
|
||||
height: auto;
|
||||
margin: 0 -4px -4px 0;
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#content .col-2 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#content .bloc {
|
||||
width: 700px;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin: 0 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*content-artiste*/
|
||||
|
||||
#section2 h2 {
|
||||
font-size: 2.5em;
|
||||
margin: 15px 0 0 15px;
|
||||
}
|
||||
|
||||
|
||||
#section2 h3 {
|
||||
margin-top: 5px;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.content-artiste {
|
||||
margin: 20px 70px;
|
||||
padding-bottom: 40px;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.images {
|
||||
width: 50%;
|
||||
height: auto;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.images img {
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bloc-text-artiste {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
margin: 0 20px;
|
||||
padding: 5px 20px;
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.bloc-text-artiste p {
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
.bloc-text-artiste p a {
|
||||
color: #FF3F00;
|
||||
}
|
||||
|
||||
.header-expo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.header-expo .titles{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header-expo .btn img{
|
||||
margin-top:15px;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#fullpage .lieu {
|
||||
min-width: 200px!important;
|
||||
min-height: 200px!important;
|
||||
-webkit-transform: rotate(0deg) scale(1)!important;
|
||||
-moz-transform: rotate(0deg) scale(1)!important;
|
||||
-o-transform: rotate(0deg) scale(1)!important;
|
||||
transform: rotate(0deg) scale(1)!important;
|
||||
}
|
||||
|
||||
#fullpage .titles {
|
||||
margin: auto 40px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px){
|
||||
|
||||
#content .column { width: 50%; }
|
||||
#content .col-2 { width: 100%; }
|
||||
.content-artiste { margin: 20px 50px; display: block; }
|
||||
.images,
|
||||
.bloc-text-artiste { width: 85%; margin: 0 auto;v}
|
||||
#fullpage .lieu { display: none; }
|
||||
p { font-size: 1.5em; }
|
||||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1600px){
|
||||
|
||||
html {
|
||||
/*zoom: 1.2;
|
||||
-ms-zoom: 1.2;
|
||||
-webkit-zoom: 1.2;
|
||||
/*-moz-transform: scale(1.2);*/
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user