Browse Source

More content

2020
aeris 3 years ago
parent
commit
e3ebdfbdfb
  1. 2
      source/_festival.erb
  2. 171
      source/_infos.erb
  3. BIN
      source/code-of-conduct.pdf
  4. BIN
      source/images/donorbox.png
  5. BIN
      source/images/liberapay.png
  6. 1
      source/images/liberapay.svg
  7. 108
      source/images/logo.svg
  8. 106
      source/images/logo_pses.svg
  9. BIN
      source/images/no-camera.png
  10. BIN
      source/images/no-harassment.png
  11. BIN
      source/images/no-photo.png
  12. BIN
      source/images/paypal.png
  13. 25
      source/javascripts/site.js
  14. 7
      source/layouts/layout.erb
  15. 5
      source/stylesheets/_variables.scss
  16. 136
      source/stylesheets/site.css.scss

2
source/_festival.erb

@ -1,6 +1,6 @@
<section id="festival" class="pal">
<div class="w80 center txtcenter">
<%= image_tag 'logo.png', class: 'logo', alt: 'Logo PSES' %>
<%= image_tag 'logo.svg', class: 'logo', alt: 'Logo PSES' %>
<h1>Festival PSES 2020</h1>
<h2>Société · Internet · Liberté</h2>
<h3>Faites preuve de curiosité</h3>

171
source/_infos.erb

@ -5,28 +5,187 @@
<div class="grid-3 has-gutter descriptions">
<div>
<h2>Financement participatif</h2>
<%= svg_image_tag 'icons.svg', :heart %>
<%= svg_image_tag 'icons.svg', :heart, class: 'modal', data: { 'modal-target': :donate } %>
</div>
<div>
<h2>Appel à participation</h2>
<%= svg_image_tag 'icons.svg', :speaker %>
<%= svg_image_tag 'icons.svg', :speaker, data: { 'modal-target': :speaker } %>
</div>
<div>
<h2>Programme</h2>
<%= svg_image_tag 'icons.svg', :calendar %>
<%= svg_image_tag 'icons.svg', :calendar, data: { 'modal-target': :schedule } %>
</div>
<div>
<h2>Localisation</h2>
<%= svg_image_tag 'icons.svg', :place %>
<%= svg_image_tag 'icons.svg', :place, data: { 'modal-target': :location } %>
</div>
<div>
<h2>Restauration</h2>
<%= svg_image_tag 'icons.svg', :diet %>
<%= svg_image_tag 'icons.svg', :diet, data: { 'modal-target': :food } %>
</div>
<div>
<h2>Code de conduite</h2>
<%= svg_image_tag 'icons.svg', :team %>
<%= svg_image_tag 'icons.svg', :team, data: { 'modal-target': :coc } %>
</div>
</div>
</div>
<div class="hide" data-modal="donate">
<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 !<br>
</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 2 000€ afin
d’acquérir du matériel de captation audio.
</p>
<div class="txtcenter">
<progress value="0" max="2000"></progress><br>
0 / 2 000€
</div>
<br>
<p>
Si vous souhaitez nous soutenir financièrement, plusieurs moyens sont à
votre disposition :
</p>
<table class="txtcenter">
<tbody>
<tr>
<td>
<a href="https://liberapay.com/pses/donate" class="donate">
<%= image_tag 'liberapay.png', alt: 'Liberapay' %>
</a>
</td>
<td>
<a href="https://donorbox.org/pses" class="donate">
<%= image_tag 'donorbox.png', alt: 'Donorbox' %>
</a>
</td>
<td>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;currency_code=EUR&amp;business=paypal@passageenseine.fr&amp;item_name=Don%20PSES" class="donate">
<%= image_tag 'paypal.png', alt: 'Paypal' %>
</a>
</td>
</tr>
<tr>
<td>
0% de commission<br>
(Nous reverserons 1%)
</td>
<td>
1.4% + 0.25€ de commission
</td>
<td>
3.4% + 0.25€ de commission
</td>
</tr>
</tbody>
</table>
<p>
Pour un virement bancaire, merci de
<a href="mailto:bureau@passageenseine.fr?subject=IBAN%20don">nous contacter</a>
pour obtenir notre IBAN.
</p>
</div>
<div class="hide" data-modal="speaker">
<p>
L’appel à participation sera ouvert du 06 janvier au 16 avril.
</p>
<p>
Si vous êtes intéressé·e, rendez-vous
<a href="https://participer.passageenseine.fr" alt="Soumettre une proposition">
sur le site dédié
</a> !
</p>
</div>
<div class="hide" data-modal="schedule">
<p>
Un peu de patience, voyons !
Le programme sera communiqué le 04 mai ! 😊
</p>
</div>
<div id="location" class="hide" data-modal="location">
<div>
<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 »
</p>
<p>
Le lieu est (vraiment) accessible aux personnes moins valides.
</p>
<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
<a href="http://www.allsuites-apparthotel.com/residences-hotelieres/all-suites-appart-hotel-choisy-le-roi" alt="Appart Hôtel Choisy-le-Roi">ici</a>.
</p>
</div>
<%= image_tag 'plan.png', alt: 'Plan d’accès' %>
</div>
<div class="hide" data-modal="food">
<p>
Des foods-trucks seront présents tous les midis pendant le festival,
de 11h30 à 15h30.
</p>
<p>
Les menus proposés seront publiés ici-même dès que nous en aurons
connaissance.
</p>
<p>
Pas d’inquiétude pour nos ami·es carnistes, des menus spéciaux leurs
seront proposés.
</p>
</div>
<div class="hide" data-modal="coc">
<p>
Le festival PSES a pour vocation d’être un bon moment pour tou·tes
les participant·es, et non seulement la majorité.
</p>
<p>
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.
</p>
<p>
La captation de vidéo ou de photo est soumise à l’<b>accord préalable</b>
des personnes présentes.
</p>
</div>
</section>

BIN
source/code-of-conduct.pdf

BIN
source/images/donorbox.png

After

Width: 1160  |  Height: 406  |  Size: 19 KiB

BIN
source/images/liberapay.png

After

Width: 1148  |  Height: 406  |  Size: 24 KiB

1
source/images/liberapay.svg
File diff suppressed because it is too large
View File

108
source/images/logo.svg

@ -0,0 +1,108 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
sodipodi:docname="logo.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
id="svg853"
version="1.1"
viewBox="0 0 132.29167 132.29168"
height="500"
width="500">
<defs
id="defs847">
<linearGradient
gradientTransform="matrix(0.2770098,0,0,0.2770098,158.93583,36.124039)"
inkscape:collect="always"
xlink:href="#rainbow-7-5"
id="linearGradient4160"
x1="-224.2045"
y1="509.83072"
x2="-444.03912"
y2="895.66858"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
id="rainbow-7-5">
<stop
id="stop4196"
offset="0"
style="stop-color:#450096;stop-opacity:1" />
<stop
id="stop4194"
offset="0.18599123"
style="stop-color:#050d90;stop-opacity:1" />
<stop
style="stop-color:#0b8a13;stop-opacity:1"
offset="0.36580795"
id="stop4192" />
<stop
id="stop4190"
offset="0.58342639"
style="stop-color:#f7f01b;stop-opacity:1" />
<stop
style="stop-color:#bb5a03;stop-opacity:1"
offset="0.78402987"
id="stop4188" />
<stop
id="stop4186"
offset="1"
style="stop-color:#ff0000;stop-opacity:1;" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="3.959798"
inkscape:cx="167.33495"
inkscape:cy="312.97448"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1920"
inkscape:window-height="1143"
inkscape:window-x="1680"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:pagecheckerboard="true" />
<metadata
id="metadata850">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-164.70831)">
<path
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
style="fill:url(#linearGradient4160);fill-opacity:1;stroke:#ffffff;stroke-width:1.32291663;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"
d="M50.902017 280.30819L50.902017 276.84557L43.422752 276.84557L35.943487 276.84557L35.943487 269.64331L35.943487 262.44105L39.683119 262.44105L43.422752 262.44105L43.422752 251.91469L43.422752 241.38831L47.162384 241.38831L50.902017 241.38831L50.902017 237.92569L50.902017 234.46307L54.641649 234.46307L58.381282 234.46307L58.381282 231.00044L58.381282 227.53782L54.641649 227.53782L50.902017 227.53782L50.902017 209.9477L50.902017 192.35757L47.162384 192.35757L43.422752 192.35757L43.422752 185.14751L43.422752 177.93743L47.349755 177.99083L51.15864 177.94983L51.11453 185.08607L51.18854 192.08057L54.784912 192.08057L58.381283 192.08057L58.381283 188.61795L58.381283 185.15533L62.112638 185.15533L65.843996 185.15533L65.803406 181.5762L65.786446 177.97345L73.53087 177.95105L81.096092 177.94405L81.096092 181.68813L81.096092 185.43222L77.356459 185.43222L73.616827 185.43222L73.616827 188.89484L73.616827 192.35746L69.877194 192.35746L66.137562 192.35746L66.137562 199.28271L66.137562 206.20796L73.616827 206.20796L81.096092 206.20796L81.096092 209.67058L81.096092 213.1332L84.835724 213.1332L88.575357 213.1332L88.575357 216.73432L88.575357 220.33546L92.453492 220.33546L96.33163 220.33546L96.33163 223.93658L96.33163 227.53771L92.45349 227.53771L88.575353 227.53771L88.575353 231.00033L88.575353 234.46296L84.83572 234.46296L81.096088 234.46296L81.096088 237.92558L81.096088 241.3882L84.83572 241.3882L88.575353 241.3882L88.575353 244.84301L88.575353 248.29781L92.384238 248.37491L96.193123 248.45201L96.270653 251.98389L96.348183 255.51577L84.982503 255.51577L73.616823 255.51577L73.616823 259.11689L73.616823 262.71802L69.87719 262.71802L66.137558 262.71802L66.137558 266.04214L66.137558 269.36625L77.356455 269.36625L88.575353 269.36625L88.575353 272.96739L88.575353 276.56851L92.45349 276.56851L96.331628 276.56851L96.331628 280.16965L96.331628 283.77077L73.616821 283.77077L50.902017 283.77077L50.902017 280.30819M73.339811 216.87294L73.339811 213.41032L69.738684 213.41032L66.137556 213.41032L66.137556 216.87294L66.137556 220.33557L69.738684 220.33557L73.339811 220.33557L73.339811 216.87294"
id="path4144"
inkscape:connector-curvature="0"
inkscape:export-filename="/home/nolwenn/programmation/PSES2018-don/source/images/rainbow-logo.png"
inkscape:export-xdpi="24.763855"
inkscape:export-ydpi="24.763855" />
</g>
</svg>

106
source/images/logo_pses.svg

@ -1,106 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="400"
height="400"
viewBox="0 0 105.83333 105.83334"
version="1.1"
id="svg853"
inkscape:version="0.92.4 5da689c313, 2019-01-14"
sodipodi:docname="logo_pses.svg">
<defs
id="defs847">
<linearGradient
gradientTransform="matrix(0.2770098,0,0,0.2770098,145.70667,49.353216)"
inkscape:collect="always"
xlink:href="#rainbow-7-5"
id="linearGradient4160"
x1="-262.23282"
y1="525.2439"
x2="-450.79297"
y2="906.2818"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
id="rainbow-7-5">
<stop
id="stop4196"
offset="0"
style="stop-color:#450096;stop-opacity:1" />
<stop
id="stop4194"
offset="0.18599123"
style="stop-color:#050d90;stop-opacity:1" />
<stop
style="stop-color:#0b8a13;stop-opacity:1"
offset="0.36580795"
id="stop4192" />
<stop
id="stop4190"
offset="0.58342639"
style="stop-color:#f7f01b;stop-opacity:1" />
<stop
style="stop-color:#bb5a03;stop-opacity:1"
offset="0.78402987"
id="stop4188" />
<stop
id="stop4186"
offset="1"
style="stop-color:#ff0000;stop-opacity:1;" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.98994949"
inkscape:cx="273.50193"
inkscape:cy="339.17759"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1680"
inkscape:window-height="985"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata850">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-191.16665)">
<path
inkscape:export-ydpi="24.763855"
inkscape:export-xdpi="24.763855"
inkscape:export-filename="/home/nolwenn/programmation/PSES2018-don/source/images/rainbow-logo.png"
inkscape:connector-curvature="0"
id="path4144"
d="m 37.67285,293.53737 v -3.46262 H 30.193585 22.71432 v -7.20226 -7.20226 h 3.739632 3.739633 v -10.52636 -10.52638 h 3.739632 3.739633 v -3.46262 -3.46262 h 3.739632 3.739633 V 244.22962 240.767 H 41.412482 37.67285 v -17.59012 -17.59013 h -3.739633 -3.739632 v -7.21006 -7.21008 l 3.808885,0.077 3.808885,0.0771 0.07401,6.9945 0.07401,6.9945 h 3.596372 3.596371 v -3.46262 -3.46262 h 3.731355 3.731358 l 0.07753,-3.53188 0.07753,-3.53188 7.548516,-0.0737 7.548518,-0.0737 v 3.74408 3.74409 H 64.127292 60.38766 v 3.46262 3.46262 h -3.739633 -3.739632 v 6.92525 6.92525 h 7.479265 7.479265 v 3.46262 3.46262 h 3.739632 3.739633 v 3.60112 3.60114 h 3.878135 3.878138 v 3.60112 3.60113 h -3.878142 -3.878137 v 3.46262 3.46263 h -3.739633 -3.739632 v 3.46262 3.46262 h 3.739632 3.739633 v 3.45481 3.4548 l 3.808885,0.0771 3.808885,0.0771 0.07753,3.53188 0.07753,3.53188 h -11.36568 -11.36568 v 3.60112 3.60113 h -3.739633 -3.739632 v 3.32412 3.32411 h 11.218897 11.218898 v 3.60114 3.60112 h 3.878137 3.878138 v 3.60114 3.60112 H 60.387654 37.67285 Z m 22.437794,-63.43525 v -3.46262 h -3.601127 -3.601128 v 3.46262 3.46263 h 3.601128 3.601127 z"
style="fill:url(#linearGradient4160);fill-opacity:1;stroke:none;stroke-width:0.27700979" />
</g>
</svg>

BIN
source/images/no-camera.png

After

Width: 400  |  Height: 394  |  Size: 79 KiB

BIN
source/images/no-harassment.png

After

Width: 408  |  Height: 408  |  Size: 18 KiB

BIN
source/images/no-photo.png

After

Width: 358  |  Height: 354  |  Size: 63 KiB

BIN
source/images/paypal.png

After

Width: 148  |  Height: 51  |  Size: 2.7 KiB

25
source/javascripts/site.js

@ -0,0 +1,25 @@
document.addEventListener('DOMContentLoaded', () => {
const modalBackground = document.querySelector("#modal-background")
// const close = modalBackground.querySelector(".close")
modalBackground.addEventListener("click", () => {
const modals = document.querySelectorAll("[data-modal].show")
modals.forEach((m) => {
m.classList.remove("show")
m.classList.add("hide")
})
modalBackground.classList.remove("show")
})
document.querySelectorAll("[data-modal-target]").forEach((e) => {
const target = e.dataset.modalTarget
const modal = document.querySelector(`[data-modal="${target}"]`)
modalBackground.appendChild(modal)
e.addEventListener("click", () => {
modalBackground.classList.add("show")
modal.classList.remove("hide")
modal.classList.add("show")
})
})
})

7
source/layouts/layout.erb

@ -4,8 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Use the title from a page's frontmatter if it has one -->
<title><%= current_page.data.title || "Middleman" %></title>
<title><%= current_page.data.title || "Festival Pas Sage en Seine 2020" %></title>
<%= stylesheet_link_tag "site" %>
<%= javascript_include_tag "site" %>
</head>
@ -19,5 +18,9 @@
</div>
</header>
<%= yield %>
<div id="modal-background">
<span class="close">[X]</span>
</div>
</body>
</html>

5
source/stylesheets/_variables.scss

@ -3,7 +3,10 @@ $text: #1f4147;
$bg: #eeeeee;
// textes
$font-size-base: 3rem;
//$font-size-base: 3rem;
$link-color: $bg;
$link-color-nav: #FF0066;
$link-color-hover-nav: #FF80B2;
$progress: #800000;

136
source/stylesheets/site.css.scss

@ -6,10 +6,6 @@ body {
background-color: $bg;
}
h1 {
margin-bottom: 5rem;
}
header {
padding-top: 1rem;
padding-bottom: 1rem;
@ -82,6 +78,12 @@ nav[role="navigation"] label.menu {
}
}
body > section {
h1 {
margin-bottom: 5rem;
}
}
section div.descriptions {
border-radius: 2rem;
}
@ -90,6 +92,14 @@ section div.descriptions {
section {
min-height: 100vh;
padding-top: 130px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
> div {
flex: 0 1 auto;
}
&:nth-child(even) {
background-color: $text;
@ -99,15 +109,6 @@ section div.descriptions {
}
#festival {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
> div {
flex: 0 1 auto;
}
.logo {
width: 300px;
border-radius: 300px;
@ -130,8 +131,117 @@ section div.descriptions {
a .logo-contact {
text-decoration: none;
}
.logo-contact {
height: 60px;
max-width: 60px;
}
}
#location {
display: flex;
padding: 5rem;
& > div {
flex: 1 1 auto;
}
& > img {
object-fit: contain;
align-self: flex-start;
}
}
/* Modals */
#modal-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
color: $bg;
display: none;
&.show {
display: block;
}
.close {
background-color: #aaa;
padding: 5px;
cursor: pointer;
}
}
a.donate {
img {
height: 51px;
width: 148px;
}
&:focus, &:hover {
border: none;
}
}
progress {
width: 50%;
height: 2em;
margin: .5em 0;
border: 3px solid white;
border-radius: 5px;
background-color: black;
&::-webkit-progress-bar {
border-radius: 5px;
}
&::-webkit-progress-value {
border-radius: 5px;
background-color: $progress;
background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
background-size: 40px 40px;
}
&::-moz-progress-bar {
border-radius: 5px;
background-color: $progress;
background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
background-size: 40px 40px;
}
}
[data-modal-target] {
cursor: pointer;
}
[data-modal] {
position: fixed;
width: 75%;
height: 75%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px solid $bg;
border-radius: 5rem;
padding: 5rem;
background-color: $text;
transition: opacity linear 500ms, visibility 500ms linear;
&.hide {
visibility: hidden;
opacity: 0;
//transition: opacity linear 500ms, visibility 500ms linear;
}
&.show {
visibility: visible;
opacity: 1;
//transition: opacity linear 500ms, visibility 500ms linear;
z-index: 2;
}
}
Loading…
Cancel
Save