Commit 402adc7c authored by svilayphiou's avatar svilayphiou

big blobs

parent 48627886
[Dolphin]
PreviewsShown=true
Timestamp=2015,10,4,16,24,16
Version=3
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css" />
<style type="text/css">
@font-face {
font-family: sniglet;
src: url("../fonts/LeagueMoveableType/Sniglet.ttf");
}
@font-face {
font-family: neuton;
src: url("../fonts/Neuton 1.46/Neuton-Regular.ttf");
}
@font-face {
font-family: tsukurimashou-maru;
src: url("fonts/TsukurimashouMaruPS.otf");
}
@font-face {
font-family: tsukurimashou-anbiruteki;
src: url("fonts/TsukurimashouAnbirutekiPS.otf");
}
@font-face {
font-family: tsukurimashou-tenshino-kami;
src: url("fonts/TsukurimashouTenshinoKami.otf");
}
@font-face {
font-family: tsukurimashou-maru;
src: url("fonts/TsukurimashouMaru.otf");
}
@font-face {
font-family: tsukurimashou-mincho;
src: url("fonts/TsukurimashouMincho.otf");
}
body {
font-family: tsukurimashou-anbiruteki;
font-size: 27px;
line-height: 28px;
-webkit-font-feature-settings: "ss02", "kern", "clig", "dlig", "ligs";
margin: 1.5em;
animation-name: example;
animation-duration: 4s;
animation-iteration-count: infinite;
}
h1 {
text-transform: uppercase;
}
h2, h3 {
font-family: tsukurimashou-maru;
text-transform: uppercase;
/* font-size: 20px*/
margin-bottom: 1.5em;
}
p {
margin-bottom: 1em;
}
a {
text-transform: lowercase;
}
address {
white-space: pre-wrap;
/*margin-bottom: 1.5em;*/
font-family: tsukurimashou-maru;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
}
ul {
/*margin: 1.5em;*/
padding-right: 1.5em;
box-sizing: border-box;
}
ul#participants {
display: flex;
}
ul li {
font-family: tsukurimashou-maru;
text-transform: uppercase;
font-size: 18px;
}
ul li ul li {
text-transform: none;
font-family: tsukurimashou-anbiruteki;
font-size: 27px;
}
.pratique{
float: left;
width: 30%;
}
.intro {
font-family: tsukurimashou-maru;
font-size: 18px;
line-height: 22px;
}
.intro p + p {
font-family: tsukurimashou-anbiruteki;
font-size: 27px;
line-height: 28px;
}
.ecoles {
margin-top: 2em
}
/* Standard syntax */
@keyframes example {
0% {background-color: white;}
100% {background-color: antiquewhite;}
}
</style>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="http://meyerweb.com/eric/tools/css/reset/reset.css" />
<link rel="stylesheet/less" type="text/css" href="/styles.less" />
<script src="less.min.js" type="text/javascript"></script>
</head>
<body>
<div id="logo">
<h1>Incertains Genres</h1><br/>
<h2>Réseau ((E)) ((C)) ((A)) ((R)) ((T))</h2>
</div>
<div class="pratique">
<h1>Incertains Genres</h1>
<h2>Réseau [E] [C] [A] [R] [T]</h2>
<p class="date">
Du ((1)) {0} octobre 2015 <br/>
au 10 janvier 2016.<br/>
mer - dim 10h-18h<br/>
mar sur rendez-vous<br/>
pour groupes scolaires.
(1) {0} octobre 2015<br/>
&thinsp;{1} (0) janvier 2016<br/>
mer–dim 10h–18h<br/>
mar sur rendez-vous
pour groupes scolaires.
</p>
<address>
Centre Keramis
Place des Fours-Bouteilles 1
7100 La Louvière
Belgique
<a href="http://www.keramis.be" target="_blank">www.keramis.be</a>
Centre Keramis
Place des Fours-Bouteilles 1
7100 La Louvière
Belgique
<a href="http://www.keramis.be" target="_blank">www.keramis.be</a>
</address>
</div>
......@@ -148,73 +39,98 @@ margin-top: 2em
</p>
</div>
<div class="ecoles">
<ul id="participants">
<li>La Cambre
<ul>
<li>Mahé Ripoll</li>
<li>Laura Katalin Kossack</li>
<li>Olivia Barisano</li>
<li>Charlotte Gigan</li>
<li>Safia Hijos</li>
<li>Julia Stehling</li>
<li>Elise Folliot</li>
<li>Lisa Heroux</li>
<li>Myung-Joo Kim</li>
<li>Paloma Martinez</li>
<li>Emmanuelle Musset</li>
<li>Emma Hyvernat</li>
<li>Ophélie Mac</li>
<li>Léa Kreling</li>
<li>Florence Lenain</li>
<li>Maëlle Poupard</li>
<li>Théo Cazaubon</li>
</ul></li>
<li>Limoges
<ul>
<li>Morgane Kabiry</li>
<li>Choi Hyewon</li>
<li>Marion Collas</li>
<li>Jeremy Pouch</li>
<li>Anthony Bureau</li>
<li>Ho-Cheng Chen</li>
<li>Minkyung Jun</li>
<li>Hélène Boisramé</li>
<li>Aliénor Martineau</li>
<li>Lucie Passama</li>
</ul></li>
<li>Monaco
<ul>
<li>Cécile Perreto</li>
<li>Panthéa Ravanchad</li>
<li>Amandine Maillot</li>
<li>Lucie Audau</li>
<li>Charly N'Doumbé</li>
<li>Fanny Lavergne</li>
<li>Roxane Ducruet</li>
<li>Sinem Bostanci</li>
<li>Matthieu Stefani</li>
</ul></li>
<li>TALM, le Mans
<ul>
<li>Maxence Pineau</li>
<li>Maely Masserau</li>
<li>Elise André</li>
<li>Jiang Chun</li>
<li>Fu Yu</li>
<li>Marine Biron</li>
<li>Elisa Gilbert</li>
<li>Quentin Fort</li>
<li>Barbara Bauer</li>
<li>Nikita Fauveau</li>
<li>Francine Enyegue Abada</li>
<li>Tammy Issa</li>
<li>Zhuyin Zeng</li>
<li>Jiamin Fu</li>
</ul></li>
<li>Villa Arson</li>
<ul id="ecoles">
<li>La Cambre
<ul class="participants">
<li>Mahé Ripoll</li>
<li>Laura Katalin Kossack</li>
<li>Olivia Barisano</li>
<li>Charlotte Gigan</li>
<li>Safia Hijos</li>
<li>Julia Stehling</li>
<li>Elise Folliot</li>
<li>Lisa Heroux</li>
<li>Myung-Joo Kim</li>
<li>Paloma Martinez</li>
<li>Emmanuelle Musset</li>
<li>Emma Hyvernat</li>
<li>Ophélie Mac</li>
<li>Léa Kreling</li>
<li>Florence Lenain</li>
<li>Maëlle Poupard</li>
<li>Théo Cazaubon</li>
</ul></li>
<li>Limoges
<ul class="participants">
<li>Morgane Kabiry</li>
<li>Choi Hyewon</li>
<li>Marion Collas</li>
<li>Jeremy Pouch</li>
<li>Anthony Bureau</li>
<li>Ho-Cheng Chen</li>
<li>Minkyung Jun</li>
<li>Hélène Boisramé</li>
<li>Aliénor Martineau</li>
<li>Lucie Passama</li>
</ul></li>
<li>Monaco
<ul class="participants">
<li>Cécile Perreto</li>
<li>Panthéa Ravanchad</li>
<li>Amandine Maillot</li>
<li>Lucie Audau</li>
<li>Charly N'Doumbé</li>
<li>Fanny Lavergne</li>
<li>Roxane Ducruet</li>
<li>Sinem Bostanci</li>
<li>Matthieu Stefani</li>
</ul></li>
<li>TALM, le Mans
<ul class="participants">
<li>Maxence Pineau</li>
<li>Maely Masserau</li>
<li>Elise André</li>
<li>Jiang Chun</li>
<li>Fu Yu</li>
<li>Marine Biron</li>
<li>Elisa Gilbert</li>
<li>Quentin Fort</li>
<li>Barbara Bauer</li>
<li>Nikita Fauveau</li>
<li>Francine Enyegue Abada</li>
<li>Tammy Issa</li>
<li>Zhuyin Zeng</li>
<li>Jiamin Fu</li>
</ul></li>
<li>Villa Arson
<ul class="participants">
<li>Mathieu Alary</li>
<li>Rémi Amiot</li>
<li>Benoit Barbagli</li>
<li>Néphéli Barbas</li>
<li>Jeanne Berbinau Aubry</li>
<li>Gillian Brett</li>
<li>Julie Buffard-Moret</li>
<li>Baptiste Carluy</li>
<li>Junkai Chen</li>
<li>Brice Courtès</li>
<li>Solène Doually</li>
<li>Maxime Duveau</li>
<li>Helena Gouveia Monteiro</li>
<li>Magali Halter</li>
<li>Lucie Henault</li>
<li>Florence Lattraye</li>
<li>Juliette Liautaud</li>
<li>Marie Ouazzani</li>
<li>David Perreard</li>
<li>Jérémy Piette</li>
<li>Raphaël Schwarz</li>
<li>Iommy Sanchez</li>
<li>Lola Taillefer</li>
<li>Aude Van Wyller</li>
</ul>
</div>
</li>
</ul>
</body>
</html>
This source diff could not be displayed because it is too large. You can view the blob instead.
/* ---------- FONTS ----------- */
@font-face {
font-family: sniglet;
src: url("/fonts/LeagueMoveableType/Sniglet.ttf");
}
@font-face {
font-family: tsukurimashou-maru;
src: url("/fonts/TsukurimashouMaruPS.otf");
}
@font-face {
font-family: tsukurimashou-anbiruteki;
src: url("/fonts/TsukurimashouAnbirutekiPS.otf");
}
@font-face {
font-family: tsukurimashou-tenshino-kami;
src: url("/fonts/TsukurimashouTenshinoKami.otf");
}
@font-face {
font-family: tsukurimashou-maru;
src: url("/fonts/TsukurimashouMaru.otf");
}
@font-face {
font-family: tsukurimashou-mincho;
src: url("/fonts/TsukurimashouMincho.otf");
}
@keyframes example {
0% {background-color: white;}
50% {background-color: whitesmoke;}
100% {background-color: white;}
}
/* ---------- VARIABLES ----------- */
@rand: `Math.random()`;
@font-fat: tsukurimashou-anbiruteki;
@font-narrow: tsukurimashou-maru;
/* ---------- MIXINS ----------- */
/* Mixin to generate random number;
int should be 0 or 1, 1 being to make it an integer
*/
.makeRandom(@min: 0, @max: @min+1, @int: 0) {
.checkInt() {
@getNum: `Math.random() * (@{max} - @{min} + @{int})`;
@base: unit(`@{int} == 1 ? Math.floor(@{getNum}) : @{getNum}`);
}
.checkInt();
@randNum: @base + @min;
}
/* ---------- GENERIC STYLES ----------- */
body {
font-family: @font-fat;
font-size: 27px;
line-height: 28px;
-webkit-font-feature-settings: "ss02", "kern", "clig", "dlig", "ligs";
-moz-font-feature-settings: "ss02", "kern", "clig", "dlig", "ligs";
margin: 1.5em;
animation-name: example;
animation-duration: 10s;
animation-iteration-count: infinite;
}
h1 {
text-transform: uppercase;
}
h2, h3 {
font-family: @font-narrow;
text-transform: uppercase;
}
p {
text-align: left;
}
a {
text-transform: lowercase;
color: inherit;
}
a:hover {
background-color: whitesmoke;
border-radius: 1px;
box-shadow:
0 0 0 5px whitesmoke,
0 0 0 10px azure,
0 0 0 35px beige,
}
address {
white-space: pre-wrap;
/*margin-bottom: 1.5em;*/
font-family: @font-narrow;
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
background-color: white;
border-radius: 1.5em;
padding: 0 1.5em;
display: inline-block;
margin: auto;
text-align: left;
}
ul {
box-sizing: border-box;
}
/* ---------- SPECIFIC STYLES ----------- */
#logo {
margin: auto;
text-align: center;
h1,
h2 {
background-color: white;
border-radius: 1em;
display: inline-block;
padding: 1em;
}
}
.pratique {
float: left;
width: 30%;
text-align: center;
}
.date {
background-color: white;
border-radius: 1.5em;
padding: 1.5em;
display: inline-block;
margin-bottom: 0;
}
.intro {
font-family: @font-narrow;
font-size: 18px;
line-height: 22px;
width: 70%;
float: left;
}
.intro p + p {
font-family: @font-fat;
font-size: 27px;
line-height: 28px;
}
.intro p {
background-color: white;
border-radius: 1.5em;
padding: 1.5em;
}
ul#ecoles {
clear: both;
display: flex;
margin-top: 2em
}
ul#ecoles > li {
background-color: white;
font-family: @font-narrow;
display: inline-table;
border-radius: 3em;
text-transform: uppercase;
font-size: 18px;
padding: 1.5em;
}
.participants li {
font-family: @font-fat;
font-size: 27px;
padding: 0;
}
.participants li:nth-child(2n) {
color: #666;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment