Browse Source

Donate page

2020
aeris 3 years ago
parent
commit
c722ee3d12
  1. 20
      Gemfile.lock
  2. 21
      config.rb
  3. 3
      data/donate.yml
  4. 6
      data/navigation.yml
  5. 12
      source/_asso.erb
  6. 14
      source/_infos.erb
  7. BIN
      source/bilan/2017.pdf
  8. BIN
      source/bilan/2018.pdf
  9. BIN
      source/bilan/2019.pdf
  10. 175
      source/donate.html.erb
  11. BIN
      source/images/captation.png
  12. 11
      source/images/logos.svg
  13. 1
      source/javascripts/site.js
  14. 8
      source/layouts/content.erb
  15. 5
      source/layouts/layout.erb
  16. 0
      source/stylesheets/_bootstrap-variables.scss
  17. 2
      source/stylesheets/_variables.scss
  18. 33
      source/stylesheets/site.css.scss

20
Gemfile.lock

@ -8,7 +8,7 @@ GEM
tzinfo (~> 1.1)
addressable (2.7.0)
public_suffix (>= 2.0.2, < 5.0)
autoprefixer-rails (9.7.1)
autoprefixer-rails (9.7.3)
execjs
backports (3.15.0)
coffee-script (2.4.1)
@ -26,7 +26,7 @@ GEM
execjs (2.7.0)
fast_blank (1.0.0)
fastimage (2.1.7)
ffi (1.11.1)
ffi (1.11.3)
haml (5.1.2)
temple (>= 0.8.0)
tilt
@ -40,7 +40,7 @@ GEM
listen (3.0.8)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
memoist (0.16.1)
memoist (0.16.2)
middleman (4.3.5)
coffee-script (~> 2.2)
haml (>= 4.0.5)
@ -93,23 +93,23 @@ GEM
tilt (>= 1.4.1, < 3)
padrino-support (0.13.3.4)
activesupport (>= 3.1)
parallel (1.18.0)
parallel (1.19.1)
ptools (1.3.5)
public_suffix (4.0.1)
rack (2.0.7)
public_suffix (4.0.2)
rack (2.0.8)
rack-livereload (0.3.17)
rack
rb-fsevent (0.10.3)
rb-inotify (0.10.0)
rb-inotify (0.10.1)
ffi (~> 1.0)
sassc (2.2.1)
ffi (~> 1.9)
servolux (0.13.0)
temple (0.8.2)
thor (0.20.3)
thor (1.0.1)
thread_safe (0.3.6)
tilt (2.0.10)
tzinfo (1.2.5)
tzinfo (1.2.6)
thread_safe (~> 0.1)
uglifier (3.2.0)
execjs (>= 0.3.0, < 3)
@ -127,4 +127,4 @@ DEPENDENCIES
wdm
BUNDLED WITH
1.17.2
2.1.3

21
config.rb

@ -2,6 +2,8 @@ activate :autoprefixer do |prefix|
prefix.browsers = "last 2 versions"
end
page 'index.html', layout: :content
page '/*.xml', layout: false
page '/*.json', layout: false
page '/*.txt', layout: false
@ -11,8 +13,23 @@ configure :development do
end
configure :build do
activate :minify_css
activate :minify_javascript, compressor: proc { ::Uglifier.new harmony: true }
#activate :minify_css
#activate :minify_javascript, compressor: proc { ::Uglifier.new harmony: true }
# activate :asset_hash
set :http_prefix, '/tmp'
end
activate :deploy do |deploy|
deploy.deploy_method = :rsync
deploy.host = 'rabbit.passageenseine.fr'
deploy.path = '/var/www/pses/tmp'
deploy.port = 2222
deploy.build_before = true
# Optional Settings
# deploy.user = 'tvaughan' # no default
# deploy.port = 5309 # ssh port, default: 22
# deploy.clean = true # remove orphaned files on remote host, default: false
# deploy.flags = '-rltgoDvzO --no-p --del' # add custom flags, default: -avz
end
helpers do

3
data/donate.yml

@ -0,0 +1,3 @@
current: 1000
target: 2500
color: #800000

6
data/navigation.yml

@ -1,6 +0,0 @@
- name: Accueil
link: /
goto: home
- name: À propos
link: /about.html
goto: about

12
source/_asso.erb

@ -13,6 +13,9 @@
<h2 class="mtm">Nous contacter</h2>
<div id="contact" class="autogrid has-gutter">
<a href="mailto:bureau@passageenseine.fr" title="Courriel" alt="Courriel" target="_blank">
<%= svg_image_tag 'logos.svg', 'email' %>
</a>
<a href="https://mamot.fr/@passageenseine" title="Mastodon" alt="Mastodon" target="_blank">
<%= svg_image_tag 'logos.svg', 'mastodon' %>
</a>
@ -34,8 +37,13 @@
</div>
<p class="mtm">
Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a>
from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
<a href="https://git.passageenseine.fr/pses/site" title="Sources de ce site">
<%= svg_image_tag 'logos.svg', 'cc-by-sa' %>
</a>
<br>
Icônes par <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a>
via <a href="https://www.flaticon.com/" title="Flaticon">FlatIcon</a>
</p>
</div>
</section>

14
source/_infos.erb

@ -69,14 +69,18 @@
</p>
<p>
Cette année nous avons besoin d’un financement de 2 000€ afin
Cette année nous avons besoin d’un financement de <%= data.donate.target %>€ afin
d’acquérir du matériel de captation audio.
</p>
<p>
Plus d’information sur <%= link_to 'la page dédiée', '/donate.html' %>.
</p>
<div class="txtcenter">
<progress value="0" max="2000"></progress>
<progress value="<%= data.donate.current %>" max="<%= data.donate.target %>"></progress>
<br>
0 / 2 000€
<%= data.donate.current %> / <%= data.donate.target %>
</div>
<br>
@ -158,6 +162,10 @@
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>
<p>
Des logements sont aussi généralement disponible aux alentours via
<a href="https://www.airbnb.fr/s/Choisy~le~Roi/homes?refinement_paths%5B%5D=%2Fhomes&place_id=ChIJSzO-mZB05kcRYDmLaMOCCwQ&search_type=section_navigation&screen_size=large&checkin=2020-07-01&checkout=2020-07-06">AirBNB</a>
</p>
</div>
<%= image_tag 'plan.png', alt: 'Plan d’accès' %>
</div>

BIN
source/bilan/2017.pdf

BIN
source/bilan/2018.pdf

BIN
source/bilan/2019.pdf

175
source/donate.html.erb

@ -0,0 +1,175 @@
---
title: Pas Sage en Seine - Financement participatif
---
<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="#donate" class="plm" title="Cliquer ici pour aller à la section sur l’appel à financement participatif">
Financement
</a>
<a href="#needs" class="plm" title="Cliquer ici pour aller à la section des besoins du festival">
Besoins
</a>
<a href="#accounting" class="plm" title="Cliquer ici pour aller à la section sur les bilans financiers">
Bilans financiers
</a>
</nav>
</div>
</header>
<div class="content">
<section id="donate" class="pal">
<div class="w50">
<h1>
Financement participatif du festival
</h1>
<p>
Le festival PSES est entièrement gratuit pour permettre aux plus
grand nombre d’y participer, sans considération de ressources.<br>
Mais le monde actuel étant ce qu’il est, nous avons quand même
besoin de financer des choses !
</p>
<ul>
<li>
Du matériel de captation pour vous permettre de suivre le
festival à l’autre bout de la planète
</li>
<li>
L’administratif courant de l’association (frais bancaires,
assurances…)
</li>
</ul>
<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 si elles s’auto-financent, nécessitent de l’avance de trésorerie.
</p>
<p>
Cette année nous avons besoin d’un financement de <%= data.donate.target %>€ afin
d’acquérir du matériel de captation audio.
</p>
<div class="txtcenter">
<progress value="<%= data.donate.current %>" max="<%= data.donate.target %>"></progress>
<br>
<%= data.donate.current %> / <%= data.donate.target %>€
</div>
<br>
<p>
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>
<p>
Pour un virement bancaire, merci de
<%= link_to "nous contacter", "mailto:bureau@passageenseine.fr?subject=IBAN%20don", title: 'Envoyer un courriel de demande d’IBAN au bureau' %>
pour obtenir notre IBAN.
</p>
</div>
</section>
<section id="needs" class="pal">
<div class="w50">
<h1>
Nos besoins
</h1>
<p>
Cette année, nous avons essentiellement besoin d’acquérir du
matériel audio, le matériel de captation ayant déjà été acquis
en 2018.
</p>
<p>
Ce matériel vient en complément de celui gracieusement mis à
disposition par <a href="https://www.octopuce.fr/" alt="Octopuce">Octopuce</a>
chaque année.
</p>
</div>
<div class="list">
<%= image_tag 'captation.png', alt: 'Système de captation' %>
<ul>
<li>1 micro SM 58 sans fil (~500€)</li>
<li>1 table de mixage Studio Live AR 8 (~350€)</li>
<li>1 boîtier de scène 40m (~200€)</li>
<li>2 cartes d’acquisition BlackMagic DeckLink (~180€ l’unité)</li>
<li>2 micros SM 58 (~100€ l’unité)</li>
<li>3 convertisseurs HDMI/SDI (~70€ l’unité)</li>
<li>3 convertisseurs SDI/HDMI (~70€ l’unité)</li>
<li>1 splitter HDMI vers HDMI + RCA (~20€)</li>
<li>1 doubleur HDMI (~10€)</li>
<li>2 convertisseurs RCA/XLR (~15€ l’unité)</li>
<li><strong>Total : ~2100€</strong></li>
</ul>
</div>
</section>
<section id="accounting" class="pal">
<div class="w50">
<h1>Bilans financiers</h1>
<p>
Le festival n’a pas vocation à générer des bénéfices, l’argent
collecté sert uniquement à financer le festival, qui
s’auto-finance <em>via</em> la vente de goodies sur place et ne serait
pas possible sans la générosité de nos sponsors.
Le budget global d’une édition tourne autour de 5 000€.
</p>
<p>
Afin d’être transparents sur la gestion financière de
l’association, d’autant plus que nous recourons au financement
participatif, nos bilans comptables sont disponibles ici :
</p>
<ul>
<li><a href="bilan/2017.pdf">2017</a> : bénéfice de 1 358,97€</li>
<li><a href="bilan/2018.pdf">2018</a> : bénéfice de 1 120,86€</li>
<li><a href="bilan/2019.pdf">2019</a> : bénéfice de 178,24€</li>
<li>Nous avons actuellement ~2 500€ de trésorerie.</li>
</ul>
<p>
Le grand livre comptable de l’association n’est pas publiable
(RGPD, demande d’anonymat…) mais n’hésitez pas à
<a href="index.html#association" alt="Contacter l’association">nous contacter</a>
si vous souhaitez obtenir plus de renseignement sur notre
comptabilité.
</p>
</div>
</section>
</div>

BIN
source/images/captation.png

After

Width: 481  |  Height: 465  |  Size: 3.7 MiB

11
source/images/logos.svg

@ -108,4 +108,15 @@
</g>
</g>
</symbol>
<symbol id="email" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;">
<rect y="76.8" style="fill:#78B9EB;" width="512" height="358.4"/>
<g>
<rect x="256" y="76.8" style="fill:#5A8BB0;" width="256" height="358.4"/>
<polygon style="fill:#5A8BB0;" points="512,345.6 256,179.2 0,345.6 0,435.2 512,435.2 "/>
</g>
<polygon style="fill:#3C5D76;" points="512,345.6 256,179.2 256,435.2 512,435.2 "/>
<polygon style="fill:#C9E3F7;" points="512,166.4 256,358.4 0,166.4 0,76.8 512,76.8 "/>
<polygon style="fill:#78B9EB;" points="512,166.4 256,358.4 256,76.8 512,76.8 "/>
</symbol>
</svg>

1
source/javascripts/site.js

@ -34,6 +34,7 @@ document.addEventListener('DOMContentLoaded', () => {
},
close: function (modal) {
console.log("close", this)
modal.classList.remove("show")
modal.classList.add("hide")
this.modalBackground.appendChild(this.closeButton)

8
source/layouts/content.erb

@ -0,0 +1,8 @@
<% wrap_layout :layout do %>
<%= partial :navigation %>
<%= yield %>
<div id="modal-background">
<span class="close">&times;</span>
</div>
<% end %>

5
source/layouts/layout.erb

@ -9,11 +9,6 @@
<%= javascript_include_tag "site" %>
</head>
<body>
<%= partial :navigation %>
<%= yield %>
<div id="modal-background">
<span class="close">&times;</span>
</div>
</body>
</html>

0
source/stylesheets/_bootstrap-variables.scss

2
source/stylesheets/_variables.scss

@ -5,7 +5,7 @@ $bg: #eeeeee;
// textes
//$font-size-base: 3rem;
$link-color: $bg;
//$link-color: $bg;
$link-color-nav: #FF0066;
$link-color-hover-nav: #FF80B2;

33
source/stylesheets/site.css.scss

@ -53,6 +53,7 @@ nav[role="navigation"] label.menu {
@media screen and (max-width: 800px) {
html, body {
margin: 0;
header .brand {
font-size: 1.5rem;
}
@ -101,6 +102,14 @@ section div.descriptions {
&:nth-child(even) {
background-color: $text;
color: $bg;
a {
color: $bg;
&:focus, &:hover {
color: lighten($bg, 20%);
}
}
}
}
}
@ -171,6 +180,14 @@ section div.descriptions {
color: $bg;
display: none;
a {
color: $bg;
&:focus, &:hover {
color: darken($bg, 20%);
}
}
&.show {
display: block;
}
@ -257,3 +274,19 @@ progress {
z-index: 2;
}
}
#needs {
.list {
display: flex;
& > ul {
flex: 1 1 auto;
align-self: center;
}
& > img {
object-fit: contain;
align-self: flex-start;
}
}
}
Loading…
Cancel
Save