Work in progress

2020
aeris 3 years ago
parent d7e8ac6ce8
commit 392bd1bbd5
  1. 1
      Gemfile
  2. 9
      Gemfile.lock
  3. 12
      data/partenaires.yml
  4. 42
      source/_asso.erb
  5. 48
      source/_festival.erb
  6. 75
      source/_infos.erb
  7. 27
      source/_navigation.erb
  8. BIN
      source/fonts/ubuntu-v14-latin-700.woff
  9. BIN
      source/fonts/ubuntu-v14-latin-700.woff2
  10. BIN
      source/fonts/ubuntu-v14-latin-700italic.woff
  11. BIN
      source/fonts/ubuntu-v14-latin-700italic.woff2
  12. BIN
      source/fonts/ubuntu-v14-latin-italic.woff
  13. BIN
      source/fonts/ubuntu-v14-latin-italic.woff2
  14. BIN
      source/fonts/ubuntu-v14-latin-regular.woff
  15. BIN
      source/fonts/ubuntu-v14-latin-regular.woff2
  16. BIN
      source/images/choisy-le-roi.png
  17. BIN
      source/images/code-lutin.png
  18. 16
      source/images/codeurs-en-liberte.svg
  19. BIN
      source/images/no-camera.png
  20. BIN
      source/images/no-harassment.png
  21. BIN
      source/images/no-photo.png
  22. 15
      source/images/octopuce.svg
  23. 9
      source/layouts/layout.erb
  24. 39
      source/stylesheets/_fonts.scss
  25. 35
      source/stylesheets/site.css.scss

@ -3,6 +3,7 @@ source 'https://rubygems.org'
gem 'middleman'
gem 'middleman-autoprefixer'
gem 'middleman-livereload'
gem 'middleman-deploy', '~> 2.0.0.pre.alpha'
gem 'uglifier'
gem 'tzinfo-data', platforms: %i[mswin mingw jruby x64_mingw]

@ -75,11 +75,18 @@ GEM
servolux
tilt (~> 2.0.9)
uglifier (~> 3.0)
middleman-deploy (2.0.0.pre.alpha)
middleman-core (>= 3.2)
net-sftp
ptools
middleman-livereload (3.4.6)
em-websocket (~> 0.5.1)
middleman-core (>= 3.3)
rack-livereload (~> 0.3.15)
minitest (5.13.0)
net-sftp (2.1.2)
net-ssh (>= 2.6.5)
net-ssh (5.2.0)
padrino-helpers (0.13.3.4)
i18n (~> 0.6, >= 0.6.7)
padrino-support (= 0.13.3.4)
@ -87,6 +94,7 @@ GEM
padrino-support (0.13.3.4)
activesupport (>= 3.1)
parallel (1.18.0)
ptools (1.3.5)
public_suffix (4.0.1)
rack (2.0.7)
rack-livereload (0.3.17)
@ -112,6 +120,7 @@ PLATFORMS
DEPENDENCIES
middleman
middleman-autoprefixer
middleman-deploy (~> 2.0.0.pre.alpha)
middleman-livereload
tzinfo-data
uglifier

@ -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,5 +1,5 @@
<section id="infos" class="pal">
<div class="w80 center txtcenter">
<div class="w60 center txtcenter">
<h1 class="mbm">Infos pratiques</h1>
<div class="grid-3 has-gutter descriptions">
@ -51,7 +51,8 @@
<p>
Nous avons aussi besoin de financement pour assurer la présence tant
attendue des goodies et autres boissons houblonnées (ou non), qui même
attendue des goodies et autres boissons houblonnées (ou non), qui
même
si elles s’auto-financent, nécessitent de l’avance de trésorerie.
</p>
@ -61,37 +62,39 @@
</p>
<div class="txtcenter">
<progress value="0" max="2000"></progress><br>
<progress value="0" max="2000"></progress>
<br>
0 / 2 000€
</div>
<br>
<p>
Si vous souhaitez nous soutenir financièrement, plusieurs moyens sont à
Si vous souhaitez nous soutenir financièrement, plusieurs moyens
sont à
votre disposition :
</p>
<div class="grid-3 has-gutter center txtcenter mbm">
<div>
<% link_to 'https://liberapay.com/pses/donate', class: 'donate' do %>
<%= image_tag 'liberapay.png', alt: 'Liberapay' %>
<% end %><br>
0% de commission<br>
(Nous reverserons 1%)
</div>
<div>
<% link_to 'https://donorbox.org/pses', class: 'donate' do %>
<%= image_tag 'donorbox.png', alt: 'Donorbox' %>
<% end %><br>
1.4% + 0.25€ de commission
</div>
<div>
<% link_to 'https://paypal.com/cgi-bin/webscr?cmd=_donations&amp;currency_code=EUR&amp;business=paypal@passageenseine.fr&amp;item_name=Don%20PSES', class: 'donate' do %>
<%= image_tag 'paypal.png', alt: 'Paypal' %>
<% end %><br>
3.4% + 0.25€ de commission
</div>
</div>
<div class="grid-3 has-gutter center txtcenter mbm">
<div>
<% link_to 'https://liberapay.com/pses/donate', class: 'donate' do %>
<%= image_tag 'liberapay.png', alt: 'Liberapay' %>
<% end %><br>
0% de commission<br>
(Nous reverserons 1%)
</div>
<div>
<% link_to 'https://donorbox.org/pses', class: 'donate' do %>
<%= image_tag 'donorbox.png', alt: 'Donorbox' %>
<% end %><br>
1.4% + 0.25€ de commission
</div>
<div>
<% link_to 'https://paypal.com/cgi-bin/webscr?cmd=_donations&amp;currency_code=EUR&amp;business=paypal@passageenseine.fr&amp;item_name=Don%20PSES', class: 'donate' do %>
<%= image_tag 'paypal.png', alt: 'Paypal' %>
<% end %><br>
3.4% + 0.25€ de commission
</div>
</div>
<p>
Pour un virement bancaire, merci de
@ -107,12 +110,13 @@
<p>
Si vous êtes intéressé·e, rendez-vous
<%= link_to "sur le site dédié", "https://participer.passageenseine.fr", title: "Soumettre une proposition" %> !
<%= link_to "sur le site dédié", "https://participer.passageenseine.fr", title: "Soumettre une proposition" %>
 !
</p>
<p>
Le thème de cette année sera certainement :<br>
<b>Écologie, bidouille & démocratie (ou pas)</b>
Le thème de cette année sera certainement (ou pas) :<br>
<b>Bidouille, écologie & démocratie</b>
</p>
</div>
@ -129,7 +133,8 @@
<h1>Lieu</h1>
<p>
Le festival a lieu aux abords de la Médiathèque Aragon à
Choisy-le-Roi, à 5 min à pied de la Gare de RER C « Choisy-le-Roi »
Choisy-le-Roi, à 5 min à pied de la Gare de RER C
« Choisy-le-Roi »
</p>
<p>
Le lieu est (vraiment) accessible aux personnes moins valides.
@ -137,9 +142,9 @@
<h1>Hébergement</h1>
<p>
Un appart-hôtel est également présent à moins d'une minute de la médiathèque et vous propose des chambres à partir de 62€ par nuit.
Leur site
<%= link_to "ici", "http://www.allsuites-apparthotel.com/residences-hotelieres/all-suites-appart-hotel-choisy-le-roi", title: "Appart Hôtel Choisy-le-Roi" %>.
Un appart-hôtel est présent à moins d'une minute de la
médiathèque. Leur site
<a href="http://www.allsuites-apparthotel.com/residences-hotelieres/all-suites-appart-hotel-choisy-le-roi" title="Appart Hôtel Choisy-le-Roi">ici</a>.
</p>
</div>
<%= image_tag 'plan.png', alt: 'Plan d’accès' %>
@ -172,11 +177,13 @@
La participation à notre festival vaut approbation de notre code de
conduite, disponible <%= link_to 'ici', 'code-of-conduct.pdf' %>.
<br>
Toute personne l’enfreignant se verra immédiatement exclue du festival.
Toute personne l’enfreignant se verra immédiatement exclue du
festival.
</p>
<p>
La captation de vidéo ou de photo est soumise à l’<b>accord préalable</b>
La captation de vidéo ou de photo est soumise à l’<b>accord
préalable</b>
des personnes présentes.
</p>

@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 KiB

After

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 87 KiB

@ -22,7 +22,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
@ -37,14 +37,14 @@
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1143"
inkscape:window-width="1680"
inkscape:window-height="993"
id="namedview28"
showgrid="false"
inkscape:zoom="1.4142136"
inkscape:cx="124.29309"
inkscape:cx="11.156008"
inkscape:cy="219.74876"
inkscape:window-x="1680"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg3656"
@ -209,7 +209,7 @@
</g>
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:112.25979614px;line-height:39.99959946px;font-family:Sans;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.80649471px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
style="font-style:normal;font-weight:normal;font-size:112.25979614px;line-height:39.99959946px;font-family:Sans;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.80649471px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
x="137.9158"
y="218.1292"
id="text4540"><tspan
@ -217,10 +217,10 @@
id="tspan4538"
x="137.9158"
y="218.1292"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:59.87189102px;line-height:39.99959946px;font-family:Ubuntu;-inkscape-font-specification:Ubuntu;text-align:center;text-anchor:middle;stroke-width:2.80649471px">Codeurs</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:59.87189102px;line-height:39.99959946px;font-family:Ubuntu;-inkscape-font-specification:Ubuntu;text-align:center;text-anchor:middle;stroke-width:2.80649471px;fill:#000000;fill-opacity:1;">Codeurs</tspan><tspan
sodipodi:role="line"
x="137.9158"
y="268.87988"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:59.87189102px;line-height:39.99959946px;font-family:Ubuntu;-inkscape-font-specification:Ubuntu;text-align:center;text-anchor:middle;stroke-width:2.80649471px"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:59.87189102px;line-height:39.99959946px;font-family:Ubuntu;-inkscape-font-specification:Ubuntu;text-align:center;text-anchor:middle;stroke-width:2.80649471px;fill:#000000;fill-opacity:1;"
id="tspan4542">en liberté</tspan></text>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 87 KiB

@ -35,17 +35,17 @@
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1143"
inkscape:window-width="1680"
inkscape:window-height="993"
id="namedview129"
showgrid="false"
inkscape:zoom="0.79856114"
inkscape:cx="427.38021"
inkscape:cy="286.32847"
inkscape:window-x="1680"
inkscape:zoom="0.39928057"
inkscape:cx="385.0694"
inkscape:cy="133.4037"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g71" /><g
inkscape:current-layer="Calque_1" /><g
id="g3"
transform="matrix(4.7751906,0,0,4.7751906,6.9869211,-29.763039)"><rect
x="86.598999"
@ -208,4 +208,5 @@
y="62.483704"
style="font-size:9.15143871px;line-height:1.25;font-family:sans-serif;fill:#3278b5;fill-opacity:1">serveurs et infogérance haute-fidélité</tspan></text>
</g></svg>

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

@ -9,14 +9,7 @@
<%= javascript_include_tag "site" %>
</head>
<body>
<header>
<div class="w80 center autogrid">
<div class="brand">
<%= link_to 'PSES', '/', title: 'Accueil du site' %>
</div>
<%= partial "navigation" %>
</div>
</header>
<%= partial :navigation %>
<%= yield %>
<div id="modal-background">

@ -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+ */
}

@ -1,7 +1,9 @@
@import "variables";
@import "KNACSS";
@import "fonts";
body {
font-family: 'Ubuntu';
color: $text;
background-color: $bg;
}
@ -9,31 +11,28 @@ body {
header {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid $bg;
position: fixed;
top: 0;
width: 100%;
background: $text;
color: $bg;
border-top: 2px solid #222;
border-bottom: 2px solid #222;
font-size: 3rem;
font-size: 2rem;
a {
color: $bg;
text-decoration: underline dashed;
text-decoration-thickness: 1px;
&:hover, &:focus {
color: darken($bg, 20%);
text-decoration: underline dashed;
text-decoration-thickness: 1px;
}
}
div.brand {
padding: 1rem;
}
nav {
div.brand, nav {
padding: 1rem;
}
}
@ -106,7 +105,7 @@ section div.descriptions {
}
}
#festival {
#title {
.logo {
width: 300px;
border-radius: 300px;
@ -114,12 +113,16 @@ section div.descriptions {
}
}
#festival {
font-size: 2.5rem;
}
#infos {
div.descriptions {
margin-top: 3rem;
div {
border: 1px solid $bg;
border: 1px solid $text;
border-radius: 1rem;
}
}
@ -131,7 +134,6 @@ section div.descriptions {
}
.logo-contact {
height: 60px;
max-width: 60px;
}
}
@ -147,16 +149,17 @@ section div.descriptions {
& > img {
object-fit: contain;
align-self: flex-start;
margin-left: 1rem;
}
}
#sponsors {
img {
max-width: 150px;
}
#contact svg, #sponsors img {
max-width: 200px;
background-color: $bg;
padding: 15px;
border-radius: 30px;
}
/* Modals */
#modal-background {
position: fixed;

Loading…
Cancel
Save