Browse Source

Work in progress

2020
aeris 4 months ago
parent
commit
392bd1bbd5
25 changed files with 218 additions and 110 deletions
  1. +1
    -0
      Gemfile
  2. +9
    -0
      Gemfile.lock
  3. +8
    -4
      data/partenaires.yml
  4. +21
    -21
      source/_asso.erb
  5. +43
    -5
      source/_festival.erb
  6. +41
    -34
      source/_infos.erb
  7. +20
    -7
      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. +8
    -8
      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. +8
    -7
      source/images/octopuce.svg
  23. +1
    -8
      source/layouts/layout.erb
  24. +39
    -0
      source/stylesheets/_fonts.scss
  25. +19
    -16
      source/stylesheets/site.css.scss

+ 1
- 0
Gemfile View File

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


+ 9
- 0
Gemfile.lock View File

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


+ 8
- 4
data/partenaires.yml View File

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

+ 21
- 21
source/_asso.erb View File

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

+ 43
- 5
source/_festival.erb View File

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

+ 41
- 34
source/_infos.erb View File

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



+ 20
- 7
source/_navigation.erb View File

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

BIN
source/fonts/ubuntu-v14-latin-700.woff View File


BIN
source/fonts/ubuntu-v14-latin-700.woff2 View File


BIN
source/fonts/ubuntu-v14-latin-700italic.woff View File


BIN
source/fonts/ubuntu-v14-latin-700italic.woff2 View File


BIN
source/fonts/ubuntu-v14-latin-italic.woff View File


BIN
source/fonts/ubuntu-v14-latin-italic.woff2 View File


BIN
source/fonts/ubuntu-v14-latin-regular.woff View File


BIN
source/fonts/ubuntu-v14-latin-regular.woff2 View File


BIN
source/images/choisy-le-roi.png View File

Before After
Width: 1336  |  Height: 1148  |  Size: 398KB Width: 1336  |  Height: 1336  |  Size: 398KB

BIN
source/images/code-lutin.png View File

Before After
Width: 800  |  Height: 474  |  Size: 34KB Width: 820  |  Height: 820  |  Size: 87KB

+ 8
- 8
source/images/codeurs-en-liberte.svg View File

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

BIN
source/images/no-camera.png View File

Before After
Width: 400  |  Height: 394  |  Size: 79KB Width: 350  |  Height: 350  |  Size: 82KB

BIN
source/images/no-harassment.png View File

Before After
Width: 408  |  Height: 408  |  Size: 18KB Width: 350  |  Height: 350  |  Size: 27KB

BIN
source/images/no-photo.png View File

Before After
Width: 358  |  Height: 354  |  Size: 63KB Width: 350  |  Height: 350  |  Size: 87KB

+ 8
- 7
source/images/octopuce.svg View File

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

+ 1
- 8
source/layouts/layout.erb View File

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


+ 39
- 0
source/stylesheets/_fonts.scss View File

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

+ 19
- 16
source/stylesheets/site.css.scss View File

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