-
1Gemfile
-
9Gemfile.lock
-
12data/partenaires.yml
-
42source/_asso.erb
-
48source/_festival.erb
-
75source/_infos.erb
-
27source/_navigation.erb
-
BINsource/fonts/ubuntu-v14-latin-700.woff
-
BINsource/fonts/ubuntu-v14-latin-700.woff2
-
BINsource/fonts/ubuntu-v14-latin-700italic.woff
-
BINsource/fonts/ubuntu-v14-latin-700italic.woff2
-
BINsource/fonts/ubuntu-v14-latin-italic.woff
-
BINsource/fonts/ubuntu-v14-latin-italic.woff2
-
BINsource/fonts/ubuntu-v14-latin-regular.woff
-
BINsource/fonts/ubuntu-v14-latin-regular.woff2
-
BINsource/images/choisy-le-roi.png
-
BINsource/images/code-lutin.png
-
16source/images/codeurs-en-liberte.svg
-
BINsource/images/no-camera.png
-
BINsource/images/no-harassment.png
-
BINsource/images/no-photo.png
-
15source/images/octopuce.svg
-
9source/layouts/layout.erb
-
39source/stylesheets/_fonts.scss
-
35source/stylesheets/site.css.scss
@ -1,12 +1,16 @@ |
|||
- name: Octopuce |
|||
octopuce: |
|||
name: Octopuce |
|||
link: https://www.octopuce.fr/ |
|||
logo: octopuce.svg |
|||
- name: Codeurs en liberté |
|||
codeur-en-liberte: |
|||
name: Codeurs en liberté |
|||
link: https://www.xn--codeursenlibert-pnb.fr/ |
|||
logo: codeurs-en-liberte.svg |
|||
- name: Code Lutin |
|||
code-lutin: |
|||
name: Code Lutin |
|||
link: https://www.codelutin.com/ |
|||
logo: code-lutin.png |
|||
- name: Ville de Choisy-le-Roi |
|||
choisy-le-roi: |
|||
name: Ville de Choisy-le-Roi |
|||
link: https://www.choisyleroi.fr/ |
|||
logo: choisy-le-roi.png |
@ -1,28 +1,28 @@ |
|||
<section id="association" class="pal"> |
|||
<div class="w80 center"> |
|||
<h1 class="mbm txtcenter">L’association</h1> |
|||
<div class="w60 center txtcenter"> |
|||
<h1 class="mbm">L’association</h1> |
|||
|
|||
<h2 class="txtcenter">Nous contacter</h2> |
|||
<h2>Nous contacter</h2> |
|||
|
|||
<div class="txtcenter"> |
|||
<% link_to "https://mamot.fr/@passageenseine", title: 'Mastodon', alt: 'Logo Mastodon' do %> |
|||
<%= svg_image_tag 'logos.svg', 'mastodon', class: 'logo-contact' %> |
|||
<% end %> |
|||
<% link_to "https://mamot.fr/@passageenseine", title: 'Twitter', alt: 'Logo Twitter' do %> |
|||
<%= svg_image_tag 'logos.svg', 'twitter', class: 'logo-contact' %> |
|||
<% end %> |
|||
</div> |
|||
<div id="contact" class="autogrid has-gutter"> |
|||
<a href="https://mamot.fr/@passageenseine" title="Mastodon" alt="Mastodon" target="_blank"> |
|||
<%= svg_image_tag 'logos.svg', 'mastodon' %> |
|||
</a> |
|||
<a href="https://twitter.com/passageenseine" title="Twitter" alt="Twitter" target="_blank"> |
|||
<%= svg_image_tag 'logos.svg', 'twitter' %> |
|||
</a> |
|||
</div> |
|||
|
|||
<h2 class="txtcenter">Nos partenaires</h2> |
|||
<h2>Nos partenaires</h2> |
|||
|
|||
<div id="sponsors" class="autogrid has-gutter txtcenter"> |
|||
<% data.partenaires.each do |p| %> |
|||
<div> |
|||
<% link_to p.link, title: p.name, alt: p.name do %> |
|||
<%= image_tag p.logo %> |
|||
<% end %> |
|||
</div> |
|||
<% end %> |
|||
</div> |
|||
<div id="sponsors" class="autogrid has-gutter"> |
|||
<% data.partenaires.each do |k, p| %> |
|||
<% content_tag :div, id: k do %> |
|||
<% link_to p.link, title: p.name, alt: p.name, target: :_blank do %> |
|||
<%= image_tag p.logo %> |
|||
<% end %> |
|||
<% end %> |
|||
<% end %> |
|||
</div> |
|||
</div> |
|||
</section> |
@ -1,11 +1,49 @@ |
|||
<section id="festival" class="pal"> |
|||
<section id="title" class="pal"> |
|||
<div class="w80 center txtcenter"> |
|||
<%= image_tag 'logo.svg', class: 'logo', alt: 'Logo PSES' %> |
|||
<h1 class="mbm">Festival PSES 2020</h1> |
|||
<h1>Festival PSES 2020</h1> |
|||
<h2>Société · Internet · Liberté</h2> |
|||
<h3>Faites preuve de curiosité</h3> |
|||
<div> |
|||
Du 02 au 05 Juillet, à la médiathèque de Choisy-le-Roi |
|||
</div> |
|||
<p> |
|||
Du jeudi 02 au dimanche 05 juillet,<br> |
|||
à la médiathèque de Choisy-le-Roi |
|||
</p> |
|||
</div> |
|||
</section> |
|||
|
|||
<section id="festival" class="pal"> |
|||
<div class="w50"> |
|||
<p> |
|||
Bienvenue chez vous ! |
|||
</p> |
|||
|
|||
<p> |
|||
Le festival <b>Pas Sage En seine</b> est un rendez-vous annuel de la |
|||
région parisienne qui vient de fêter ses 10 ans déjà. |
|||
</p> |
|||
|
|||
<p> |
|||
Lieu incontournable du milieu hacker à ses débuts, il a toujours eu |
|||
pour vocation d’amener les citoyens de tous horizons à se |
|||
réapproprier la société en bidouillant le système. |
|||
</p> |
|||
|
|||
<p> |
|||
Initialement axé numérique, il s’est ouvert au fur et à mesure des |
|||
éditions et traite aujourd’hui de sujets aussi variés que la |
|||
politique, la justice, l’alimentation, les médias, la littérature, |
|||
les sciences, les arts, le journalisme, le divertissement, |
|||
l’inclusivité, l’accessibilité, le handicap… |
|||
</p> |
|||
|
|||
<p> |
|||
L’entrée est libre et gratuite afin d’être accessible au plus grand |
|||
nombre, sans discrimination de ressources. |
|||
</p> |
|||
|
|||
<p> |
|||
Le thème de l’édition 2020 est : |
|||
<b>Bidouille, écologie & démocratie</b>. |
|||
</p> |
|||
</div> |
|||
</section> |
@ -1,7 +1,20 @@ |
|||
<nav class="txtright navigation" role="navigation"> |
|||
<input type="checkbox" id="button" class="menu"> |
|||
<label for="button" class="menu" onclick></label> |
|||
<%= link_to "Le festival", "#festival", class: "plm", title: "Cliquer ici pour aller à la section sur le festival", accesskey: "f" %> |
|||
<%= link_to "Infos pratiques", "#infos", class: "plm", title: "Cliquer ici pour aller à la section sur les informations pratiques", accesskey: "i" %> |
|||
<%= link_to "L’association", "#association", class: "plm", title: "Cliquer ici pour aller à la section sur l’association", accesskey: "a" %> |
|||
</nav> |
|||
<header> |
|||
<div class="w80 center autogrid"> |
|||
<div class="brand"> |
|||
<a href="/" title="Accueil du site">PSES</a> |
|||
</div> |
|||
<nav class="txtright navigation" role="navigation"> |
|||
<input type="checkbox" id="button" class="menu"> |
|||
<label for="button" class="menu" onclick></label> |
|||
<a href="#festival" class="plm" title="Cliquer ici pour aller à la section sur le festival"> |
|||
Le festival |
|||
</a> |
|||
<a href="#infos" class="plm" title="Cliquer ici pour aller à la section sur les informations pratiques"> |
|||
Infos pratiques |
|||
</a> |
|||
<a href="#association" class="plm" title="Cliquer ici pour aller à la section sur l’association"> |
|||
L’association |
|||
</a> |
|||
</nav> |
|||
</div> |
|||
</header> |
Before Width: 1336 | Height: 1148 | Size: 398 KiB After Width: 1336 | Height: 1336 | Size: 398 KiB |
Before Width: 800 | Height: 474 | Size: 34 KiB After Width: 820 | Height: 820 | Size: 87 KiB |
Before Width: 400 | Height: 394 | Size: 79 KiB After Width: 350 | Height: 350 | Size: 82 KiB |
Before Width: 408 | Height: 408 | Size: 18 KiB After Width: 350 | Height: 350 | Size: 27 KiB |
Before Width: 358 | Height: 354 | Size: 63 KiB After Width: 350 | Height: 350 | Size: 87 KiB |
@ -0,0 +1,39 @@ |
|||
/* ubuntu-italic - latin */ |
|||
@font-face { |
|||
font-family: 'Ubuntu'; |
|||
font-style: italic; |
|||
font-weight: 400; |
|||
src: local('Ubuntu Italic'), local('Ubuntu-Italic'), |
|||
font-url('ubuntu-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
font-url('ubuntu-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
|
|||
/* ubuntu-regular - latin */ |
|||
@font-face { |
|||
font-family: 'Ubuntu'; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), |
|||
font-url('ubuntu-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
font-url('ubuntu-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
|
|||
/* ubuntu-700 - latin */ |
|||
@font-face { |
|||
font-family: 'Ubuntu'; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
src: local('Ubuntu Bold'), local('Ubuntu-Bold'), |
|||
font-url('ubuntu-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
font-url('ubuntu-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |
|||
|
|||
/* ubuntu-700italic - latin */ |
|||
@font-face { |
|||
font-family: 'Ubuntu'; |
|||
font-style: italic; |
|||
font-weight: 700; |
|||
src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'), |
|||
font-url('ubuntu-v14-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ |
|||
font-url('ubuntu-v14-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ |
|||
} |