diff options
31 files changed, 2351 insertions, 796 deletions
diff --git a/assets/css/home.css b/assets/css/home.css index e5aaf56..f9c94d0 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -1 +1 @@ -html[lang='en'] :lang(fr){display:none !important}html[lang='fr'] :lang(en){display:none !important}:lang(en){quotes:'\201C' '\201D' '\2018' '\2019'}:lang(fr){quotes:'« ' ' »'}h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond', serif}body{background:rgba(173,151,56,0.68);color:#f3f0e4;font-family:Abel, 'Open Sans', sans-serif;scroll-behavior:smooth}body :visited{text-decoration:underline}body>header{background-color:#6d4e80;position:fixed;right:5vw;bottom:-2vh;left:5vw;padding:1rem;z-index:999;font-size:1.2rem;color:rgba(255,255,255,0.85);overflow:auto;transform:rotate(-2.7deg) translateY(4.5vh) skewX(-5deg)}body>header :link,body>header :visited,body>header footer :link,body>header footer :visited{color:#dcc985;text-decoration:none}body>header h1{text-align:center;margin:0;font-family:'Cormorant Garamond', serif;font-size:7vh;transform:rotate(1.5deg) translateX(5vh) translateY(-1vh)}body>header h1 img{display:none;vertical-align:-1.6rem;align:absmiddle;border:0}body>header section{display:none;max-width:42rem;margin:0 auto;padding-bottom:7rem}body>header footer{position:fixed;left:0;right:0;font-size:smaller;background-color:#6d4e80;display:none;margin:5rem auto 2rem auto;width:80vw}body>header footer>p{text-align:center;margin:4rem auto 2rem auto}body>header footer>nav{margin:0 auto -3.5rem auto;padding:0;display:none;text-align:center;transform:translateY(-7rem)}body>header footer>nav h4{display:inline}body>header footer>nav ul{display:inline-block;margin:0;padding:0;list-style:none}body>header footer>nav li{display:inline-block;margin:0 0.75rem;width:4rem;height:3rem;border:1px solid;border-bottom:3px solid;border-color:transparent;border-top-right-radius:0.5rem;text-align:center}body>header footer>nav li a{position:relative;display:block;width:100%;height:100%;line-height:3rem;margin:0;padding:0;background:rgba(0,0,0,0.25);border-top-right-radius:0.5rem}body>header footer>nav li:hover{border-color:#dcc985}body>header footer>nav li:hover a{font-weight:bold;background:rgba(0,0,0,0.5)}body>header footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>header footer:hover>p>span:first-child:before{content:'Copyleft';display:block;color:#f3f0e4;padding-right:0.45rem}body>header footer:hover>p>span:first-child+span{display:inline-block;transform:rotate(180deg);padding-bottom:-0.1rem}body>header footer:hover>nav{display:block}body>header:hover{top:5vh}body>header:hover h1{font-size:2.6rem;transform:rotate(2.7deg) translate(0, 0) skewX(0)}body>header:hover footer{transform:rotate(2.7deg) translateY(-4.5vh) skewX(5deg)}body>header:hover img{display:inline-block}body>header:hover section,body>header:hover footer{display:block;width:80vw;margin:0 auto;padding-bottom:3rem}body>main{background:url(../img/logo-ps.svg) 40% calc(50% - 5vh)/50vw no-repeat fixed;position:fixed;top:0;right:0;bottom:50%;left:0;padding:1rem;min-height:80vh}body>footer{z-index:999;position:fixed;bottom:0;left:0;right:0;display:none;background-color:#6d4e80;display:none;font-size:1rem}body>footer h4{display:inline-block}body>footer>p{text-align:center;margin:4rem auto 2rem auto}body>footer>nav{display:none;max-width:42rem;margin:0 auto -3.5rem auto;padding:0}body>footer>nav ul{display:inline-block;margin:0;padding:0;list-style:none}body>footer>nav li{display:inline-block;margin:0 0.75rem;width:4rem;height:3rem;border:1px solid;border-bottom:3px solid;border-color:transparent;border-top-right-radius:0.5rem;text-align:center}body>footer>nav li a{position:relative;display:block;width:100%;height:100%;line-height:3rem;margin:0;padding:0;background:rgba(0,0,0,0.25);border-top-right-radius:0.5rem}body>footer>nav li:hover{border-color:#dcc985}body>footer>nav li:hover a{font-weight:bold;background:rgba(0,0,0,0.5)}body>footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>footer:hover>p>span:first-child:before{content:'Copyleft';display:block;color:#f3f0e4;padding-right:0.4rem}body>footer:hover>p>span+span{display:inline-block;transform:rotate(180deg);padding-bottom:-0.05rem}body>footer:hover nav{display:block}@media screen and (min-device-width: 1024px){header>footer{position:fixed}body>header::-webkit-scrollbar{background-color:#6d4e80;box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4) inset}body>header::-webkit-scrollbar-button{background-color:black}body>header::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.5)}body>header::-webkit-scrollbar-track-piece{background-color:rgba(255,255,255,0.5)}body>header::-webkit-scrollbar-thumb{background-color:#dcc985;box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4)}body>header::-webkit-scrollbar-corner{background-color:red}body>header:hover{overflow-y:auto}body>header:hover~footer{position:fixed;bottom:0;display:block}body>header:hover~footer>nav{display:block}.media,.libre{display:block;position:absolute;top:0;bottom:5rem;height:100vh}.media:hover{width:70vw;z-index:500}.media h2,.libre h2{display:none}.media{left:0}.media section{float:left;position:relative;height:100%;width:15vw;top:-5vh;left:0;padding-top:5vh;padding-left:1rem;z-index:400;overflow:hidden}.media section h3{font-size:5rem;color:rgba(0,0,0,0.2)}.media section h4,.media section p{display:none}.media section:hover{box-shadow:0px -2px 4px 2px rgba(0,0,0,0.68) inset;transform:rotate(0deg);width:40vw;z-index:500}.media section:hover h3{color:#000}.media section:hover h4,.media section:hover p{display:block;padding:1rem;color:black}.media #gfx{background:rgba(191,138,112,0.7);transform:rotate(-4deg);margin:0 -5vw 0 -2vw;left:0}.media #gfx h3{transform:rotate(4deg) translateX(1vw);font-size:5rem}.media #gfx svg{position:absolute;top:0;left:0;opacity:0.1}.media #gfx:hover{background:rgba(191,138,112,0.9);transform:rotate(0);margin:0}.media #gfx:hover p,.media #gfx:hover h4{display:none}.media #gfx:hover h3{transform:rotate(0) translateX(0) translateY(-4rem)}.media #gfx:hover svg{opacity:0.9}.media #gfx:hover+#txt{margin-left:-3vw}.media #txt{background:rgba(166,191,112,0.7);transform:rotate(6deg);margin:0 -3vw 0 0;color:transparent}.media #txt h3{transform:rotate(-6deg) translateX(-3vw) translateY(-0.1rem)}.media #txt:hover{background:rgba(166,191,112,0.9);transform:rotate(0);margin:0;color:black;padding:1rem}.media #txt:hover h3{transform:rotate(0) translateX(0) translateY(-4.1rem)}.media section h3 a{position:relative;display:block;top:0;left:0;right:0;bottom:0;text-decoration:none;color:inherit}.media #txt:hover p.tagline{position:absolute;top:6rem;font-family:'Cormorant Garamond';font-style:italic;font-size:1.6rem;padding:1rem 2rem}.media #vdo,.media #vda{left:0;background:rgba(112,166,191,0.5);transform:rotate(-5deg);margin:0 0 0 -2vw;width:10vw}.media #vdo p,.media #vdo h4,.media #vda p,.media #vda h4{display:none}.media #vdo video,.media #vda video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%, -50%);z-index:-101;opacity:0.1}.media #vdo:hover video,.media #vda:hover video{opacity:1}.media #vdo:hover,.media #vda:hover{background:rgba(112,166,191,0.9);margin:0;transform:rotate(0);width:40vw}.media #vdo h3,.media #vda h3{transform:rotate(5deg) translateX(-2vw)}.media #vdo:hover h3,.media #vda:hover h3{transform:rotate(0) translateX(0) translateY(-5rem);color:rgba(109,144,162,0.7);font-size:18vw}.media #vdo:hover h3 a,.media #vda:hover h3 a{display:block;height:100%;width:100%}.libre{right:0;width:32vw}.libre>section h3{color:#6d4e80;font-size:7vh;margin:0;padding:0}.libre>section p{color:rgba(0,0,0,0.7);font-size:4.9vh;margin:0}.libre>section h3 a{color:#6d4e80;text-decoration:none}.libre #participation{transform:rotate(-4deg) translateY(6vh)}.libre #engagement{transform:translate(0.5vw, 14vh)}.libre #cooperation{transform:rotate(2deg) translate(0rem, 19.5vh)}}@media screen and (max-device-width: 1023px){body>header>h1{font-size:100rem;margin:5rem auto;width:80%}body>main{background:url(../img/logo-ps.svg) center calc(92% - 50vh)/contain no-repeat fixed}}.sinewave.w0{fill:rgba(240,40,142,0.5)}.sinewave.w1{fill:rgba(140,140,42,0.5)}.sinewave.w2{fill:rgba(240,142,1,0.5)}.sinewave.w3{fill:rgba(0,110,12,0.5)}#lang-switch{border:2px inset rgba(173,151,56,0.68);border-radius:0.25rem;padding:0 0.5rem;background:inherit;position:absolute;top:0.5rem;right:2rem} +span.ps{background:url(../img/logo-ps.svg) top left/3rem no-repeat;opacity:.75;color:transparent;padding:.25rem}body{font-family:Abel,"Open Sans",sans-serif;font-size:1em}body>header :link,body>header :visited,body>footer :link,body>footer :visited{color:#141414}body :visited{text-decoration:underline}html[lang=en] :lang(fr){display:none !important}html[lang=fr] :lang(en){display:none !important}:lang(en){quotes:"“" "”" "‘" "’"}:lang(fr){quotes:"« " " »"}h1,h2,h3,h4,h5,h6{font-family:"Cormorant Garamond",serif}body{background:rgba(173,151,56,.68);color:#f3f0e4;font-family:Abel,"Open Sans",sans-serif;scroll-behavior:smooth}body :visited{text-decoration:underline}body>header{background-color:#6d4e80;position:fixed;right:5vw;bottom:-2vh;left:5vw;padding:1rem;z-index:999;font-size:1.4rem;color:rgba(255,255,255,.85);overflow:auto;transform:rotate(-2.7deg) translateY(4.5vh) skewX(-5deg)}body>header :link,body>header :visited,body>header footer :link,body>header footer :visited{color:#dcc985;text-decoration:none}body>header h1{text-align:center;margin:0;font-family:"Cormorant Garamond",serif;font-size:7vh;transform:rotate(1.5deg) translateX(5vh) translateY(-1vh)}body>header h1 img{display:none;vertical-align:-1.6rem;align:absmiddle;border:0}body>header section{display:none;max-width:42rem;margin:0 auto;padding-bottom:7rem}body>header footer{position:fixed;left:0;right:0;font-size:smaller;background-color:#6d4e80;display:none;margin:5rem auto 2rem auto;width:80vw}body>header footer>p{text-align:center;margin:4rem auto 2rem auto}body>header footer>nav{margin:0 auto -3.5rem auto;padding:0;display:none;text-align:center;transform:translateY(-7rem)}body>header footer>nav h4{display:inline}body>header footer>nav ul{display:inline-block;margin:0;padding:0;list-style:none}body>header footer>nav li{display:inline-block;margin:0 .75rem;width:4rem;height:3rem;border:1px solid;border-bottom:3px solid;border-color:transparent;border-top-right-radius:.5rem;text-align:center}body>header footer>nav li a{position:relative;display:block;width:100%;height:100%;line-height:3rem;margin:0;padding:0;background:rgba(0,0,0,.25);border-top-right-radius:.5rem}body>header footer>nav li:hover{border-color:#dcc985}body>header footer>nav li:hover a{font-weight:bold;background:rgba(0,0,0,.5)}body>header footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>header footer:hover>p>span:first-child:before{content:"Copyleft";display:block;color:#f3f0e4;padding-right:.45rem}body>header footer:hover>p>span:first-child+span{display:inline-block;transform:rotate(180deg);padding-bottom:-.1rem}body>header footer:hover>nav{display:block}body>header:hover{top:5vh}body>header:hover h1{font-size:2.6rem;transform:rotate(2.7deg) translate(0, 0) skewX(0)}body>header:hover footer{transform:rotate(2.7deg) translateY(-4.5vh) skewX(5deg)}body>header:hover img{display:inline-block}body>header:hover section,body>header:hover footer{display:block;width:80vw;margin:0 auto;padding-bottom:3rem}body>main{background:url(../img/logo-ps.svg) 40% calc(50% - 5vh)/50vw no-repeat fixed;position:fixed;top:0;right:0;bottom:50%;left:0;padding:1rem;min-height:80vh}body>footer{z-index:999;position:fixed;bottom:0;left:0;right:0;display:none;background-color:#6d4e80;display:none;font-size:1rem}body>footer h4{display:inline-block}body>footer>p{text-align:center;margin:4rem auto 2rem auto}body>footer>nav{display:none;max-width:42rem;margin:0 auto -3.5rem auto;padding:0}body>footer>nav ul{display:inline-block;margin:0;padding:0;list-style:none}body>footer>nav li{display:inline-block;margin:0 .75rem;width:4rem;height:3rem;border:1px solid;border-bottom:3px solid;border-color:transparent;border-top-right-radius:.5rem;text-align:center}body>footer>nav li a{position:relative;display:block;width:100%;height:100%;line-height:3rem;margin:0;padding:0;background:rgba(0,0,0,.25);border-top-right-radius:.5rem}body>footer>nav li:hover{border-color:#dcc985}body>footer>nav li:hover a{font-weight:bold;background:rgba(0,0,0,.5)}body>footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>footer:hover>p>span:first-child:before{content:"Copyleft";display:block;color:#f3f0e4;padding-right:.4rem}body>footer:hover>p>span+span{display:inline-block;transform:rotate(180deg);padding-bottom:-.05rem}body>footer:hover nav{display:block}@media screen and (min-device-width: 1024px){header>footer{position:fixed}body>header::-webkit-scrollbar{background-color:#6d4e80;box-shadow:1px 2px 2px 1px rgba(0,0,0,.4) inset}body>header::-webkit-scrollbar-button{background-color:black}body>header::-webkit-scrollbar-track{background-color:rgba(0,0,0,.5)}body>header::-webkit-scrollbar-track-piece{background-color:rgba(255,255,255,.5)}body>header::-webkit-scrollbar-thumb{background-color:#dcc985;box-shadow:1px 2px 2px 1px rgba(0,0,0,.4)}body>header::-webkit-scrollbar-corner{background-color:red}body>header:hover{overflow-y:auto}body>header:hover ~ footer{position:fixed;bottom:0;display:block}body>header:hover ~ footer>nav{display:block}.media,.libre{display:block;position:absolute;top:0;bottom:5rem;height:100vh}.media:hover{width:70vw;z-index:500}.media h2,.libre h2{display:none}.media{left:0}.media section{float:left;position:relative;height:100%;width:15vw;top:-5vh;left:0;padding-top:5vh;padding-left:1rem;z-index:400;overflow:hidden}.media section h3{font-size:5rem;color:rgba(0,0,0,.2)}.media section h4,.media section p,.media section figure{display:none}.media section:hover{box-shadow:0px -2px 4px 2px rgba(0,0,0,.68) inset;transform:rotate(0deg);width:40vw;z-index:500}.media section:hover h3{color:#000}.media section:hover h4,.media section:hover p,.media section:hover figure{display:block;padding:1rem;color:black}.media #gfx{background:rgba(191,138,112,.7);transform:rotate(-4deg);margin:0 -3vw 0 -2vw;left:0}.media #gfx h3{transform:rotate(4deg) translateX(3vw);font-size:5rem}.media #gfx svg{position:absolute;top:0;left:0;opacity:.9}.media #gfx:hover{background:rgba(191,138,112,.9);transform:rotate(0);margin:1vw 0 0 0;color:black;padding:1rem}.media #gfx:hover h3{transform:rotate(0) translateX(0) translateY(-4rem)}.media #gfx:hover figure{display:inline-block;width:197px;padding:0;margin:1rem}.media #gfx:hover svg{opacity:.3;width:calc(100% + 4rem)}.media #gfx:hover+#txt{margin-left:-3vw}.media #txt{background:rgba(166,191,112,.7);transform:rotate(6deg) translateX(-1.5vw);margin:1vw -3vw 0 0;color:transparent}.media #txt h3{transform:rotate(-6deg) translateX(1.5vw) translateY(-1.2rem);margin-left:-1vw}.media #txt:hover{background:rgba(166,191,112,.9);transform:rotate(0);margin:1vw 0 0 0;color:black;padding:1rem}.media #txt:hover h3{transform:rotate(0) translateX(0) translateY(-4rem);margin-left:0}.media section h3 a{position:relative;display:block;top:0;left:0;right:0;bottom:0;text-decoration:none;color:inherit}.media #gfx:hover p.tagline,.media #txt:hover p.tagline{position:absolute;top:6rem;font-family:"Cormorant Garamond";font-style:italic;font-size:1.6rem;padding:1rem 2rem}.media #vdo,.media #vda{left:0;background:rgba(112,166,191,.5);transform:rotate(-2.5deg) translateX(1vw);margin:0 0 0 -3vw;width:12.5vw}.media #vdo h3,.media #vda h3{padding-left:1.5vw;transform:rotate(2.5deg) translateX(-1vw);font-size:5rem}.media #vdo p,.media #vdo h4,.media #vda p,.media #vda h4{display:none}.media #vdo video,.media #vda video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%, -50%);z-index:-101;opacity:.2}.media #vdo:hover,.media #vda:hover{background:rgba(112,166,191,.9);margin:0;transform:rotate(0);width:40vw}.media #vdo:hover h3,.media #vda:hover h3{transform:rotate(0) translateX(0) translateY(-4rem);color:rgba(109,144,162,.7);font-size:18vw}.media #vdo:hover h3 a,.media #vda:hover h3 a{display:block;height:100%;width:100%}.media #vdo:hover video,.media #vda:hover video{opacity:1}.libre{right:0;width:32vw}.libre>section h3{color:#6d4e80;font-size:7vh;margin:0;padding:0}.libre>section p{color:rgba(0,0,0,.7);font-size:4.9vh;margin:0}.libre>section h3 a{color:#6d4e80;text-decoration:none}.libre #participation,.libre #share{transform:rotate(-4deg) translateY(6vh)}.libre #engagement,.libre #engage{transform:translate(0.5vw, 14vh)}.libre #cooperation,.libre #care{transform:rotate(2deg) translate(0rem, 19.5vh)}footer{position:fixed;left:0;right:0;font-size:smaller;background-color:#6d4e80;display:none;margin:5rem auto 2rem auto;width:80vw}}@media screen and (max-device-width: 1023px){body>header>h1{font-size:100rem;margin:5rem auto;width:80%}body>main{background:url(../img/logo-ps.svg) center calc(92% - 50vh)/contain no-repeat fixed}body>footer{position:relative;left:0;right:0;font-size:smaller;background-color:#6d4e80;display:none;margin:1rem auto;width:80vw;font-size:smaller}}.sinewave{z-index:0}.sinewave.w0{fill:rgba(240,40,142,.5)}.sinewave.w1{fill:rgba(140,140,42,.5)}.sinewave.w2{fill:rgba(240,142,1,.5)}.sinewave.w3{fill:rgba(0,110,12,.5)}#lang-switch{border:2px inset rgba(173,151,56,.68);border-radius:.25rem;padding:0 .5rem;background:inherit;position:absolute;top:.5rem;right:2rem} diff --git a/assets/css/screen.css b/assets/css/screen.css index 3b58ce2..bb5ebdc 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -1 +1 @@ -@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:local("Cormorant Garamond SemiBold"),local("CormorantGaramond-SemiBold"),url(/assets/fonts/cormorant-garamond-semibold.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:100;font-display:swap;src:local("Cormorant Garamond LightItalic"),local("CormorantGaramond-LightItalic"),url(/assets/fonts/cormorant-garamond-lightitalic.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:100;font-display:swap;src:local("Cormorant Garamond Light"),local("CormorantGaramond-Light"),url(/assets/fonts/cormorant-garamond-light.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Abel";src:local("Abel Regular"),local("Abel-Regular"),url(/assets/fonts/abel.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width: 400px){.container{width:85%;padding:0}}@media (min-width: 550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:'Open Sans', open-sans, Lato, 'Fira Sans', Helvetica, Arial, sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width: 550px){h1{font-size:5.0rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3.0rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;height:3.8rem;padding:0 2rem;color:#555;text-align:center;font-size:1.1rem;font-weight:600;line-height:3.8rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0.4rem;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type="checkbox"],input[type="radio"]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}ul{list-style:circle outside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:0.25rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}a{text-decoration:none}a:link{color:#177b5d}a:hover{color:#000;text-decoration:underline}a:active{color:#fff}a:visited{color:rgba(23,123,93,0.8)}img{max-width:100%}@keyframes fade-in{from{opacity:0.2}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0.2}}h1,h2,h3,h4,h5,h6{font-family:"Cormorant Garamond",serif;font-weight:600}h1 a,h1 a:hover,h1 a:focus,h1 a:link,h1 a:visited,h2 a,h2 a:hover,h2 a:focus,h2 a:link,h2 a:visited,h3 a,h3 a:hover,h3 a:focus,h3 a:link,h3 a:visited,h4 a,h4 a:hover,h4 a:focus,h4 a:link,h4 a:visited,h5 a,h5 a:hover,h5 a:focus,h5 a:link,h5 a:visited,h6 a,h6 a:hover,h6 a:focus,h6 a:link,h6 a:visited{text-decoration:none;color:inherit}h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active{text-decoration:underline;color:#f0f0f2}body.ps>header{position:fixed;z-index:999;top:0;left:0;right:0;background:#7c7692;padding:0 2rem;color:#f0f0f2}body.ps>header h1{margin:0 auto}body.ps>header h1:before{background:url(../assets/img/logo-ps.svg) center left/5rem no-repeat;display:block;width:5rem;height:5rem}body.ps>header h2{font-weight:100;margin-top:-2.6rem;font-size:3.7rem;transform:rotate(180deg)}body.ps>header p{font-family:"Cormorant Garamond",serif;font-size:2rem;font-style:italic;margin:-3.8rem 0 0 0;padding:0 0 0.4rem 0.3rem}body.ps>header p span{color:black}body.ps.home>header{background-color:#6d4e80;top:unset;right:5vw;bottom:-2vh;left:5vw;padding:1rem;font-size:1.2rem;color:rgba(255,255,255,0.85);overflow:auto;transform:rotate(-2.7deg) translateY(4.5vh) skewX(-5deg)}body.ps.home>header h1{font-size:7vh;text-align:center;transform:rotate(1.5deg) translateX(5vh) translateY(-1vh)}body.ps.home>header h1 img{display:none;vertical-align:-1.6rem}body.ps.home>header section{display:none;max-width:42rem;margin:0 auto;padding-bottom:7rem}body.ps.home>header footer{background-color:#6d4e80;display:none;font-size:1rem;z-index:999;position:fixed;bottom:0;left:0;right:0;display:none}body.ps.home>header footer>h4{display:inline-block}body.ps.home>header footer>nav{display:none}body.ps.home>header footer>p{display:none;max-width:42rem;margin:0 auto;padding-bottom:7rem}body.ps.home>header:hover{top:5vh}body.ps.home>header:hover h1{font-size:2.6rem;transform:rotate(2.7deg) translate(0, 0) skewX(0)}body.ps.home>header:hover img{display:inline-block}body.ps.home>header:hover section,body.ps.home>header:hover footer{display:block;width:80vw;margin:0 auto;padding-bottom:3rem}body>main{position:relative;top:0rem;right:0;left:0;font-size:1.6rem;margin:0 auto;max-width:96rem}body>main>article{background-color:#f0f0f2;margin:0 auto;max-width:60rem;min-height:calc(100vh - 24rem);height:auto;padding:12rem 9rem}article>header p{font-size:2rem;line-height:1.25;font-family:"Cormorant Garamond",serif;text-variant:italic;padding:0rem 4rem;text-align:justify}article>header p:last-child{padding-bottom:2rem}article section:after{display:table;content:"";clear:both;margin-bottom:2rem}article aside ul{display:table;position:relative;list-style:none;margin:0 -8rem 1rem -8rem;width:calc(100% + 16rem)}article aside ul li{display:table-cell;text-align:center}article aside ul img{display:block;background-color:black;width:16rem;height:9rem;margin:1rem auto}article .intro{background-color:rgba(255,255,255,0.1);box-shadow:1px 2px 3px rgba(0,0,0,0.5);height:auto;max-height:2rem;margin:2rem;padding:2rem;overflow:hidden;text-overflow:ellipsis}article .intro p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article .intro:hover{max-height:100vh}article .intro:hover p{white-space:normal;overflow:auto}article .outro p{font-size:2rem;text-align:justify}article video,article iframe{max-width:100%}article .video{margin:0 -6rem 0 -4rem}article .video video{width:30rem;height:18.875rem;background:black;float:left;margin:0 2rem 0 -4rem}article .video p{line-height:1.25}article .video:hover video,article .video:hover iframe{width:68rem;height:38.25rem;float:none;margin:auto}section h2+h3{font-size:2.5rem;font-style:italic;margin-top:-2rem}article #intro h2{transform:rotate(270deg) translate(13.6rem, -34rem)}span.note{font-size:smaller;padding-left:1rem;display:none}:hover+span.note{display:inline}#lang-switch{background-color:rgba(240,240,242,0.3)}body>aside{position:fixed;top:calc(50% - 150px);height:300px;background:black url(../img/aside-off.png) center right no-repeat;left:-20rem;width:20rem;padding:1rem}body>aside:hover,body>aside:focus{left:0;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);width:auto;border-right:2rem solid black;padding:0}body>aside:hover nav,body>aside:focus nav{display:block;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;height:100%}body>aside:hover nav h3 a:link,body>aside:hover nav h3 a:hover,body>aside:hover nav h3 a:active,body>aside:hover nav h3 a:visited,body>aside:focus nav h3 a:link,body>aside:focus nav h3 a:hover,body>aside:focus nav h3 a:active,body>aside:focus nav h3 a:visited{color:transparent}body>aside:hover ul li:hover a:hover,body>aside:focus ul li:hover a:hover{text-decoration:none}body>aside:hover ul li:hover span,body>aside:focus ul li:hover span{display:block}body>aside:hover ul li:hover:first-child,body>aside:focus ul li:hover:first-child{transform:scale(1.4) rotate(4deg) translateX(-0.75vw)}body>aside:hover ul li:hover:first-child a,body>aside:focus ul li:hover:first-child a{transform:rotate(-4deg)}body>aside:hover ul li:hover:nth-child(2),body>aside:focus ul li:hover:nth-child(2){transform:scale(1.4) rotate(-6deg) translateX(-0.5vw)}body>aside:hover ul li:hover:nth-child(2) a,body>aside:focus ul li:hover:nth-child(2) a{transform:rotate(6deg)}body>aside:hover ul li:hover:last-child,body>aside:focus ul li:hover:last-child{transform:scale(1.4) rotate(5deg) translateX(-0.5vw)}body>aside:hover ul li:hover:last-child a,body>aside:focus ul li:hover:last-child a{transform:rotate(-5deg)}body>aside nav{position:relative;margin-left:3rem;display:none;line-height:30rem}body>aside nav h3{display:inline-block;background:url(../img/logo-ps.svg) 3rem center/10rem fixed no-repeat;width:10rem;height:100%;vertical-align:top;color:transparent}body>aside nav h3 a{display:block;height:100%;width:100%;line-height:30rem;color:transparent}body>aside nav h3 a:hover{color:transparent}body>aside nav ul{list-style:none;display:inline-block;height:100%}body>aside nav ul li{display:block;padding:0 2rem;font-size:3rem;float:left;padding-left:1rem;z-index:400;overflow:hidden;width:10rem;height:100%}body>aside nav ul li a{color:black;text-decoration:none;display:block;height:100%;width:100%;z-index:404}body>aside nav ul li a:link,body>aside nav ul li a:visited{color:inherit}body>aside nav ul li a:hover{font-size:200%;color:inherit;z-index:404}body>aside nav ul li span{display:none;z-index:400;position:relative;font-size:1.25rem;line-height:1.6rem;text-align:center;margin:-3rem -2rem 0 -1rem}body>aside nav ul li:first-child{background:rgba(191,138,112,0.7)}body>aside nav ul li:nth-child(2){background:rgba(166,191,112,0.9)}body>aside nav ul li:last-child{background:rgba(109,144,162,0.7)}body>footer{position:relative;left:0;right:0;font-size:smaller;margin:5rem auto 2rem auto;width:80vw;max-width:60rem;font-size:1.15rem}body>footer h4{margin:0;font-size:1.6rem}body>footer h4 a{text-decoration:none}body>footer a{white-space:nowrap}body>footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>footer:hover>p>span:first-child:before{content:'Copyleft';display:block;color:black;padding-right:0.4rem}body>footer:hover>p>span+span{display:inline-block;transform:rotate(180deg);padding-bottom:-0.07rem}body>footer:hover>p>span:first-child+span{display:inline-block;transform:rotate(180deg) translateY(0.1rem)}footer>nav ul{display:inline-block;margin:0;padding:0;list-style:none}footer>nav li{display:inline-block;margin:0 0.75rem;width:4rem;height:3rem;border:1px solid;border-bottom:3px solid;border-color:transparent;border-top-right-radius:0.5rem;text-align:center}footer>nav li a{position:relative;display:block;width:100%;height:100%;line-height:3rem;margin:0;padding:0;background:rgba(0,0,0,0.25);border-top-right-radius:0.5rem}footer>nav li:hover{border-color:#dcc985}footer>nav li:hover a{font-weight:bold;background:rgba(0,0,0,0.5)}body.gfx{background-color:#cda896}body.gfx>aside:hover,body.gfx>aside:focus{background-color:#cda896}body.gfx>aside:hover nav ul li:first-child,body.gfx>aside:focus nav ul li:first-child{background:#cda896}body.gfx #krto img{float:left;padding-right:2rem;margin-left:-6rem}body.gfx #cw{clear:both;position:relative;z-index:0}body.gfx #cw a{z-index:200}body.gfx #cw #gfx{position:absolute;margin-top:-1.5rem;z-index:-1;opacity:1;height:22.5rem;width:72rem;animation:fade-in 1s linear}body.gfx #cw #gfx svg{position:relative;margin-left:-7rem;height:100%}body.gfx #cw:hover #gfx{opacity:0.2;animation:fade-out 1s linear}body.gfx .sinewave.w0{fill:rgba(240,40,142,0.5)}body.gfx .sinewave.w1{fill:rgba(140,140,42,0.5)}body.gfx .sinewave.w2{fill:rgba(240,142,1,0.5)}body.gfx .sinewave.w3{fill:rgba(0,110,12,0.5)}body.txt{background-color:#bbcd96}body.txt>aside:hover,body.txt>aside:focus{background-color:#bbcd96}body.txt>aside:hover nav ul li:nth-child(2),body.txt>aside:focus nav ul li:nth-child(2){background:#bbcd96}body.txt>header h1{min-height:10rem}body.txt>header h2{position:absolute;font-size:4.8rem;transform-origin:top left;width:90rem;left:50%;transform:rotate(90deg) translate(0, -4.5rem);text-align:left;margin-left:39rem;margin-top:auto}body.txt article aside ul img{height:22.55rem}body.vda{background:#6d90a2}body.vda>aside:hover,body.vda>aside:focus{background-color:#6d90a2}body.vda>aside:hover nav ul li:last-child,body.vda>aside:focus nav ul li:last-child{background:#6d90a2}body.vda #HeLa p>span{display:block;background-color:teal;color:white;font-weight:bold;margin-top:2rem;padding:1rem;border-top-left-radius:2rem}body.vda #HeLa button{border:1rem solid #ff667f;height:auto;background-color:teal;color:white;width:100%;border-radius:0;border-bottom-right-radius:3rem;font-size:larger}body.vda #HeLa button:hover,body.vda #HeLa button:focus{border-color:teal;background-color:#ff667f}body.vdo{background:#6d90a2}body.vdo>aside:hover,body.vdo>aside:focus{background-color:#6d90a2}body.vdo>aside:hover nav ul li:last-child,body.vdo>aside:focus nav ul li:last-child{background:#6d90a2}html[lang='en'] :lang(fr){display:none !important}html[lang='fr'] :lang(en){display:none !important}:lang(en){quotes:'\201C' '\201D' '\2018' '\2019'}:lang(fr){quotes:'« ' ' »'}span.ps{background:url(../img/logo-ps.svg) top left/3rem no-repeat;opacity:0.75;color:transparent;padding:0.25rem}body{font-family:Abel,"Open Sans",sans-serif;font-size:1em}body>header :link,body>header :visited,body>footer :link,body>footer :visited{color:#141414}body :visited{text-decoration:underline} +@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:local("Cormorant Garamond SemiBold"),local("CormorantGaramond-SemiBold"),url(/assets/fonts/cormorant-garamond-semibold.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:100;font-display:swap;src:local("Cormorant Garamond LightItalic"),local("CormorantGaramond-LightItalic"),url(/assets/fonts/cormorant-garamond-lightitalic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:100;font-display:swap;src:local("Cormorant Garamond Light"),local("CormorantGaramond-Light"),url(/assets/fonts/cormorant-garamond-light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Abel";src:local("Abel Regular"),local("Abel-Regular"),url(/assets/fonts/abel.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width: 400px){.container{width:85%;padding:0}}@media (min-width: 550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66667%}.two.columns{width:13.33333%}.three.columns{width:22%}.four.columns{width:30.66667%}.five.columns{width:39.33333%}.six.columns{width:48%}.seven.columns{width:56.66667%}.eight.columns{width:65.33333%}.nine.columns{width:74%}.ten.columns{width:82.66667%}.eleven.columns{width:91.33333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.66667%}.two-thirds.column{width:65.33333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.33333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.66667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.33333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.66667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.33333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.66667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.33333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.66667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.33333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:"Open Sans",open-sans,Lato,"Fira Sans",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width: 550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:3.8rem;padding:0 2rem;color:#555;text-align:center;font-size:1.1rem;font-weight:600;line-height:3.8rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:.4rem;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.button:focus,button:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:hover,button.button-primary:hover,input[type=submit].button-primary:hover,input[type=reset].button-primary:hover,input[type=button].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type=submit].button-primary:focus,input[type=reset].button-primary:focus,input[type=button].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}ul{list-style:circle outside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:.25rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}@media (min-width: 400px){}@media (min-width: 550px){}@media (min-width: 750px){}@media (min-width: 1000px){}@media (min-width: 1200px){}a{text-decoration:none}a:link{color:#177b5d}a:hover{color:black;text-decoration:underline}a:active{color:white}a:visited{color:rgba(23,123,93,.8)}img{max-width:100%}@keyframes fade-in{from{opacity:.2}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:.2}}h1,h2,h3,h4,h5,h6{font-family:"Cormorant Garamond",serif;font-weight:600}h1 a,h1 a:hover,h1 a:focus,h1 a:link,h1 a:visited,h2 a,h2 a:hover,h2 a:focus,h2 a:link,h2 a:visited,h3 a,h3 a:hover,h3 a:focus,h3 a:link,h3 a:visited,h4 a,h4 a:hover,h4 a:focus,h4 a:link,h4 a:visited,h5 a,h5 a:hover,h5 a:focus,h5 a:link,h5 a:visited,h6 a,h6 a:hover,h6 a:focus,h6 a:link,h6 a:visited{text-decoration:none;color:inherit}h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active{text-decoration:underline;color:#f0f0f2}body.ps>header{position:fixed;z-index:999;top:0;left:0;right:0;background:#7c7692;padding:0 2rem;color:#f0f0f2}body.ps>header h1{margin:0 auto}body.ps>header h1:before{background:url(../assets/img/logo-ps.svg) center left/5rem no-repeat;display:block;width:5rem;height:5rem}body.ps>header h2{font-weight:100;margin-top:-2.6rem;font-size:3.7rem;transform:rotate(180deg)}body.ps>header p{font-family:"Cormorant Garamond",serif;font-size:2rem;font-style:italic;margin:-3.8rem 0 0 0;padding:0 0 .4rem .3rem}body.ps>header p span{color:black}body.ps.home>header{background-color:#6d4e80;top:unset;right:5vw;bottom:-2vh;left:5vw;padding:1rem;font-size:1.2rem;color:rgba(255,255,255,.85);overflow:auto;transform:rotate(-2.7deg) translateY(4.5vh) skewX(-5deg)}body.ps.home>header h1{font-size:7vh;text-align:center;transform:rotate(1.5deg) translateX(5vh) translateY(-1vh)}body.ps.home>header h1 img{display:none;vertical-align:-1.6rem}body.ps.home>header section{display:none;max-width:42rem;margin:0 auto;padding-bottom:7rem}body.ps.home>header footer{background-color:#6d4e80;display:none;font-size:1rem;z-index:999;position:fixed;bottom:0;left:0;right:0;display:none}body.ps.home>header footer>h4{display:inline-block}body.ps.home>header footer>nav{display:none}body.ps.home>header footer>p{display:none;max-width:42rem;margin:0 auto;padding-bottom:7rem}body.ps.home>header:hover{top:5vh}body.ps.home>header:hover h1{font-size:2.6rem;transform:rotate(2.7deg) translate(0, 0) skewX(0)}body.ps.home>header:hover img{display:inline-block}body.ps.home>header:hover section,body.ps.home>header:hover footer{display:block;width:80vw;margin:0 auto;padding-bottom:3rem}body>main{position:relative;top:0rem;right:0;left:0;font-size:1.6rem;margin:0 auto;max-width:96rem}body>main>article{background-color:#f0f0f2;margin:0 auto;max-width:60rem;min-height:calc(100vh - 24rem);height:auto;padding:12rem 9rem}article>header p{font-size:2rem;line-height:1.25;font-family:"Cormorant Garamond",serif;text-variant:italic;padding:0rem 4rem;text-align:justify}article>header p:last-child{padding-bottom:2rem}article section:after{display:table;content:"";clear:both;margin-bottom:2rem}article aside ul{display:table;position:relative;list-style:none;margin:0 -8rem 1rem -8rem;width:calc(100% + 16rem)}article aside ul li{display:table-cell;text-align:center}article aside ul img{display:block;background-color:black;width:16rem;height:9rem;margin:1rem auto}article .intro{background-color:rgba(255,255,255,.1);box-shadow:1px 2px 3px rgba(0,0,0,.5);height:auto;max-height:2rem;margin:2rem;padding:2rem;overflow:hidden;text-overflow:ellipsis}article .intro p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}article .intro:hover{max-height:100vh}article .intro:hover p{white-space:normal;overflow:auto}article .outro p{font-size:2rem;text-align:justify}article video,article iframe{max-width:100%}article .video{margin:0 -6rem 0 -4rem}article .video video{width:30rem;height:18.875rem;background:black;float:left;margin:0 2rem 0 -4rem}article .video p{line-height:1.25}article .video:hover video,article .video:hover iframe{width:68rem;height:38.25rem;float:none;margin:auto}section h2+h3{font-size:2.5rem;font-style:italic;margin-top:-2rem}article #intro h2{transform:rotate(270deg) translate(13.6rem, -34rem)}span.note{font-size:smaller;padding-left:1rem;display:none}:hover+span.note{display:inline}#lang-switch{background-color:rgba(240,240,242,.3)}[display=none]{display:none}body>aside{position:fixed;top:calc(50% - 150px);height:300px;background:black url(../img/aside-off.png) center right no-repeat;left:-20rem;width:20rem;padding:1rem}body>aside:hover,body>aside:focus{left:0;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;box-shadow:1px 2px 2px 1px rgba(0,0,0,.4);width:auto;border-right:2rem solid black;padding:0}body>aside:hover nav,body>aside:focus nav{display:block;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;height:100%}body>aside:hover nav h3 a:link,body>aside:hover nav h3 a:hover,body>aside:hover nav h3 a:active,body>aside:hover nav h3 a:visited,body>aside:focus nav h3 a:link,body>aside:focus nav h3 a:hover,body>aside:focus nav h3 a:active,body>aside:focus nav h3 a:visited{color:transparent}body>aside:hover ul li:hover a:hover,body>aside:focus ul li:hover a:hover{text-decoration:none}body>aside:hover ul li:hover span,body>aside:focus ul li:hover span{display:block}body>aside:hover ul li:hover:first-child,body>aside:focus ul li:hover:first-child{transform:scale(1.4) rotate(4deg) translateX(-0.75vw)}body>aside:hover ul li:hover:first-child a,body>aside:focus ul li:hover:first-child a{transform:rotate(-4deg)}body>aside:hover ul li:hover:nth-child(2),body>aside:focus ul li:hover:nth-child(2){transform:scale(1.4) rotate(-6deg) translateX(-0.5vw)}body>aside:hover ul li:hover:nth-child(2) a,body>aside:focus ul li:hover:nth-child(2) a{transform:rotate(6deg)}body>aside:hover ul li:hover:last-child,body>aside:focus ul li:hover:last-child{transform:scale(1.4) rotate(5deg) translateX(-0.5vw)}body>aside:hover ul li:hover:last-child a,body>aside:focus ul li:hover:last-child a{transform:rotate(-5deg)}body>aside nav{position:relative;margin-left:3rem;display:none;line-height:30rem}body>aside nav h3{display:inline-block;background:url(../img/logo-ps.svg) 3rem center/10rem fixed no-repeat;width:10rem;height:100%;vertical-align:top;color:transparent}body>aside nav h3 a{display:block;height:100%;width:100%;line-height:30rem;color:transparent}body>aside nav h3 a:hover{color:transparent}body>aside nav ul{list-style:none;display:inline-block;height:100%}body>aside nav ul li{display:block;padding:0 2rem;font-size:3rem;float:left;padding-left:1rem;z-index:400;overflow:hidden;width:10rem;height:100%}body>aside nav ul li a{color:black;text-decoration:none;display:block;height:100%;width:100%;z-index:404}body>aside nav ul li a:link,body>aside nav ul li a:visited{color:inherit}body>aside nav ul li a:hover{font-size:200%;color:inherit;z-index:404}body>aside nav ul li span{display:none;z-index:400;position:relative;font-size:1.25rem;line-height:1.6rem;text-align:center;margin:-3rem -2rem 0 -1rem}body>aside nav ul li:first-child{background:rgba(191,138,112,.7)}body>aside nav ul li:nth-child(2){background:rgba(166,191,112,.9)}body>aside nav ul li:last-child{background:rgba(109,144,162,.7)}body>footer{position:relative;left:0;right:0;font-size:smaller;margin:5rem auto 2rem auto;width:80vw;max-width:60rem;font-size:1.15rem}body>footer h4{margin:0;font-size:1.6rem}body>footer h4 a{text-decoration:none}body>footer a{white-space:nowrap}body>footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>footer:hover>p>span:first-child:before{content:"Copyleft";display:block;color:black;padding-right:.4rem}body>footer:hover>p>span+span{display:inline-block;transform:rotate(180deg);padding-bottom:-.07rem}body>footer:hover>p>span:first-child+span{display:inline-block;transform:rotate(180deg) translateY(0.1rem)}footer>nav ul{display:inline-block;margin:0;padding:0;list-style:none}footer>nav li{display:inline-block;margin:0 .75rem;width:4rem;height:3rem;border:1px solid;border-bottom:3px solid;border-color:transparent;border-top-right-radius:.5rem;text-align:center}footer>nav li a{position:relative;display:block;width:100%;height:100%;line-height:3rem;margin:0;padding:0;background:rgba(0,0,0,.25);border-top-right-radius:.5rem}footer>nav li:hover{border-color:#dcc985}footer>nav li:hover a{font-weight:bold;background:rgba(0,0,0,.5)}span.ps{background:url(../img/logo-ps.svg) top left/3rem no-repeat;opacity:.75;color:transparent;padding:.25rem}body{font-family:Abel,"Open Sans",sans-serif;font-size:1em}body>header :link,body>header :visited,body>footer :link,body>footer :visited{color:#141414}body :visited{text-decoration:underline}body.gfx{background-color:#cda896}body.gfx>aside:hover,body.gfx>aside:focus{background-color:#cda896}body.gfx>aside:hover nav ul li:first-child,body.gfx>aside:focus nav ul li:first-child{background:#cda896}body.gfx #krto img{float:left;padding-right:2rem;margin-left:-6rem}body.gfx #cw{clear:both;position:relative;z-index:0}body.gfx #cw a{z-index:200}body.gfx #cw #gfx{position:absolute;margin-top:-1.5rem;z-index:-1;opacity:1;height:22.5rem;width:72rem;animation:fade-in 1s linear}body.gfx #cw #gfx svg{position:relative;margin-left:-7rem;height:100%}body.gfx #cw:hover #gfx{opacity:.2;animation:fade-out 1s linear}body.gfx .sinewave.w0{fill:rgba(240,40,142,.5)}body.gfx .sinewave.w1{fill:rgba(140,140,42,.5)}body.gfx .sinewave.w2{fill:rgba(240,142,1,.5)}body.gfx .sinewave.w3{fill:rgba(0,110,12,.5)}body.txt{background-color:#bbcd96}body.txt article>header>nav{margin:0 auto}body.txt article>header>nav ul{list-style:none;margin:1rem auto;padding:0;display:flex;width:100%}body.txt article>header>nav ul li{margin:0 auto;padding:.5rem;flex:1;text-align:center;border:1px solid;width:12rem}body.txt article>header>nav ul li a{display:inline-block;position:relative;width:100%;height:100%}body.txt body.txt article>header>nav a{background-color:#bbcd96}body.txt>aside:hover,body.txt>aside:focus{background-color:#bbcd96}body.txt>aside:hover nav ul li:nth-child(2),body.txt>aside:focus nav ul li:nth-child(2){background:#bbcd96}body.txt>header h1{min-height:10rem}body.txt>header h2{position:absolute;font-size:4.8rem;transform-origin:top left;width:90rem;left:50%;transform:rotate(90deg) translate(0, -4.5rem);text-align:left;margin-left:39rem;margin-top:auto}body.txt article aside ul img{height:22.55rem}body.txt #lang-switch{position:absolute;top:.1rem;right:.1rem;z-index:1000}.phonetic{font-family:"Noto Sans"}h3+p.tagline{font-style:italic;margin-top:-2rem}body.vda{background:#6d90a2}body.vda>aside:hover,body.vda>aside:focus{background-color:#6d90a2}body.vda>aside:hover nav ul li:last-child,body.vda>aside:focus nav ul li:last-child{background:#6d90a2}body.vda #HeLa p>span{display:block;background-color:teal;color:white;font-weight:bold;margin-top:2rem;padding:1rem;border-top-left-radius:2rem}body.vda #HeLa button{border:1rem solid #ff667f;height:auto;background-color:teal;color:white;width:100%;border-radius:0;border-bottom-right-radius:3rem;font-size:larger}body.vda #HeLa button:hover,body.vda #HeLa button:focus{border-color:teal;background-color:#ff667f}body.vdo{background:#6d90a2}body.vdo>aside:hover,body.vdo>aside:focus{background-color:#6d90a2}body.vdo>aside:hover nav ul li:last-child,body.vdo>aside:focus nav ul li:last-child{background:#6d90a2}html[lang=en] :lang(fr){display:none !important}html[lang=fr] :lang(en){display:none !important}:lang(en){quotes:"“" "”" "‘" "’"}:lang(fr){quotes:"« " " »"} diff --git a/assets/css/www.css b/assets/css/www.css index 675d9e9..76ad6b6 100644 --- a/assets/css/www.css +++ b/assets/css/www.css @@ -1,4 +1 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width: 400px){.container{width:85%;padding:0}}@media (min-width: 550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74.0%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78.0%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:'Open Sans', open-sans, Lato, 'Fira Sans', Helvetica, Arial, sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4.0rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3.0rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width: 550px){h1{font-size:5.0rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3.0rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;height:3.8rem;padding:0 2rem;color:#555;text-align:center;font-size:1.1rem;font-weight:600;line-height:3.8rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:0.4rem;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type="checkbox"],input[type="radio"]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}ul{list-style:circle outside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:0.25rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}h1,h2,h3,h4,h5,h6{font-family:"Cormorant Garamond",serif;font-weight:600}body{font-family:"Open Sans",sans-serif;font-size:1em;background-color:#f0f0f2;color:#090807}body>header{position:fixed;z-index:999;background-color:rgba(120,120,125,0.85);width:100%;height:3rem;overflow:hidden;box-shadow:0.1rem 0.2rem 0.3rem #000;transform:rotate(-1.75deg);top:-2.5rem;left:-1rem}body>header h1{transform:rotate(1.75deg);font-weight:bold;font-size:2rem;padding:2.8rem 3rem 2rem 2rem}body>header p.lead,body>header nav{display:none;position:relative;margin:0 auto;padding:2rem;max-width:43rem;text-align:justify;font-size:2rem;color:#fff}body>header nav ul{list-style:none;margin-bottom:1rem;padding:0}body>header nav ul li{font-variant:small-caps;margin:0 auto;padding:0;text-align:center;width:100%;background:rgba(0,0,0,0.1);border:1px solid transparent}body>header nav ul li:hover,body>header nav ul li:focus{background-color:rgba(255,255,255,0.1);border-color:black;border-top-right-radius:1rem}body>header nav ul a{display:block;height:100%;padding:1rem;text-decoration:none}body>header nav ul a:hover{color:white}body>header:focus,body>header:hover{background-color:rgba(90,90,90,0.95);overflow:none;height:auto;transform:rotate(0);top:0;left:0;padding:1rem}body>header:focus h1,body>header:hover h1{display:none}body>header:focus p.lead,body>header:hover p.lead{display:block}body>header:focus nav,body>header:hover nav{display:block}body :target{padding-top:3rem}body>main{margin:0 auto;width:85%;max-width:96rem;padding-top:4rem;background-color:inherit}body>main>article{z-index:20}body>main>article svg{margin:0 auto;padding:0;overflow:hidden;position:fixed;display:block;left:0;height:32rem;top:calc(50% - 15rem)}body>aside{position:fixed;top:calc(50% - 150px);height:300px;background:black url(../img/aside-off.png) center right no-repeat;left:-20rem;width:20rem;padding:1rem}body>aside:hover,body>aside:focus{left:0;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);width:auto;border-right:2rem solid black;padding:0}body>aside:hover nav,body>aside:focus nav{display:block;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;height:100%}body>aside:hover ul li:hover span,body>aside:focus ul li:hover span{display:block}body>aside:hover ul li:hover:first-child,body>aside:focus ul li:hover:first-child{transform:scale(1.4) rotate(4deg) translateX(-0.75vw)}body>aside:hover ul li:hover:first-child a,body>aside:focus ul li:hover:first-child a{transform:rotate(-4deg)}body>aside:hover ul li:hover:nth-child(2),body>aside:focus ul li:hover:nth-child(2){transform:scale(1.4) rotate(-6deg) translateX(-0.5vw)}body>aside:hover ul li:hover:nth-child(2) a,body>aside:focus ul li:hover:nth-child(2) a{transform:rotate(6deg)}body>aside:hover ul li:hover:last-child,body>aside:focus ul li:hover:last-child{transform:scale(1.4) rotate(5deg) translateX(-0.5vw)}body>aside:hover ul li:hover:last-child a,body>aside:focus ul li:hover:last-child a{transform:rotate(-5deg)}body>aside nav{position:relative;margin-left:3rem;display:none;line-height:30rem}body>aside nav h3{display:inline-block;background:url(../img/logo-ps.svg) 3rem center/10rem fixed no-repeat;width:10rem;height:100%;vertical-align:top;color:transparent}body>aside nav h3 a{display:block;height:100%;width:100%;line-height:30rem;color:transparent}body>aside nav h3 a:hover{color:transparent}body>aside nav ul{list-style:none;display:inline-block;height:100%}body>aside nav ul li{display:block;padding:0 2rem;font-size:3rem;float:left;padding-left:1rem;z-index:400;overflow:hidden;width:10rem;height:100%}body>aside nav ul li a{color:black;text-decoration:none;display:block;height:100%;width:100%;z-index:404}body>aside nav ul li a:hover{font-size:200%;color:inherit;z-index:404}body>aside nav ul li span{display:none;z-index:400;position:relative;font-size:1.25rem;line-height:1.6rem;text-align:center;margin:-3rem -2rem 0 -1rem}body>aside nav ul li:first-child{background:rgba(191,138,112,0.7)}body>aside nav ul li:nth-child(2){background:rgba(166,191,112,0.9)}body>aside nav ul li:last-child{background:rgba(109,144,162,0.7)}body>footer{position:relative;bottom:0;border-top:1rem;margin-top:5rem}article{font-size:1.6rem;margin:0 auto}article p{margin:0 3% 2.5rem 3%;max-width:42rem;font-size:105%;text-align:justify}article video{background:white;height:40rem;margin-top:5rem}div.map{position:fixed;top:0;right:0;bottom:0;height:100%;width:auto;min-width:50rem;max-width:50%;z-index:5}div.map:hover{max-width:90%}@-webkit-keyframes navbar, -@keyframes navbar{from{margin-left:-100rem}to{margin-lefT:0}}@media screen and (max-width: 1024px){body>header{width:110%;height:4.5rem}body>header:focus,body>header:hover{width:100%;padding-right:4rem}iframe[src*="openstreetmap."]{width:auto;min-width:2rem;max-width:50%}}.DB{font-family:'Open Sans', sans-serif;font-weight:bold}.DB a{white-space:nowrap}body.article main>article h2+h3{font-size:3.2rem;font-style:italic;font-weight:normal;margin-top:-3rem}blockquote{font-family:"Cormorant Garamond",serif;font-size:2.4rem;font-style:italic}body>header>nav ul{display:inline-flex;font-size:1.8rem;list-style:none;margin:0 auto;width:100%}body>header>nav li{text-align:center;width:11%}body>header>nav li a{color:white}body>header>nav li .current{font-size:125%}body.people figure{display:inline-block}body.people figure img{max-width:20rem}body.people figure p{margin:0;padding:0}.player path{opacity:0.5}body>footer{bottom:0;left:0;right:0;display:block;width:80vw;margin:1rem auto;padding-bottom:3rem}body>footer h4{margin:0;font-size:1.6rem}body>footer h4 a{text-decoration:none}body>footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>footer:hover>p>span:first-child:before{content:'Copyleft';display:block;color:black;padding-right:0.4rem}body>footer:hover>p>span+span{display:inline-block;transform:rotate(180deg);padding-bottom:-0.05rem}@keyframes aside-off{from{width:0;margin-left:0}to{width:92rem;margin-left:-90rem}}@keyframes aside-on{from{width:92rem;margin-left:-90rem}to{width:20rem;margin-left:0}} - -/*# sourceMappingURL=www.css.map */
\ No newline at end of file +html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width: 400px){.container{width:85%;padding:0}}@media (min-width: 550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66667%}.two.columns{width:13.33333%}.three.columns{width:22%}.four.columns{width:30.66667%}.five.columns{width:39.33333%}.six.columns{width:48%}.seven.columns{width:56.66667%}.eight.columns{width:65.33333%}.nine.columns{width:74%}.ten.columns{width:82.66667%}.eleven.columns{width:91.33333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.66667%}.two-thirds.column{width:65.33333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.33333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.66667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.33333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.66667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.33333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.66667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.33333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.66667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.33333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{font-size:1.5em;line-height:1.6;font-weight:400;font-family:"Open Sans",open-sans,Lato,"Fira Sans",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media (min-width: 550px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:3.8rem;padding:0 2rem;color:#555;text-align:center;font-size:1.1rem;font-weight:600;line-height:3.8rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:.4rem;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.button:focus,button:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:hover,button.button-primary:hover,input[type=submit].button-primary:hover,input[type=reset].button-primary:hover,input[type=button].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type=submit].button-primary:focus,input[type=reset].button-primary:focus,input[type=button].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:normal}ul{list-style:circle outside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:.25rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}button,.button{margin-bottom:1rem}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}@media (min-width: 400px){}@media (min-width: 550px){}@media (min-width: 750px){}@media (min-width: 1000px){}@media (min-width: 1200px){}h1,h2,h3,h4,h5,h6{font-family:"Cormorant Garamond",serif;font-weight:600}body{font-family:"Open Sans",sans-serif;font-size:1em;background-color:#f0f0f2;color:#090807}body>header{position:fixed;z-index:999;background-color:rgba(120,120,125,.85);width:100%;height:3rem;overflow:hidden;box-shadow:.1rem .2rem .3rem #000;transform:rotate(-1.75deg);top:-2.5rem;left:-1rem}body>header h1{transform:rotate(1.75deg);font-weight:bold;font-size:2rem;padding:2.8rem 3rem 2rem 2rem}body>header p.lead,body>header nav{display:none;position:relative;margin:0 auto;padding:2rem;max-width:43rem;text-align:justify;font-size:2rem;color:#fff}body>header nav ul{list-style:none;margin-bottom:1rem;padding:0}body>header nav ul li{font-variant:small-caps;margin:0 auto;padding:0;text-align:center;width:100%;background:rgba(0,0,0,.1);border:1px solid transparent}body>header nav ul li:hover,body>header nav ul li:focus{background-color:rgba(255,255,255,.1);border-color:black;border-top-right-radius:1rem}body>header nav ul a{display:block;height:100%;padding:1rem;text-decoration:none}body>header nav ul a:hover{color:white}body>header:focus,body>header:hover{background-color:rgba(90,90,90,.95);overflow:none;height:auto;transform:rotate(0);top:0;left:0;padding:1rem}body>header:focus h1,body>header:hover h1{display:none}body>header:focus p.lead,body>header:hover p.lead{display:block}body>header:focus nav,body>header:hover nav{display:block}body :target{padding-top:3rem}body>main{margin:0 auto;width:85%;max-width:96rem;padding-top:4rem;background-color:inherit}body>main>article{z-index:20}body>main>article svg{margin:0 auto;padding:0;overflow:hidden;position:fixed;display:block;left:0;height:32rem;top:calc(50% - 15rem)}body>aside{position:fixed;top:calc(50% - 150px);height:300px;background:black url(../img/aside-off.png) center right no-repeat;left:-20rem;width:20rem;padding:1rem}body>aside:hover,body>aside:focus{left:0;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;box-shadow:1px 2px 2px 1px rgba(0,0,0,.4);width:auto;border-right:2rem solid black;padding:0}body>aside:hover nav,body>aside:focus nav{display:block;background:#f0f0f2 url(../img/aside-on.png) center left no-repeat;height:100%}body>aside:hover ul li:hover span,body>aside:focus ul li:hover span{display:block}body>aside:hover ul li:hover:first-child,body>aside:focus ul li:hover:first-child{transform:scale(1.4) rotate(4deg) translateX(-0.75vw)}body>aside:hover ul li:hover:first-child a,body>aside:focus ul li:hover:first-child a{transform:rotate(-4deg)}body>aside:hover ul li:hover:nth-child(2),body>aside:focus ul li:hover:nth-child(2){transform:scale(1.4) rotate(-6deg) translateX(-0.5vw)}body>aside:hover ul li:hover:nth-child(2) a,body>aside:focus ul li:hover:nth-child(2) a{transform:rotate(6deg)}body>aside:hover ul li:hover:last-child,body>aside:focus ul li:hover:last-child{transform:scale(1.4) rotate(5deg) translateX(-0.5vw)}body>aside:hover ul li:hover:last-child a,body>aside:focus ul li:hover:last-child a{transform:rotate(-5deg)}body>aside nav{position:relative;margin-left:3rem;display:none;line-height:30rem}body>aside nav h3{display:inline-block;background:url(../img/logo-ps.svg) 3rem center/10rem fixed no-repeat;width:10rem;height:100%;vertical-align:top;color:transparent}body>aside nav h3 a{display:block;height:100%;width:100%;line-height:30rem;color:transparent}body>aside nav h3 a:hover{color:transparent}body>aside nav ul{list-style:none;display:inline-block;height:100%}body>aside nav ul li{display:block;padding:0 2rem;font-size:3rem;float:left;padding-left:1rem;z-index:400;overflow:hidden;width:10rem;height:100%}body>aside nav ul li a{color:black;text-decoration:none;display:block;height:100%;width:100%;z-index:404}body>aside nav ul li a:hover{font-size:200%;color:inherit;z-index:404}body>aside nav ul li span{display:none;z-index:400;position:relative;font-size:1.25rem;line-height:1.6rem;text-align:center;margin:-3rem -2rem 0 -1rem}body>aside nav ul li:first-child{background:rgba(191,138,112,.7)}body>aside nav ul li:nth-child(2){background:rgba(166,191,112,.9)}body>aside nav ul li:last-child{background:rgba(109,144,162,.7)}body>footer{position:relative;bottom:0;border-top:1rem;margin-top:5rem}article{font-size:1.6rem;margin:0 auto}article p{margin:0 3% 2.5rem 3%;max-width:42rem;font-size:105%;text-align:justify}article video{background:white;height:40rem;margin-top:5rem}div.map{position:fixed;top:0;right:0;bottom:0;height:100%;width:auto;min-width:50rem;max-width:50%;z-index:5}div.map:hover{max-width:90%}@-webkit-keyframes navbar,@keyframes navbar{from{margin-left:-100rem}to{margin-lefT:0}}@media screen and (max-width: 1024px){body>header{width:110%;height:4.5rem}body>header:focus,body>header:hover{width:100%;padding-right:4rem}iframe[src*="openstreetmap."]{width:auto;min-width:2rem;max-width:50%}}.DB{font-family:"Open Sans",sans-serif;font-weight:bold}.DB a{white-space:nowrap}body.article main>article h2+h3{font-size:3.2rem;font-style:italic;font-weight:normal;margin-top:-3rem}blockquote{font-family:"Cormorant Garamond",serif;font-size:2.4rem;font-style:italic}body>header>nav ul{display:inline-flex;font-size:1.8rem;list-style:none;margin:0 auto;width:100%}body>header>nav li{text-align:center;width:11%}body>header>nav li a{color:white}body>header>nav li .current{font-size:125%}body.people figure{display:inline-block}body.people figure img{max-width:20rem}body.people figure p{margin:0;padding:0}.player path{opacity:.5}body>footer{bottom:0;left:0;right:0;display:block;width:80vw;margin:1rem auto;padding-bottom:3rem}body>footer h4{margin:0;font-size:1.6rem}body>footer h4 a{text-decoration:none}body>footer:hover>p>span:first-child{display:inline-block;color:transparent;line-height:0}body>footer:hover>p>span:first-child:before{content:"Copyleft";display:block;color:black;padding-right:.4rem}body>footer:hover>p>span+span{display:inline-block;transform:rotate(180deg);padding-bottom:-.05rem}@keyframes aside-off{from{width:0;margin-left:0}to{width:92rem;margin-left:-90rem}}@keyframes aside-on{from{width:92rem;margin-left:-90rem}to{width:20rem;margin-left:0}} diff --git a/assets/img/edri.svg b/assets/img/edri.svg new file mode 100644 index 0000000..23cfd2d --- /dev/null +++ b/assets/img/edri.svg @@ -0,0 +1,155 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + version="1.1" + id="svg242" + width="52mm" + height="37mm" + viewBox="0 0 196.53543 139.84254" + sodipodi:docname="Edri_logo-new.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:dc="http://purl.org/dc/elements/1.1/"> + <title + id="title7579">EDRi Logo</title> + <defs + id="defs246"> + <linearGradient + inkscape:collect="always" + id="linearGradient4767"> + <stop + style="stop-color:#0067b3;stop-opacity:1;" + offset="0" + id="stop4763" /> + <stop + style="stop-color:#00b3eb;stop-opacity:1;" + offset="1" + id="stop4765" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + id="linearGradient1171"> + <stop + style="stop-color:#00b2ea;stop-opacity:1;" + offset="0" + id="stop1167" /> + <stop + style="stop-color:#014a9a;stop-opacity:1;" + offset="1" + id="stop1169" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient1171" + id="linearGradient1173" + x1="403.76038" + y1="271.34482" + x2="653.7099" + y2="271.34482" + gradientUnits="userSpaceOnUse" /> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4767" + id="linearGradient4769" + x1="403.76038" + y1="395.34482" + x2="653.7099" + y2="395.34482" + gradientUnits="userSpaceOnUse" /> + </defs> + <sodipodi:namedview + id="namedview244" + pagecolor="#505050" + bordercolor="#eeeeee" + borderopacity="1" + inkscape:showpageshadow="0" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#505050" + showgrid="false" + inkscape:zoom="1.0688283" + inkscape:cx="330.26821" + inkscape:cy="97.770616" + inkscape:window-width="1676" + inkscape:window-height="976" + inkscape:window-x="0" + inkscape:window-y="35" + inkscape:window-maximized="1" + inkscape:current-layer="g248" + inkscape:document-units="mm" /> + <g + inkscape:groupmode="layer" + inkscape:label="Image" + id="g248" + transform="translate(-123.76034,-139.87454)"> + <g + id="g7525" + transform="matrix(0.23001725,0,0,0.23001725,113.56103,179.12399)"> + <path + style="fill:#2b2523;fill-opacity:1;stroke:none;stroke-width:0.32" + d="m 811.52,61.07148 c -9.36,1.27744 -7.4048,15.3568 1.92,14.19552 9.0816,-1.1312 7.1328,-15.43072 -1.92,-14.19552 M 444.48001,190.2062 v -55.36 h 48 c 3.7248,0 14.0864,1.8592 14.6848,-3.52 0.8352,-7.4944 -9.2736,-5.76 -14.0448,-5.76 h -48.64 v -54.08 h 56.96 c 4.672,0 18.0288,2.28128 16.5664,-5.76 -0.3616,-1.99488 -2.2048,-3.14272 -4.0864,-3.42368 -4.4128,-0.6592 -9.2992,-0.0963 -13.76,-0.0963 h -48.32 c -4.2016,0 -13.9904,-1.8224 -16.7968,1.93408 -1.8784,2.5152 -1.1232,6.96352 -1.1232,9.90592 v 24 64.32 c 0,10.5024 -0.9952,21.5552 0.0544,32 0.7296,7.2608 10.4032,5.12 15.6256,5.12 h 49.92 c 4.7488,0 10.0256,0.6496 14.72,-0.0672 1.8688,-0.288 3.4688,-1.5296 3.7728,-3.4528 1.2544,-7.9744 -11.824,-5.76 -16.5728,-5.76 h -56.96 m 108.8,-127.84672 c -5.8432,1.20704 -3.84,11.14432 -3.84,15.52672 v 49.28 51.84 12.8 c 0,2.0288 -0.304,4.3712 1.0944,6.048 2.688,3.2224 11.0784,1.632 14.9056,1.632 14.224,0 29.5424,1.6128 43.52,-1.28 3.8368,-0.7968 7.7408,-2.0768 11.2,-3.9392 26.5152,-14.2816 23.8624,-50.6176 22.7328,-76.3808 -0.576,-13.12224 -1.296,-27.15584 -8.9824,-38.4 -13.248,-19.38336 -37.3472,-17.28 -57.9104,-17.28 -7.1584,0 -15.7152,-1.29312 -22.72,0.15328 m 133.12,74.08672 h 27.84001 c 2.4064,0 8.25918,-1.0592 10.04478,0.7424 3.7536,3.7824 6.2848,10.6144 8.9248,15.2576 6.1344,10.784 12.192,21.6224 18.4736,32.32 2.1184,3.6096 4.1696,7.2544 6.2624,10.88 1.2224,2.1184 2.6016,4.336 5.2544,4.6816 3.2704,0.4256 6.0576,-2.4384 5.6992,-5.6416 -0.3776,-3.3728 -3.0496,-6.7232 -4.6912,-9.6 -9.2928,-16.2816 -19.152,-32.3744 -27.888,-48.96 8.2464,-1.6 16.576,-4.8192 22.3456,-11.2 13.2192,-14.61632 12.224,-40.5584 -2.5056,-53.70432 -14.4448,-12.89408 -37.91038,-9.01568 -55.67999,-9.01568 -6.2848,0 -14.7648,-1.49472 -20.8,0.25248 -3.4848,1.00864 -3.52,4.06944 -3.52,7.10752 v 18.88 82.56 21.76 c 0,3.0528 0.2496,6.6048 3.84,7.4592 8.0288,1.9136 6.4,-9.2352 6.4,-13.8592 v -49.92 m -126.72,53.76 V 71.4862 h 27.2 c 11.232,0 22.6336,0.20288 32,7.32768 7.5104,5.71264 10.7808,14.37856 12.2912,23.39232 1.5488,9.22432 1.4688,18.512 1.4688,27.84 0,9.4464 0.0672,18.7904 -1.2384,28.16 -1.184,8.4864 -4.0768,17.84 -10.9216,23.4848 -10.048,8.2848 -21.8624,8.5152 -34.24,8.5152 h -26.56 m 126.72,-118.72 H 725.12 c 8.6592,0 17.5584,1.18176 24.32,7.13248 10.4832,9.22944 10.7936,29.94432 1.2672,39.90752 -10.304,10.7776 -27.0784,8.64 -40.62718,8.64 h -17.28001 c -1.3536,0 -5.1456,0.656 -6.0704,-0.512 -0.7072,-0.8896 -0.3296,-2.9024 -0.3296,-3.968 v -10.56 -40.64 M 811.2,105.89708 c -6.0864,1.44992 -3.84,13.41952 -3.84,18.06912 v 57.6 c 0,4.7072 -0.8928,10.4608 0.2176,15.04 0.608,2.4928 2.9888,4.112 5.5424,3.6864 2.1856,-0.368 3.6704,-1.8272 4.0544,-4.0064 0.9216,-5.2416 0.1056,-11.3152 0.1056,-16.64 v -57.6 c 0,-4.53728 2.1856,-18.11776 -6.08,-16.14912 z" + id="path252" + sodipodi:nodetypes="cscccscsccsccsscscssssccsccsccscsccccsccsccccccccccscsccscscccsccsccsccsccsscscccsscccssc" /> + <g + id="g6705" + transform="translate(-280,-200)"> + <path + style="fill:url(#linearGradient1173);fill-opacity:1;stroke:none;stroke-width:18.8976;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000" + d="M 404.02809,402.81509 529.38152,277.46166 584.79795,332.87809 653.70993,263.96611 529.61836,139.87454 403.76038,263.86131 Z" + id="path416" + sodipodi:nodetypes="ccccccc" /> + <path + style="fill:url(#linearGradient4769);fill-opacity:1;stroke:none;stroke-width:18.8976;stroke-linecap:round;stroke-linejoin:round;stop-color:#000000" + d="M 653.44222,263.87454 528.08879,389.22797 472.67236,333.81154 403.76038,402.72352 527.85195,526.81509 653.70993,402.82832 Z" + id="path416-3" + sodipodi:nodetypes="ccccccc" /> + </g> + </g> + </g> + <metadata + id="metadata7577"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:title>EDRi Logo</dc:title> + <dc:date>2023-04-29</dc:date> + <dc:creator> + <cc:Agent> + <dc:title>hellekin</dc:title> + </cc:Agent> + </dc:creator> + <dc:source>Edri_logo-new.png</dc:source> + <dc:subject> + <rdf:Bag> + <rdf:li>EDRi</rdf:li> + </rdf:Bag> + </dc:subject> + <dc:description>Vector version of EDRi logo</dc:description> + <cc:license + rdf:resource="http://artlibre.org/licence/lal" /> + </cc:Work> + <cc:License + rdf:about="http://artlibre.org/licence/lal"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + </cc:License> + </rdf:RDF> + </metadata> +</svg> diff --git a/assets/img/ngi0.svg b/assets/img/ngi0.svg new file mode 100644 index 0000000..ef8cd01 --- /dev/null +++ b/assets/img/ngi0.svg @@ -0,0 +1,66 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<svg + version="1.1" + id="Ebene_1" + x="0px" + y="0px" + width="52mm" + height="37mm" + viewBox="0 0 196.53543 139.84251" + enable-background="new 0 0 198.425 198.425" + xml:space="preserve" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata + id="metadata4142"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs + id="defs4140" /> + + + + + +<g + id="g8131" + transform="translate(199.93872,-0.02494612)"><polygon + points="161.938,135.321 161.938,132.309 161.938,66.116 161.938,63.104 159.308,61.6 101.841,28.504 99.234,27.006 96.629,28.504 39.347,61.6 36.911,63.104 36.911,66.116 36.911,132.309 36.911,135.321 39.346,136.825 96.715,169.921 99.273,171.419 101.853,169.921 159.319,136.825 " + id="polygon4013" + style="fill:#96c00a;fill-opacity:1" + transform="matrix(0.61594253,0,0,0.61594253,-162.91078,8.8370077)" /><polygon + stroke-miterlimit="10" + points="99.212,31.546 157.712,65.379 157.712,133.046 99.212,166.88 40.712,133.046 40.712,65.379 " + id="Outerline" + transform="matrix(0.61594253,0,0,0.61594253,-162.91078,8.8370077)" + style="fill:none;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10" /><g + id="g4281" + transform="matrix(0.61594253,0,0,0.61594253,-162.17839,14.329897)"><path + id="path42" + style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.55784" + d="m 133.45691,60.461638 v 0 c 2.27263,0 4.11462,1.841988 4.11462,4.114628 v 27.330241 c 0,2.27264 -1.84199,4.114628 -4.11462,4.114628 -2.27264,0 -4.11463,-1.841988 -4.11463,-4.114628 V 64.576266 c 0,-2.27264 1.84199,-4.114628 4.11463,-4.114628" /><g + transform="matrix(0.55783976,0,0,-0.55783976,120.13631,77.682765)" + id="g44"><path + id="path46" + style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" + d="M 0,0 H -0.506 C -0.57,0 -0.633,-0.008 -0.698,-0.01 -0.762,-0.008 -0.825,0 -0.89,0 h -7.283 c -3.929,0 -7.359,-2.965 -7.613,-6.885 -0.278,-4.296 3.124,-7.867 7.361,-7.867 0.776,0 1.343,-0.754 1.111,-1.494 -0.658,-2.088 -2.341,-3.751 -4.547,-4.333 -2.074,-0.547 -4.276,-0.821 -6.605,-0.821 -4.007,0 -7.574,0.865 -10.7,2.595 -3.127,1.73 -5.57,4.144 -7.331,7.24 -1.761,3.096 -2.641,6.617 -2.641,10.564 0,4.006 0.88,7.558 2.641,10.654 1.761,3.097 4.219,5.493 7.377,7.195 3.156,1.698 6.768,2.549 10.836,2.549 4.681,0 8.865,-1.269 12.55,-3.807 2.341,-1.612 5.524,-1.588 7.757,0.171 3.48,2.741 3.289,8.045 -0.315,10.452 -1.7,1.136 -3.538,2.112 -5.512,2.928 -4.553,1.881 -9.623,2.823 -15.208,2.823 -6.679,0 -12.69,-1.412 -18.03,-4.235 -5.344,-2.822 -9.517,-6.738 -12.522,-11.747 -3.005,-5.008 -4.508,-10.67 -4.508,-16.983 0,-6.315 1.503,-11.975 4.508,-16.984 3.005,-5.009 7.148,-8.924 12.43,-11.747 5.282,-2.824 11.231,-4.235 17.849,-4.235 4.613,0 9.197,0.699 13.751,2.095 0.045,0.014 0.091,0.028 0.136,0.042 7.104,2.202 11.884,8.86 11.884,16.297 v 9.047 C 6.486,-2.904 3.583,0 0,0" /></g><g + transform="matrix(0.55783976,0,0,-0.55783976,85.80763,64.525332)" + id="g48"><path + id="path50" + style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none" + d="m 0,0 v -49.176 c 0,-4.023 -3.262,-7.285 -7.286,-7.285 h -1.381 c -2.181,0 -4.247,0.977 -5.631,2.662 l -24.229,29.505 c -1.804,2.197 -5.368,0.921 -5.368,-1.922 v -22.96 c 0,-4.023 -3.261,-7.285 -7.285,-7.285 -4.023,0 -7.285,3.262 -7.285,7.285 V 0 c 0,4.024 3.262,7.285 7.285,7.285 h 1.468 c 2.184,0 4.253,-0.979 5.636,-2.669 l 24.135,-29.475 c 1.802,-2.202 5.37,-0.927 5.37,1.918 V 0 c 0,4.024 3.261,7.285 7.285,7.285 C -3.262,7.285 0,4.024 0,0" /></g></g><g + aria-label="Z E R O" + transform="matrix(0.44014907,0,0,0.44014907,-237.90855,110.04356)" + style="font-variant:normal;font-weight:600;font-stretch:normal;font-size:31.76px;font-family:'Montserrat SemiBold';-inkscape-font-specification:Montserrat-SemiBold;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.717172;fill-rule:nonzero;stroke:none" + id="text56"><path + d="m 243.58117,-73.015206 h 19.46231 v 3.613321 l -12.42176,15.02707 h 12.77844 v 4.512774 h -20.17567 v -3.613321 l 12.42176,-15.02707 h -12.06508 z" + id="path2325" /><path + d="m 278.7684,-73.015206 h 16.11262 v 4.512774 h -10.14211 v 4.311172 h 9.5373 v 4.512773 h -9.5373 v 5.303672 h 10.48328 v 4.512774 H 278.7684 Z" + id="path2327" /><path + d="m 320.00367,-62.749034 q 1.87645,0 2.68285,-0.697851 0.82192,-0.697852 0.82192,-2.295157 0,-1.581796 -0.82192,-2.26414 -0.8064,-0.682344 -2.68285,-0.682344 h -2.51226 v 5.939492 z m -2.51226,4.125078 v 8.761915 h -5.97051 v -23.153165 h 9.11859 q 4.57481,0 6.69938,1.535274 2.14008,1.535273 2.14008,4.853945 0,2.295156 -1.11657,3.768399 -1.10105,1.473242 -3.33418,2.171093 1.22512,0.279141 2.18661,1.271641 0.97699,0.976992 1.96949,2.9775 l 3.24113,6.575313 h -6.3582 l -2.82242,-5.753399 q -0.85293,-1.736875 -1.73688,-2.372695 -0.86844,-0.635821 -2.32617,-0.635821 z" + id="path2329" /><path + d="m 357.57911,-69.107237 q -2.72938,0 -4.23364,2.016016 -1.50425,2.016015 -1.50425,5.675859 0,3.644336 1.50425,5.660352 1.50426,2.016015 4.23364,2.016015 2.74488,0 4.24914,-2.016015 1.50426,-2.016016 1.50426,-5.660352 0,-3.659844 -1.50426,-5.675859 -1.50426,-2.016016 -4.24914,-2.016016 z m 0,-4.32668 q 5.58281,0 8.7464,3.19461 3.1636,3.194609 3.1636,8.823945 0,5.613828 -3.1636,8.808438 -3.16359,3.194609 -8.7464,3.194609 -5.56731,0 -8.74641,-3.194609 -3.16359,-3.19461 -3.16359,-8.808438 0,-5.629336 3.16359,-8.823945 3.1791,-3.19461 8.74641,-3.19461 z" + id="path2331" /></g></g></svg> diff --git a/assets/img/rss.svg b/assets/img/rss.svg new file mode 100644 index 0000000..11fd98a --- /dev/null +++ b/assets/img/rss.svg @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="128px" height="128px" id="RSSicon" viewBox="0 0 256 256"> +<defs> +<linearGradient x1="0.085" y1="0.085" x2="0.915" y2="0.915" id="RSSg"> +<stop offset="0.0" stop-color="#E3702D"/><stop offset="0.1071" stop-color="#EA7D31"/> +<stop offset="0.3503" stop-color="#F69537"/><stop offset="0.5" stop-color="#FB9E3A"/> +<stop offset="0.7016" stop-color="#EA7C31"/><stop offset="0.8866" stop-color="#DE642B"/> +<stop offset="1.0" stop-color="#D95B29"/> +</linearGradient> +</defs> +<rect width="256" height="256" rx="55" ry="55" x="0" y="0" fill="#CC5D15"/> +<rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/> +<rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#RSSg)"/> +<circle cx="68" cy="189" r="24" fill="#FFF"/> +<path d="M160 213h-34a82 82 0 0 0 -82 -82v-34a116 116 0 0 1 116 116z" fill="#FFF"/> +<path d="M184 213A140 140 0 0 0 44 73 V 38a175 175 0 0 1 175 175z" fill="#FFF"/> +</svg>
\ No newline at end of file diff --git a/assets/scss/_aside.scss b/assets/scss/_aside.scss index 77ef35f..6ec573f 100644 --- a/assets/scss/_aside.scss +++ b/assets/scss/_aside.scss @@ -9,136 +9,136 @@ body > aside { padding: 1rem; &:hover, &:focus { - left: 0; - background: $bg-main url(../img/aside-on.png) center left no-repeat; - box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); - width: auto; - border-right: 2rem solid black; - padding: 0; - - nav { - display: block; - background: $bg-main url(../img/aside-on.png) center left no-repeat; - height: 100%; + left: 0; + background: $bg-main url(../img/aside-on.png) center left no-repeat; + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.4); + width: auto; + border-right: 2rem solid black; + padding: 0; + + nav { + display: block; + background: $bg-main url(../img/aside-on.png) center left no-repeat; + height: 100%; h3 { - a:link, a:hover, a:active, a:visited { - color: transparent; - } - } - } - - ul li:hover { - a:hover { - text-decoration: none; - } + a:link, a:hover, a:active, a:visited { + color: transparent; + } + } + } + + ul li:hover { + a:hover { + text-decoration: none; + } span { - display: block; - } - &:first-child { - transform: scale(1.4) rotate(4deg) translateX(-0.75vw); - a { - transform: rotate(-4deg); - } - } - &:nth-child(2) { - transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); - a { - transform: rotate(6deg); - } - } - &:last-child { - transform: scale(1.4) rotate(5deg) translateX(-0.5vw); - a { - transform: rotate(-5deg); - } - } - } + display: block; + } + &:first-child { + transform: scale(1.4) rotate(4deg) translateX(-0.75vw); + a { + transform: rotate(-4deg); + } + } + &:nth-child(2) { + transform: scale(1.4) rotate(-6deg) translateX(-0.5vw); + a { + transform: rotate(6deg); + } + } + &:last-child { + transform: scale(1.4) rotate(5deg) translateX(-0.5vw); + a { + transform: rotate(-5deg); + } + } + } } nav { - position: relative; - margin-left: 3rem; - display: none; - line-height: 30rem; - - h3 { - display: inline-block; - background: url(../img/logo-ps.svg) 3rem center / 10rem fixed no-repeat; - width: 10rem; - height: 100%; - vertical-align: top; - color: transparent; - - a { - display: block; - height: 100%; - width: 100%; - line-height: 30rem; - color: transparent; - &:hover { - color: transparent; - } - } - } - - ul { - list-style: none; - display: inline-block; - height: 100%; - - li { - display: block; - padding: 0 2rem; - font-size: 3rem; - float: left; - padding-left: 1rem; - z-index: 400; - overflow: hidden; - width: 10rem; - height: 100%; - - a { - color: black; - text-decoration: none; - display: block; - height: 100%; - width: 100%; - z-index: 404; + position: relative; + margin-left: 3rem; + display: none; + line-height: 30rem; + + h3 { + display: inline-block; + background: url(../img/logo-ps.svg) 3rem center / 10rem fixed no-repeat; + width: 10rem; + height: 100%; + vertical-align: top; + color: transparent; + + a { + display: block; + height: 100%; + width: 100%; + line-height: 30rem; + color: transparent; + &:hover { + color: transparent; + } + } + } + + ul { + list-style: none; + display: inline-block; + height: 100%; + + li { + display: block; + padding: 0 2rem; + font-size: 3rem; + float: left; + padding-left: 1rem; + z-index: 400; + overflow: hidden; + width: 10rem; + height: 100%; + + a { + color: black; + text-decoration: none; + display: block; + height: 100%; + width: 100%; + z-index: 404; &:link, &:visited { - color: inherit; - } - - &:hover { - font-size: 200%; - color: inherit; - z-index: 404; - } - } - - span { - display: none; - z-index: 400; - position: relative; - font-size: 1.25rem; - line-height: 1.6rem; - text-align: center; - margin: -3rem -2rem 0 -1rem; - } - - &:first-child { - background: $bg-gfx; - } - - &:nth-child(2) { - background: $bg-txt; - } - - &:last-child { - background: $bg-vda; - } - } - } + color: inherit; + } + + &:hover { + font-size: 200%; + color: inherit; + z-index: 404; + } + } + + span { + display: none; + z-index: 400; + position: relative; + font-size: 1.25rem; + line-height: 1.6rem; + text-align: center; + margin: -3rem -2rem 0 -1rem; + } + + &:first-child { + background: $bg-gfx; + } + + &:nth-child(2) { + background: $bg-txt; + } + + &:last-child { + background: $bg-vda; + } + } + } } } diff --git a/assets/scss/_branding.scss b/assets/scss/_branding.scss new file mode 100644 index 0000000..2efdc4d --- /dev/null +++ b/assets/scss/_branding.scss @@ -0,0 +1,25 @@ +/** + * Branding + **/ + +span.ps { + background: url(../img/logo-ps.svg) top left / 3rem no-repeat; + opacity: 0.75; + color: transparent; + padding: 0.25rem; +} + +body { + font-family: $sans-serif; + font-size: 1em; /* No rem here, bug workaround */ + + > header, > footer { + :link, :visited { + color: $fg-main; + } + } + + :visited { + text-decoration: underline; + } +} diff --git a/assets/scss/_footer.scss b/assets/scss/_footer.scss index 8d944ff..6119a00 100644 --- a/assets/scss/_footer.scss +++ b/assets/scss/_footer.scss @@ -10,81 +10,81 @@ body > footer { font-size: 1.15rem; h4 { - margin: 0; - font-size: 1.6rem; + margin: 0; + font-size: 1.6rem; - a { - text-decoration:none; - } + a { + text-decoration:none; + } } a { - white-space: nowrap; + white-space: nowrap; } &:hover > p { - > span:first-child { - display: inline-block; - color: transparent; - line-height: 0; - } - > span:first-child:before { - content: 'Copyleft'; - display: block; - color: black; - padding-right: 0.4rem; - } - > span + span { - display: inline-block; - transform: rotate(180deg); - padding-bottom: -0.07rem; - } + > span:first-child { + display: inline-block; + color: transparent; + line-height: 0; + } + > span:first-child:before { + content: 'Copyleft'; + display: block; + color: black; + padding-right: 0.4rem; + } + > span + span { + display: inline-block; + transform: rotate(180deg); + padding-bottom: -0.07rem; + } > span:first-child + span { - display: inline-block; - transform: rotate(180deg) translateY(0.1rem); - } + display: inline-block; + transform: rotate(180deg) translateY(0.1rem); + } } } footer > nav { ul { - display: inline-block; - margin: 0; - padding: 0; - list-style: none; + display: inline-block; + margin: 0; + padding: 0; + list-style: none; } li { - display: inline-block; - margin: 0 0.75rem; - width: 4rem; - height: 3rem; - border: 1px solid; - border-bottom: 3px solid; - border-color: transparent; - border-top-right-radius: 0.5rem; - text-align: center; + display: inline-block; + margin: 0 0.75rem; + width: 4rem; + height: 3rem; + border: 1px solid; + border-bottom: 3px solid; + border-color: transparent; + border-top-right-radius: 0.5rem; + text-align: center; - a { - position: relative; - display: block; - width: 100%; - height: 100%; - line-height: 3rem; - margin: 0; - padding: 0; - background: rgba(0,0,0,0.25); - border-top-right-radius: 0.5rem; - } + a { + position: relative; + display: block; + width: 100%; + height: 100%; + line-height: 3rem; + margin: 0; + padding: 0; + background: rgba(0,0,0,0.25); + border-top-right-radius: 0.5rem; + } - &:hover { - border-color: rgba(220, 201, 133, 1); + &:hover { + border-color: rgba(220, 201, 133, 1); - a { - font-weight: bold; - background: rgba(0,0,0,0.5); - } - } + a { + font-weight: bold; + background: rgba(0,0,0,0.5); + } + } } } diff --git a/assets/scss/_header-nav.scss b/assets/scss/_header-nav.scss new file mode 100644 index 0000000..49e9d86 --- /dev/null +++ b/assets/scss/_header-nav.scss @@ -0,0 +1,31 @@ +article > header > nav { + margin: 0 auto; + + ul { + list-style: none; + margin: 1rem auto; + padding: 0; + display: flex; + width: 100%; + + li { + margin: 0 auto; + padding: 0.5rem; + flex: 1; + text-align: center; + border: 1px solid; + width: 12rem; + + a { + display: inline-block; + position: relative; + width: 100%; + height: 100%; + } + } + } +} + +body.txt article > header > nav a { + background-color: $bg-txt-on; +} diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss index 331bce7..bee374f 100644 --- a/assets/scss/_header.scss +++ b/assets/scss/_header.scss @@ -3,133 +3,133 @@ h1,h2,h3,h4,h5,h6 { font-weight: 600; a, a:hover, a:focus, a:link, a:visited { - text-decoration: none; - color: inherit; + text-decoration: none; + color: inherit; } a:active { - text-decoration: underline; - color: $bg-main; + text-decoration: underline; + color: $bg-main; } } body.ps { > header { - position: fixed; - z-index: 999; - top: 0; - left: 0; - right: 0; - background: $bg-header; - padding: 0 2rem; - color: $fg-header; - - h1 { - margin: 0 auto; - - &:before { - background: url(../assets/img/logo-ps.svg) center left / 5rem no-repeat; - display: block; - width: 5rem; - height: 5rem; - } - } - - h2 { - font-weight: 100; - margin-top: -2.6rem; - font-size: 3.7rem; - transform: rotate(180deg); - } - - p { - font-family: $serif; - font-size: 2rem; - font-style: italic; - margin: -3.8rem 0 0 0; - padding: 0 0 0.4rem 0.3rem; - - span { - color: black; - } - } + position: fixed; + z-index: 999; + top: 0; + left: 0; + right: 0; + background: $bg-header; + padding: 0 2rem; + color: $fg-header; + + h1 { + margin: 0 auto; + + &:before { + background: url(../assets/img/logo-ps.svg) center left / 5rem no-repeat; + display: block; + width: 5rem; + height: 5rem; + } + } + + h2 { + font-weight: 100; + margin-top: -2.6rem; + font-size: 3.7rem; + transform: rotate(180deg); + } + + p { + font-family: $serif; + font-size: 2rem; + font-style: italic; + margin: -3.8rem 0 0 0; + padding: 0 0 0.4rem 0.3rem; + + span { + color: black; + } + } } &.home > header { - background-color: $bg-dark; - top: unset; - right: 5vw; - bottom: -2vh; - left: 5vw; - padding: 1rem; - font-size: 1.2rem; - color: $fg-white-85; - overflow: auto; - transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); - - h1 { - font-size: 7vh; - text-align: center; - transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); - - img { - display: none; - vertical-align: -1.6rem; - } - } - - section { - display: none; - max-width: 42rem; - margin: 0 auto; - padding-bottom: 7rem; - } - - footer { - background-color: rgba(109, 78, 128, 1); - display: none; - font-size: 1rem; - z-index: 999; - position: fixed; - bottom: 0; - left: 0; - right: 0; - display: none; - - > h4 { - display: inline-block; - } - - > nav { - display: none; - } - - > p { - display: none; - max-width: 42rem; - margin: 0 auto; - padding-bottom: 7rem; - } - } - - &:hover { - top: 5vh; - - h1 { - font-size: 2.6rem; - transform: rotate(2.7deg) translate(0, 0) skewX(0); - } - - img { - display: inline-block; - } - - section, footer { - display: block; - width: 80vw; - margin: 0 auto; - padding-bottom: 3rem; - } - } + background-color: $bg-dark; + top: unset; + right: 5vw; + bottom: -2vh; + left: 5vw; + padding: 1rem; + font-size: 1.2rem; + color: $fg-white-85; + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); + + h1 { + font-size: 7vh; + text-align: center; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); + + img { + display: none; + vertical-align: -1.6rem; + } + } + + section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + + footer { + background-color: rgba(109, 78, 128, 1); + display: none; + font-size: 1rem; + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + + > h4 { + display: inline-block; + } + + > nav { + display: none; + } + + > p { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + } + + &:hover { + top: 5vh; + + h1 { + font-size: 2.6rem; + transform: rotate(2.7deg) translate(0, 0) skewX(0); + } + + img { + display: inline-block; + } + + section, footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; + } + } } } diff --git a/assets/scss/_icons.scss b/assets/scss/_icons.scss new file mode 100644 index 0000000..ca44689 --- /dev/null +++ b/assets/scss/_icons.scss @@ -0,0 +1,4 @@ +a[href~=*.rss] { + background: url(../img/rss.svg) left top/1rem no-repeat; + padding-left: 1rem; +} diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index 0327543..335ccca 100644 --- a/assets/scss/_main.scss +++ b/assets/scss/_main.scss @@ -9,141 +9,141 @@ body > main { max-width: 96rem; > article { - /* background: $bg-txt-ps-on; */ + /* background: $bg-txt-ps-on; */ background-color: $bg-main; - margin: 0 auto; - max-width: 60rem; - min-height: calc(100vh - 24rem); - height: auto; - padding: 12rem 9rem; + margin: 0 auto; + max-width: 60rem; + min-height: calc(100vh - 24rem); + height: auto; + padding: 12rem 9rem; } } article { > header { - p { - font-size: 2rem; - line-height: 1.25; - font-family: $serif; - text-variant: italic; - /* padding: 2rem 4rem; */ + p { + font-size: 2rem; + line-height: 1.25; + font-family: $serif; + text-variant: italic; + /* padding: 2rem 4rem; */ padding: 0rem 4rem; - text-align: justify; + text-align: justify; &:last-child { - padding-bottom: 2rem; - } - } + padding-bottom: 2rem; + } + } } section:after { - display: table; - content: ""; - clear: both; - margin-bottom: 2rem; + display: table; + content: ""; + clear: both; + margin-bottom: 2rem; } aside { - ul { - display: table; - position: relative; - list-style: none; - margin: 0 -8rem 1rem -8rem; - width: calc(100% + 16rem); + ul { + display: table; + position: relative; + list-style: none; + margin: 0 -8rem 1rem -8rem; + width: calc(100% + 16rem); - li { - display: table-cell; - text-align: center; - } + li { + display: table-cell; + text-align: center; + } - img { - display: block; + img { + display: block; background-color: black; - width: 16rem; /* 16:9 for video */ - height: 9rem; - margin: 1rem auto; - } - } + width: 16rem; /* 16:9 for video */ + height: 9rem; + margin: 1rem auto; + } + } } .intro { - background-color: rgba(255, 255, 255, 0.1); - box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); - height: auto; - max-height: 2rem; - margin: 2rem; - padding: 2rem; - overflow: hidden; - text-overflow: ellipsis; + background-color: rgba(255, 255, 255, 0.1); + box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5); + height: auto; + max-height: 2rem; + margin: 2rem; + padding: 2rem; + overflow: hidden; + text-overflow: ellipsis; - p { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - - &:hover { - max-height: 100vh; - p { - white-space: normal; - overflow: auto; - } - } + p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + &:hover { + max-height: 100vh; + p { + white-space: normal; + overflow: auto; + } + } } .outro { - p { - font-size: 2rem; - text-align: justify; - } + p { + font-size: 2rem; + text-align: justify; + } } video, iframe { - max-width: 100%; + max-width: 100%; } .video { - margin: 0 -6rem 0 -4rem; + margin: 0 -6rem 0 -4rem; - video { - width: 30rem; + video { + width: 30rem; height: 18.875rem; - background: black; - float: left; - margin: 0 2rem 0 -4rem; - } - p { - line-height: 1.25; - } - &:hover { - video, iframe { - width: 68rem; + background: black; + float: left; + margin: 0 2rem 0 -4rem; + } + p { + line-height: 1.25; + } + &:hover { + video, iframe { + width: 68rem; height: 38.25rem; - float: none; + float: none; margin: auto; - } -/* video { - width: calc(100% + 6rem); - height: auto; - float: none; - } */ - } + } +/* video { + width: calc(100% + 6rem); + height: auto; + float: none; + } */ + } } } section { h2 + h3 { - font-size: 2.5rem; - font-style: italic; - margin-top: -2rem; + font-size: 2.5rem; + font-style: italic; + margin-top: -2rem; } } article { #intro h2 { - transform: rotate(270deg) translate(13.6rem, -34rem); + transform: rotate(270deg) translate(13.6rem, -34rem); } } @@ -161,3 +161,7 @@ span.note { background-color: rgba(240, 240, 242, 0.3); } +/* Hide elements with display attribute set to none: display="none" */ +[display=none] { + display: none; +} diff --git a/assets/scss/_txt.scss b/assets/scss/_txt.scss index 19bf047..d28d3f1 100644 --- a/assets/scss/_txt.scss +++ b/assets/scss/_txt.scss @@ -1,14 +1,16 @@ body.txt { - background-color: $bg-txt-on; + background-color: $bg-txt-on; - > aside { - &:hover, &:focus { - background-color: $bg-txt-on; - nav ul li:nth-child(2) { - background: $bg-txt-on; - } - } - } + @import 'header-nav'; + + > aside { + &:hover, &:focus { + background-color: $bg-txt-on; + nav ul li:nth-child(2) { + background: $bg-txt-on; + } + } + } > header { h1 { min-height: 10rem; @@ -29,4 +31,19 @@ body.txt { height: 22.55rem; /* 1:1.41 for books */ } + #lang-switch { + position: absolute; + top: 0.1rem; + right: 0.1rem; + z-index: 1000; + } +} + +.phonetic { + font-family: "Noto Sans"; +} + +h3 + p.tagline { + font-style: italic; + margin-top: -2rem; } diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index b959d3b..8cb9dc4 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -27,7 +27,6 @@ $bg-vda-ps-on: rgba(112, 166, 191, 0.9); $bg-vdo-ps-off: rgba(112, 166, 191, 0.5); $bg-vdo-ps-on: rgba(112, 166, 191, 0.9); - // On other pages: $bg-main: $fg-header; $fg-main: rgba(20, 20, 20, 1); diff --git a/assets/scss/home.scss b/assets/scss/home.scss index 7009d26..8f31726 100644 --- a/assets/scss/home.scss +++ b/assets/scss/home.scss @@ -1,5 +1,7 @@ @charset 'UTF-8'; +@import 'variables'; +@import 'branding'; html[lang='en'] :lang(fr) { display: none !important; @@ -40,7 +42,7 @@ body > header { left: 5vw; padding: 1rem; z-index: 999; - font-size: 1.2rem; + font-size: 1.4rem; color: rgba(255, 255, 255, 0.85); overflow: auto; transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); @@ -351,14 +353,11 @@ body > footer { overflow-y: auto; } - - body > header:hover ~ footer { position: fixed; bottom: 0; display: block; } - body > header:hover ~ footer > nav { display: block; } @@ -400,7 +399,7 @@ body > footer { color: rgba(0,0,0,0.2); } - h4, p { + h4, p, figure { display: none; } @@ -414,7 +413,7 @@ body > footer { color: rgba(0, 0, 0, 1); } - h4, p { + h4, p, figure { display: block; padding: 1rem; color: black; @@ -426,11 +425,11 @@ body > footer { .media #gfx { background: rgba(191, 138, 112,0.7); transform: rotate(-4deg); - margin: 0 -5vw 0 -2vw; + margin: 0 -3vw 0 -2vw; left: 0; h3 { - transform: rotate(4deg) translateX(1vw); + transform: rotate(4deg) translateX(3vw); font-size: 5rem; } @@ -438,24 +437,30 @@ body > footer { position: absolute; top: 0; left: 0; - opacity: 0.1; + opacity: 0.9; } &:hover { background: rgba(191, 138, 112, 0.9); transform: rotate(0); - margin: 0; - - p, h4 { - display: none; - } + margin: 1vw 0 0 0; + color: black; + padding: 1rem; h3 { transform: rotate(0) translateX(0) translateY(-4rem); } + figure { + display: inline-block; + width: 197px; + padding: 0; + margin: 1rem; + } + svg { - opacity: 0.9; + opacity: 0.3; + width: calc(100% + 4rem); } + #txt { @@ -466,23 +471,29 @@ body > footer { .media #txt { background: rgba(166, 191, 112, 0.7); - transform: rotate(6deg); - margin: 0 -3vw 0 0; + transform: rotate(6deg) translateX(-1.5vw); + margin: 1vw -3vw 0 0; color: transparent; + + h3 { + transform: rotate(-6deg) translateX(1.5vw) translateY(-1.2rem); + margin-left: -1vw; + } + + &:hover { + background: rgba(166, 191, 112, 0.9); + transform: rotate(0); + margin: 1vw 0 0 0; + color: black; + padding: 1rem; + + h3 { + transform: rotate(0) translateX(0) translateY(-4rem); + margin-left: 0; + } + } } - .media #txt h3 { - transform: rotate(-6deg) translateX(-3vw) translateY(-0.1rem); - } - .media #txt:hover { - background: rgba(166, 191, 112, 0.9); - transform: rotate(0); - margin: 0; - color: black; - padding: 1rem; - } - .media #txt:hover h3 { - transform: rotate(0) translateX(0) translateY(-4.1rem); - } + .media section h3 a { position: relative; display: block; @@ -493,6 +504,7 @@ body > footer { text-decoration: none; color: inherit; } + .media #gfx:hover p.tagline, .media #txt:hover p.tagline { position: absolute; top: 6rem; @@ -506,52 +518,54 @@ body > footer { .media #vda { left: 0; background: rgba(112, 166, 191, 0.5); - transform: rotate(-5deg); - margin: 0 0 0 -2vw; - width: 10vw; + transform: rotate(-2.5deg) translateX(1vw); + margin: 0 0 0 -3vw; + width: 12.5vw; + + h3 { + padding-left: 1.5vw; + transform: rotate(2.5deg) translateX(-1vw); + font-size: 5rem; + } p, h4 { display: none; } - } - .media #vdo video, - .media #vda video { - position: absolute; - top: 50%; - left: 50%; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; - transform: translate(-50%, -50%); - z-index: -101; - opacity: 0.1; - } - .media #vdo:hover video, - .media #vda:hover video { - opacity: 1; - } - .media #vdo:hover, - .media #vda:hover { - background: rgba(112, 166, 191, 0.9); - margin: 0; - transform: rotate(0); - width: 40vw; - } - .media #vdo h3, - .media #vda h3 { - transform: rotate(5deg) translateX(-2vw); - } - .media #vdo:hover h3, - .media #vda:hover h3 { - transform: rotate(0) translateX(0) translateY(-5rem); - color: rgba(109, 144, 162, 0.7); - font-size: 18vw; + + video { + position: absolute; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + transform: translate(-50%, -50%); + z-index: -101; + opacity: 0.2; + } - a { - display: block; - height: 100%; - width: 100%; + &:hover { + background: rgba(112, 166, 191, 0.9); + margin: 0; + transform: rotate(0); + width: 40vw; + + h3 { + transform: rotate(0) translateX(0) translateY(-4rem); + color: rgba(109, 144, 162, 0.7); + font-size: 18vw; + + a { + display: block; + height: 100%; + width: 100%; + } + } + + video { + opacity: 1; + } } } @@ -575,19 +589,32 @@ body > footer { text-decoration: none; } - .libre #participation { + .libre #participation, + .libre #share { /* transform: rotate(-4deg) translateY(4.5rem); */ transform: rotate(-4deg) translateY(6vh); } - .libre #engagement { + .libre #engagement, + .libre #engage { /* transform: translate(0.5rem, 7rem); */ transform: translate(0.5vw, 14vh); } - .libre #cooperation { + .libre #cooperation, + .libre #care { /* transform: rotate(2deg) translate(0rem, 9.8rem); */ transform: rotate(2deg) translate(0rem, 19.5vh); } + footer { + position: fixed; + left: 0; + right: 0; + font-size: smaller; + background-color: rgba(109, 78, 128, 1); + display: none; + margin: 5rem auto 2rem auto; + width: 80vw; + } } @media screen and (max-device-width: 1023px) { @@ -602,9 +629,22 @@ body > footer { background: url(../img/logo-ps.svg) center calc(92% - 50vh) / contain no-repeat fixed; } + body > footer { + position: relative; + left: 0; + right: 0; + font-size: smaller; + background-color: rgba(109, 78, 128, 1); + display: none; + margin: 1rem auto; + width: 80vw; + font-size: smaller; + } + } .sinewave{ + z-index: 0; &.w0 { fill: rgba(240, 40, 142, 0.5); } diff --git a/assets/scss/screen.scss b/assets/scss/screen.scss index a18c9b9..858a783 100644 --- a/assets/scss/screen.scss +++ b/assets/scss/screen.scss @@ -62,6 +62,7 @@ img { @import 'main'; @import 'aside'; @import 'footer'; +@import 'branding'; /** * Page overrides @@ -71,6 +72,7 @@ img { @import 'vda'; @import 'vdo'; + /** * Languages **/ @@ -90,30 +92,3 @@ html[lang='fr'] :lang(en) { :lang(fr) { quotes: '« ' ' »'; } - -/** - * Branding - **/ - -span.ps { - background: url(../img/logo-ps.svg) top left / 3rem no-repeat; - opacity: 0.75; - color: transparent; - padding: 0.25rem; -} - -body { - font-family: $sans-serif; - font-size: 1em; /* No rem here, bug workaround */ - - > header, > footer { - :link, :visited { - color: $fg-main; - } - } - - :visited { - text-decoration: underline; - } -} - diff --git a/ps/favicon.ico b/ps/favicon.ico Binary files differnew file mode 100644 index 0000000..cdfe375 --- /dev/null +++ b/ps/favicon.ico diff --git a/ps/gfx/index.html b/ps/gfx/index.html index f55db64..7bcee2c 100644 --- a/ps/gfx/index.html +++ b/ps/gfx/index.html @@ -166,6 +166,18 @@ </video> </section> </article> + <aside> + <figure> + <img src="../../assets/img/edri.svg" alt="EDRi"> + <figcaption lang="fr">Membre affilié d'EDRi, le réseau européen pour les droits numériques</figcaption> + <figcaption lang="en">Affiliate member of the European Digital Rights advocacy group</figcaption> + </figure> + <figure> + <img src="../../assets/img/ngi0.svg" alt="NGI Zero"> + <figcaption lang="fr">Membre du consortium européen NGI Zero pour la promotion du logiciel libre</figcaption> + <figcaption lang="en">Member of the European consortium NGI Zero for the promotion of free software</figcaption> + </figure> + </aside> </main> <aside> <nav> diff --git a/ps/gfx/sine.js b/ps/gfx/sine.js index 7ed0e03..0fcf988 100644 --- a/ps/gfx/sine.js +++ b/ps/gfx/sine.js @@ -31,6 +31,8 @@ const svg = view.append('svg') .attr('width', bbox.width + margin.left + margin.right) .attr('height', bbox.height + margin.top + margin.bottom) + .attr('role', 'presentation') + .attr('aria-hidden', 'true') .append('g') .attr('transform',function(){ var x1 = bbox.x + bbox.width / 2 diff --git a/ps/index-008.html b/ps/index-008.html new file mode 100644 index 0000000..4b3cb0e --- /dev/null +++ b/ps/index-008.html @@ -0,0 +1,300 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="UTF-8"> + <title> petites singularités </title> + <link rel="stylesheet" href="../assets/css/home.css"> + <!-- Onebox rich link --> + <meta property="og:type" content="website"> + <meta property="og:site_name" content="petites singularités"> + <meta lang="fr" name="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta lang="en" name="og:description" content="petites singularités is a non-profit association established in Brussels. We think collective organization and action in the production of meaning in the local hybridization of humans and technology."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités"> + <meta property="og:url" content="https://ps.lesoiseaux.io/"> + <meta name="twitter:card" content="summary"> + <meta lang="fr" name="twitter:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta lang="en" name="twitter:description" content="petites singularités is a non-profit association established in Brussels. We think collective organization and action in the production of meaning in the local hybridization of humans and technology."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/"> + <meta name="twitter:title" content="petites singularités"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover"> + <link rel="alternate" type="application/rss+xml" href="https://ps.zoethical.org/posts.rss" title="petites singularités - Latest posts"> + </head> + <body class="ps home"> + <header> + <h1 class="fixed"> + <a href="https://ps.lesoiseaux.io/" + title="petites singularités"><img alt="P.S.: " src="../assets/img/logo-ps.svg" height="64"></a> + <a href="https://ps.lesoiseaux.io/"> + <span lang="fr">esthétique fragile & hybride</span> + <span lang="en">hybrid & fragile aesthetics</span> + </a> + </h1> + <section lang="fr"> + <h2>À propos des petites singularités</h2> + <p>Les <em>petites singularités</em> sont une association sans + but lucratif établie à Bruxelles.</p> + <p>L’association a pour but de porter un regard différent sur + l’esthétique transindividuelle dans le cadre des collectivités + et leurs pratiques numériques.</p> + <p>Les <em>petites singularités</em> porte des projets + esthétiques sous diverses formes libres adaptées à leur + expression et leur diffusion auprès du + public. Recherche-action littéraire, poétique, artistique, + logicielle, philosophique, vivante, les Petites Singularités + éditent, publient, produisent, hybrident, accompagnent, + invitent, voyagent.</p> + <p>Nous pensons l’organisation et l’action collectives dans la + production du sens au regard de la localité et de + l’hybridation des humains et de la technologie ; nous + transmettons des solutions concrètes et significatives à des + groupes locaux.</p> + </section> + <section lang="en"> + <h2>About petites singularités</h2> + <p>Petites singularités is a non-profit association + established in Brussels.</p> + <p>The association aims to bring a different outlook on + transindividual aesthetics with regard to local collectives + and their digital practices.</p> + <p>Petites Singularités holds aesthetical projects under + various free forms adapted to their expression and their + public dissemination. Literary, poetic, artistic, software, + philosophical, lively research-action, Petites Singularités + edit, publish, produce, hybridize, support, invite, + travel.</p> + <p>We think collective organization and action in the + production of meaning in the local hybridization of humans and + technology; we transmit concrete and significant solutions to + local groups.</p> + </section> + <section> + <p><span>Copyright</span> <span>©</span> 2017-2023 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + — contact<span lang="fr"> </span>: <a href="mailto:asbl@lesoiseaux.io">asbl@lesoiseaux.io</a> + </p> + <nav lang="fr"> +<!-- <h4>Préserver</h4> + <ul> + <li><a href="assets/petites-singularités-asbl.fr.pdf" + title="Lire la présentation de notre ASBL en PDF">PDF</a></li> + <li><a href="assets/ps-production.torrent" + title="Partager notre torrent de production">Torrent</a></li> + <li><a href="assets/ps-press-kit.zip" + title="Retenir le kit pour la Presse de P.S.: (images, logos...)">ZIP</a></li> + </ul> +--> <h4>Résister</h4> + <ul> + <li><a href="https://ps.zoethical.org/groups" + title="Explorer notre communauté">Zoethical</a></li> + <li><a href="https://ps.zoethical.org/latest.rss" + title="Souscrire aux contributions récentes (RSS)">Récent</a></li> + <li><a href="https://ps.zoethical.org/tag/async.rss" + title="Souscrire aux AsynChroniques (RSS)">AsynChroniques</a></li> + </ul> + </nav> + <nav lang="en"> +<!-- <h4>Preserve</h4> + <ul> + <li><a href="assets/petites-singularités-asbl.en.pdf" + title="Download PDF presentation of Petites Singularités ASBL">PDF</a></li> + <li><a href="assets/ps-production.torrent" + title="Download our production torrent">Torrent</a></li> + <li><a href="assets/ps-press-kit.zip" + title="Download Press Kit for P.S.: (assets, logos...)">ZIP</a></li> + </ul> +--> <h4>Resist</h4> + <ul> + <li><a href="https://ps.zoethical.org/groups" + title="Explore our community">Zoethical</a></li> + <li><a href="https://ps.zoethical.org/latest.rss" + title="Subscribe to recent contributions (RSS)">Recent</a></li> + <li><a href="https://ps.zoethical.org/tag/async.rss" + title="Subscribe to AsynChronicles (RSS)">AsynChronicles</a></li> + </ul> + </nav> + </section> + </header> + <main> + <article> + <section class="media fixed"> + <h2 lang="fr">Média en ligne</h2> + <h2 lang="en">Online Media</h2> + <section id="gfx" class="fixed"> + <h3><a href="./gfx/">GFX</a></h3> + + <div lang="fr"> + <p class="tagline">Un réseau volontaire sans frontière + explorateur d'hypothèses minorisées</p> + + <h4>Résistance & Engagement</h4> + + <p>La vie est menacée sur notre planète, ce + qui pourrait être d'une importance universelle. Alors + qu'une vision réductionniste domine à présent la + planète et prospère en propageant son orgueil + démesuré, la vie complexe est en jeu. Nous ne pouvons + la défendre en restant assis devant nos ordinateurs, + mais nous pouvons utiliser l'Internet pour coordonner + nos actions de résistance au Pouvoir Intimement Brutal + (PIB). C'est ce que font les <em>petites + singularités</em> : usant de l'Internet pour + découvrir, explorer et rassembler des alternatives à + l'<em>hubris</em> extractiviste et à sa soif + d'épuisement. Nous sommes vivants et désirons vous + rencontrer en personne pour amplifier nos actions.</p> + </div> + <div lang="en"> + <p class="tagline">A stateless willing network exploring + minorized hypothesis</p> + + <h4>Resistance & Engagement</h4> + + <p>Life is under threat on our planet, which might be of + universal significance. As reductionist thought has + taken over the planet and thrives propagating its + hubris, complex life is at risk. We won't defend it by + sitting in front of our computers, but we can use the + Internet to coordinate our actions of resistance to + the Global Disorder of Power (GDP). This is + what <em>petites singularités</em> is doing: using the + Internet to discover, explore, and bring together + alternatives to the extractivist hubris and thirst for + exhaustion. We're alive and want to meet you in person + to amplify our actions.</p> + </div> + </section> + <section id="txt" class="fixed"> + <h3><a href="./txt/">TXT</a></h3> + + <div lang="fr"> + <p class="tagline"> + Éditions <em>petites singularités</em>, recherche en + sciences sociales, artistique & esthétiques, + littérature férale. + </p> + + <h4>Lieux hors d'État</h4> + + <p>Les <em>petites singularités</em> se déploient au + cœur de la cité, dans des lieux significatifs qui + accompagnent notre réflexion et accueillent nos + actions.</p> + + <p>Nous insistons sur l'importance de l'ancrage de la + théorie et de la pratique technologiques dans l'espace + local où se maillent les fibres sociales dans le + quotidien. On entend donc par réseaux sociaux les + relations humaines qui s'y développent: une carte n'est + pas le territoire, et les réseaux sociaux qui + investissent l'espace des réseaux électroniques sont + irréductibles aux services en ligne qui les + transforment.</p> + </div> + <div lang="en"> + <p class="tagline"> + <em>petites singularités</em> publishing, research in + social, artistic sciences & aesthetics, feral + literature. + </p> + + <h4>In Place of an Assessment</h4> + + <p><em>petites singularités</em> deploy at the heart of + the city, in significant places that accompany our + reflection and welcome our actions.</p> + + <p>We emphasize the importance of anchoring + technological theory and practice in the local space + where social fibers mesh in everyday life. Therefore, by + social networks we understand the human relations that + develop in them: a map is not the territory, and the + social networks that invest the space of electronic + networks are irreducible to the online services that + transform them.</p> + </div> + </section> + <section id="vda" class="fixed"> + <h3><a href="./vda/">VDA</a></h3> + <div lang="fr"> + <p class="tagline">Des principes féministes pour les jeux video</p> + + <h4>Jeu Vide-A</h4> + + <p>Jeux Vide-A est un travail collectif qui propose + d'approcher les jeu video avec un regard féministe et + dans le contexte du logiciel libre. Il s'agit pour nous + de s'organiser pour faire ensemble des jeux Vide-A qui + reprennent les principes féministes intersectionels et + anticapitalistes tant dans leur choix de sujet que dans + leur modèles de production. Nous nous organisons pour + produire ensemble utilisant les outils du logiciel libre + et les principes féministe de collaboration. Jeu Vide-A + est autant un espace d'auto-apprentissage qu'un lieu de + production.</p> + </div> + <div lang="en"> + <p class="tagline">Feminist principles for video games</p> + + <h4>Videa Game</h4> + + <p>Jeux Vide-A is a collective work that proposes to + approach video games with a feminist eye and in the + context of free software. We are organizing ourselves to + make Vide-A games that take up feminist, intersectional + and anti-capitalist principles in their choice of + subject matter as well as in their production models. + We are organizing to produce together using free + software tools and feminist principles of + collaboration. Jeu Vide-A is as much a co-learning space + as it is a production space.</p> + </div> + + <video poster="../assets/img/bg-vda.png" + playsinline autoplay muted loop> + <source src="../assets/img/hela-cell-division.webm" type="video/webm"> + </video> + + </section> + </section> + <section class="libre fixed"> + <h2 lang="fr">Esthétique du libre</h2> + <h2 lang="en">Libre Aesthetics</h2> + <section id="share" class="fixed"> + <h3 lang="fr"><a href="https://ps.zoethical.org/">Partager</a></h3> + <p class="tagline" lang="fr">Explorer les médias sociaux communautaires</p> + <h3 lang="en"><a href="https://ps.zoethical.org/">Share</a></h3> + <p class="tagline" lang="en">Exploring community-based social media</p> + </section> + <section id="engage" class="fixed"> + <h3 lang="fr"><a href="https://ps.zoethical.org/c/ps">S'engager</a></h3> + <p class="tagline" lang="fr">Amplifier les réseaux actifs de résistance</p> + <h3 lang="en"><a href="https://ps.zoethical.org/c/ps">Engage</a></h3> + <p class="tagline" lang="en">Amplifying active resistance networks</p> + </section> + <section id="care" class="fixed"> + <h3 lang="fr"><a href="https://ps.zoethical.org/c/cooperation">Prendre Soin</a></h3> + <p class="tagline" lang="fr">Éveiller les territoires à la vie</p> + <h3 lang="en"><a href="https://ps.zoethical.org/c/cooperation">Care</a></h3> + <p class="tagline" lang="en">Awakening territories to life</p> + </section> + </section> + </article> + </main> + <script src="../assets/js/jquery.min.js"></script> + <script src="../assets/js/d3.v4.min.js"></script> + <script src="../assets/js/ps-app.js"></script> + <script src="gfx/sine.js"></script> + </body> +</html> diff --git a/ps/index.html b/ps/index.html index 05fb4f8..8639b3f 120000 --- a/ps/index.html +++ b/ps/index.html @@ -1 +1 @@ -index.v2.0.html
\ No newline at end of file +index.v2.1.html
\ No newline at end of file diff --git a/ps/index.v2.1.html b/ps/index.v2.1.html new file mode 120000 index 0000000..2345861 --- /dev/null +++ b/ps/index.v2.1.html @@ -0,0 +1 @@ +index-008.html
\ No newline at end of file diff --git a/ps/txt/cahiers-marrons/index.html b/ps/txt/cahiers-marrons/index.html new file mode 100644 index 0000000..3ef3572 --- /dev/null +++ b/ps/txt/cahiers-marrons/index.html @@ -0,0 +1,124 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>petites singularités — Cahiers marrons</title> + <link rel="stylesheet" href="../../../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:site_name" content="petites singularités"> + <meta property="og:description" content="Litterature echappée des genres « noir » et « blanc » aux fins de délier les langues pour relier les luttes, cette collection ouverte aux autaires du Sud global relie les imaginaires porteurs d’avenirs."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités — Éditions à Bruxelles — Cahiers marrons"> + <meta property="og:url" content="https://ps.lesoiseaux.io/txt/cahiers-marrons"> + <meta name="twitter:card" content="summary"> + <meta name="twitter:description" content="Litterature echappée des genres « noir » et « blanc » aux fins de délier les langues pour relier les luttes, cette collection ouverte aux autaires du Sud global relie les imaginaires porteurs d’avenirs."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/cahiers-marrons"> + <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles — Cahiers marrons"> + </head> + <body class="ps txt"> + <header lang="fr"> + <h1>petites singularités</h1> + <h2>Cahiers marrons</h2> + <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> + </header> + <header lang="en"> + <h1>petites singularités</h1> + <h2>Maroon Notebooks</h2> + <p>Research in social sciences, arts, <span>&</span> aesthetics</p> + </header> + <main> + <article> + <header lang="fr"> + <p class="tagline">Littérature férale</p> + </header> + <header lang="en"> + <p class="tagline">Feral Literature</p> + </header> + + <section id="a-propos-des-cahiers-marrons" lang="fr"><h2>À propos des Cahiers marrons</h2> + <p>Litterature echappée des genres « noir » et « blanc » aux + fins de délier les langues pour relier les luttes, cette + collection ouverte aux autaires du Sud global relie les + imaginaires porteurs d’avenirs, partout où d’aventure les + pænsées et les corps s’interposent.</p> + </section> + <section id="about-maroon-notebooks" lang="en"><h2>About the Maroon notebooks</h2> + <p>Literature escaped from the "black" and "white" genres to + untie tongues (and languages) and tie struggles together, + this collection open to global South authors links future + carrying imaginaries wherever by chance + people <em>thȧnk</em> and put their body in the way.</p> + </section> + + <section id="dpdg"><h2>012020 Du propre des gueux</h2> + <p lang="fr">Parfois, lorsque la forme de l'essai ne nous + convainc pas, il nous est arrivé de laisser libre cours à + notre créativité pour rencontrer un mode d'expression plus + ludique, comme par exemple cette « farce rigolarde sur des + sujets passablement terrifiants, selon une perspective + unique et fondamentale, Et Toutes Les Autres Qui La + Contredisent » : <a href="/dpdg/">Du propre des gueux</a>, + qui si elle prend la forme classique d'une pièce de théâtre + semble plutôt destinée à la radio ou à des places + occupées.</p> + <p lang="en">Sometimes, when the essay form does not + convince us, we might unleash our creativity to meet another + more playful mean of expression, as with this “funny + farce on passably terrifying topics, according to a unique + and fundamental perspective, and all others that contradict + it.”: <a href="/dpdg/">Du propre des gueux</a>, that, + if it takes a classical theater form, seems destined to + radio or occupied places.</p> + <p><a href="https://ps.lesoiseaux.io/dpdg/"><img src="https://ps.zoethical.org/uploads/default/original/2X/9/9ac5e1bf2225abfe7547c148d4e4be20080fa1c0.jpeg" alt="Du Propre des Gueux (book cover)"></a></p> + </section> + + <section id="manuscrits"><h2>Votre manuscrit ?</h2> + <p lang="fr">Nous cherchons des interlocutaires francophones + dans le Sud global, si tu es tentæ par l'aventure, + <a href="mailto:asbl@lesoiseaux.io?Subject=Cahiers%20marrons">fais-nous signe(s)</a>.</p> + </section> + </article> + </main> + <aside> + <nav> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> + <ul> + <li> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> + <span lang="fr">Collectif d'artistes</span> + <span lang="en">Artist Collective</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> + <span lang="fr">P.S.: Éditions</span> + <span lang="en">P.S.: Publishing</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/vda/">VDA</a> + <span lang="fr">Jeu Vide-A</span> + <span lang="en">Vide-A Game</span> + </li> + </ul> + </nav> + </aside> + <footer> + <p><span>Copyright</span> <span>©</span> 2017-2023 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + </p> + </footer> + <script type="text/javascript" src="/assets/js/jquery.min.js"></script> + <script type="text/javascript" src="/assets/js/ps-app.js"></script> + </body> +</html> diff --git a/ps/txt/index-000.html b/ps/txt/index-000.html new file mode 100644 index 0000000..80708ed --- /dev/null +++ b/ps/txt/index-000.html @@ -0,0 +1,251 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>petites singularités — Éditions à Bruxelles</title> + <link rel="stylesheet" href="../../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:site_name" content="petites singularités"> + <meta property="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités — Éditions à Bruxelles"> + <meta property="og:url" content="https://ps.lesoiseaux.io/txt/"> + <meta name="twitter:card" content="summary"> + <meta name="twitter:description" content="Les petites singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/"> + <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles"> + </head> + <body class="ps txt"> + <header lang="fr"> + <h1>petites singularités</h1> + <h2>P.S.: Éditions à Bruxelles</h2> + <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> + </header> + <header lang="en"> + <h1>petites singularités</h1> + <h2>P.S.: Publishing in Brussels</h2> + <p>Research in social sciences, arts, <span>&</span> aesthetics</p> + </header> + <main> + <article> + <header lang="fr"> + <p class="tagline">La théorie doit informer l'acte et + s'intégrer dans une dynamique synergétique avec lui pour + l'amplifier.</p> + <p class="tagline">On peut parler alors + d'<em>interdépendanse</em>, dans un mouvement oscillatoire + entre prospective (techno-scientifique) et rétrospective + (autopoïétique). C'est donc une danse entre les frères + Prométhée et Épiméthée que nous engageons dans notre + approche de l'hybridation humain-technique, comme une + incursion de l'humain dans la technologie.</p> + </header> + <header lang="en"> + <p class="tagline">Theory must inform the act and integrate + in a synergetic dynamics with it, to amplify it.</p> + <p class="tagline">We can talk then of interdependance, in + an oscillatory movement between (techno-scientific) + prospective and (autopoïetic) retrospective. Hence we engage + in a dance with the brothers Prometheus and Epimetheus in + our approach to human-technology hybridation, as an + incursion of the human in technology.</p> + </header> + + <section lang="fr"> + <h2>Un engagement coopératif</h2> + + <p>De manière générale, nos projets d'édition et de + publications sont en lien direct avec nos autres projets. En + recherche comme en édition, <span class="ps">P.S.: </span> + privilégie une approche trans-individuelle, participative, + qui reconnaît et traduit en actes l'<em>interdépendanse</em> + des sujets et des milieux qui les accueillent et les + nourrissent : si chacun·e porte des idées propres à + transformer le milieu, celles-ci sont également affectées + par celui-là et par les interactions entre auteur·e·s et + entre auteur·e·s & édit·eur·rice·s.</p> + + <p>Ainsi, l'une de nos méthodes pour documenter des projets + libres en cours, de manière à amplifier leur action, engage + une communauté dans une attitude permettant d'intégrer la + production et la préservation sur le long terme de savoirs + qui lui sont propres : un <a href="docsprint/">Doc + Sprint</a> est une opération collaborative visant à + distiller sous forme de documentation la connaissance de + <em>processus socio-techniques</em> disponibles sous forme + de logiciel libre et porté par ses développeurs et + utilisateurs.</p> + + <p>Le lecteur intéressé pourra retrouver le récit de notre + première année d'activité soulignant notre démarche dans le + numéro 11 du <a + href="http://peerproduction.net/"><em>Journal of Peer + Production</em></a>, sous l'intitulé : <a + href="https://ps.zoethical.org/t/singular-technologies-the-third-technoscape/333">Singular + Technologies & the Third-TechnoScape</a>.</p> + </section> + <section lang="en"> + <h2>A Cooperative Engagement</h2> + + <p>Generally, our publishing projects and publications are + in direct relation to our other projects. In research as in + publishing, <span class="ps">P.S.: </span> favors a + trans-individual, participatory approach that recognizes and + translates into acts the <em>interdependance</em> of + subjects and milieu that receives and nourishes them : if + everyone can bring ideas susceptible to changing the + environment, these are equally affected by it and the + interactions between authors and between authors & + editors.</p> + + <p>Therefore, one of the methods we use to document free + projects as they run, to amplify their action, engage a + community with an attitude to integrate both production and + long-term preservation of its own knowledges: a <a + href="docsprint/">Doc Sprint</a> is a collaborative + operation aiming at distilling, in the form of + documentation, knowledge of <em>socio-technical + processes</em> readily available as free software and upheld + by its developers and users.</p> + + <p>The interested reader will find a story of our first year + of activity underlining our process in issue #11 of the <a + href="http://peerproduction.net/"><em>Journal of Peer + Production</em></a>, under the tile : <a + href="https://ps.zoethical.org/t/singular-technologies-the-third-technoscape/333">Singular + Technologies & the Third-TechnoScape</a>.</p> + </section> + + <section lang="fr"> + <h2>Une recherche multi-polaire</h2> + + <p>Nous engageons des chercheu·r·se·s provenant de + différents chemins de vie afin de confronter les + perspectives et les approches dans une dynamique forçant + l'<em>interdépendanse</em> et ne laissant aucun répit au + confort de l'illusoire sensation individuelle + (autistique).</p> + + <p>Cette attitude radicale invite à la complexité en + réinsérant les corps dans un contexte hors-de-contrôle et + les réflexions dans un conflit permanent qui nécessite la + prise en compte de l'autre.</p> + + <p>Les <em>Nouvelles Études Simondoniennes + Transdisciplinaires</em> (NEST) rassemblent des philosophes + intéressés par la pensée de Gilbert Simondon avec un + objectif d'intensification des réflexions autour des notions + de trans-individualité, de réseaux (techniques et humains), + de l'hybridation humain-technique, de l'amplification des + systèmes complexes, de la spécificité du vivant, etc. pour + comprendre et aborder la complexité des enjeux actuels des + productions technologiques. Nous travaillons en ce moment à + l'écriture d'un dossier sur <em>les technologies libres à la + lumière de Simondon</em>.</p> + + <p>Parfois, lorsque la forme de l'essai ne nous convainc + pas, il nous est arrivé de laisser libre cours à notre + créativité pour rencontrer un mode d'expression plus + ludique, comme par exemple cette "farce rigolarde sur des + sujets passablement terrifiants, selon une perspective + unique et fondamentale, Et Toutes Les Autres Qui La + Contredisent" : <a href="/dpdg/">Du propre des gueux</a>, qui si + elle prend la forme classique d'une pièce de théâtre semble + plutôt destinée à la radio ou à des places occupées.</p> + </section> + <section lang="en"> + <h2>Multi-polar Research</h2> + + <p>We engage with researchers from many diverse paths of + life in order to confront their perspectives and approaches + within a dynamics that forces <em>interdependance</em> and + leaves no break to the illusory comfort of a "feeling + individual" (autistic).</p> + + <p>Such a radical attitude invites to complexity by + reinserting the body within an out-of-control context and + the reflections in a permanent conflict that requires taking + into account the other.</p> + + <p>The <em>Nouvelles Études Simondoniennes + Transdisciplinaires</em> (NEST) gathers philosophers + interested in Gilbert Simondon with an objective of + intensifying reflections around trans-individuality, + networks (technical and human), techno-human hybridization, + amplification of complex systems, specificity of the living, + etc. pour understand and approach the complexity of actual + stakes of technological productions. We're currently working + on an issue on <em>free technologies in the light of + Simondon</em>.</p> + + <p>Sometimes, when the essay form does not convince us, we + might unleash our creativity to meet another more playful + mean of expression, as with this “funny farce on + passably terrifying topics, according to a unique and + fundamental perspective, and all others that contradict + it.”: <a href="/dpdg/">Du propre des gueux</a>, that, + if it takes a classical theater form, seems destined to + radio or occupied places.</p> + </section> + + <aside> + <h3>Publications</h3> + <ul> + <li><a href="https://ps.zoethical.org/tags/article">sélection d'articles</a> + (<a href="https://ps.zoethical.org/tags/article" title="S'abonner au flux des articles récents">RSS</a>)</li> + <li><a href="/dpdg/">Du propre des gueux + <img alt="DPDG" src="../../assets/img/dpdg-cover.png"></a> + </li> + <li><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">software freedom your way + <img alt="SFYW" src="../../assets/img/sfyw-cover.png"></a> + </li> + <li><a href="https://ps.lesoiseaux.io/txt/thx">Collection THX + <img alt="THX" src="../../assets/img/thx-covers.gif"></a> + </li> + </ul> + </aside> + </article> + </main> + <aside> + <nav> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> + <ul> + <li> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> + <span lang="fr">Collectif d'artistes</span> + <span lang="en">Artist Collective</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> + <span lang="fr">P.S.: Éditions</span> + <span lang="en">P.S.: Publishing</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/vda/">VDA</a> + <span lang="fr">Jeu Vide-A</span> + <span lang="en">Vide-A Game</span> + </li> + </ul> + </nav> + </aside> + <footer> + <p><span>Copyright</span> <span>©</span> 2017-2022 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + </p> + </footer> + <script type="text/javascript" src="../../assets/js/jquery.min.js"></script> + <script type="text/javascript" src="../../assets/js/ps-app.js"></script> + </body> +</html> diff --git a/ps/txt/index-002.html b/ps/txt/index-002.html new file mode 100644 index 0000000..c57c287 --- /dev/null +++ b/ps/txt/index-002.html @@ -0,0 +1,273 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>petites singularités — Éditions à Bruxelles</title> + <link rel="stylesheet" href="../../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:site_name" content="petites singularités"> + <meta property="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités — Éditions à Bruxelles"> + <meta property="og:url" content="https://ps.lesoiseaux.io/txt/"> + <meta name="twitter:card" content="summary"> + <meta name="twitter:description" content="Les petites singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/"> + <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles"> + </head> + <body class="ps txt"> + <header lang="fr"> + <h1>petites singularités</h1> + <h2>P.S.: Éditions à Bruxelles</h2> + <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> + </header> + <header lang="en"> + <h1>petites singularités</h1> + <h2>P.S.: Publishing in Brussels</h2> + <p>Research in social sciences, arts, <span>&</span> aesthetics</p> + </header> + <main> + <article> + <header lang="fr"></header> + <header lang="en"></header> + + <section lang="fr"> + <h2>Un engagement coopératif</h2> + + <p>Établies en 2018 après deux ans de gestation, + les <em>éditions petites singularités</em> sont issues de + l’<abbr title="Association Sans But + Lucratif">ASBL</abbr> <em>petites singularités</em> qui + s’occupe de pratiques collectives et de logiciel libre.</p> + + <p>Les éditions soutiennent et appliquent les modes + de <em>faire et penser</em> qui se répondent mutuellement + pour nourrir savoir-être et savoir-faire dans notre société + technologique, engageant une <em>esthétique du libre</em> + comme résistance embarquée au sein même de cette mégamachine + — car la théorie doit informer l’acte et s’intégrer dans une + dynamique synergétique avec lui pour l’amplifier. Tous les + ouvrages que nous publions sont distribués sous <em>licence + art libre</em> (LAL-1.3) qui répond à notre exigence de + participer à la promotion de savoirs communs.</p> + + <p>De manière générale, nos publications sont en lien direct + avec nos autres activités. En recherche comme en édition, + <span class="ps">P.S.: </span> privilégie une approche + trans-individuelle, participative, qui reconnaît et traduit + en actes l’<em>interdépendanse</em> des sujets et des + milieux qui les accueillent et les nourrissent : si chacan + porte des idées propres à transformer le milieu, celles-ci + sont également affectées par celui-là et par les + interactions entre autaires et entre autaires & + éditaires.</p> + + <p>Al lectaire intéressæ pourra retrouver le récit de notre + première année d'activité soulignant notre démarche dans le + numéro 11 du <a + href="http://peerproduction.net/"><em>Journal of Peer + Production</em></a>, sous l'intitulé : <a + href="https://ps.zoethical.org/t/singular-technologies-the-third-technoscape/333">Singular + Technologies & the Third-TechnoScape</a>.</p> + </section> + + <section lang="fr"> + <h2>Une recherche multi-polaire</h2> + + <p>Nous engageons des cherchaires provenant de + différents chemins de vie afin de confronter les + perspectives et les approches dans une dynamique forçant + l'<em>interdépendanse</em> et ne laissant aucun répit au + confort de l'illusoire sensation individuelle + (autistique).</p> + + <p>Cette attitude radicale invite à la complexité en + réinsérant les corps dans un contexte hors-de-contrôle et + les réflexions dans un conflit permanent qui nécessite la + prise en compte de l'autre.</p> + + <p>Elle vise un objectif d'intensification des réflexions + autour des notions de trans-individualité, de réseaux + (techniques et humains), de l'hybridation humain-technique, + de l'amplification des systèmes complexes, de la spécificité + du vivant, etc. pour comprendre et aborder la complexité des + enjeux actuels des productions technologiques.</p> + </section> + <section lang="en"> + <h2>Multi-polar Research</h2> + + <p>We engage with researchers from many diverse paths of + life in order to confront their perspectives and approaches + within a dynamics that forces <em>interdependance</em> and + leaves no break to the illusory comfort of a "feeling + individual" (autistic).</p> + + <p>Such a radical attitude invites to complexity by + reinserting the body within an out-of-control context and + the reflections in a permanent conflict that requires taking + into account the other.</p> + + <p>It aims at an objective of intensifying reflections + around trans-individuality, networks (technical and human), + techno-human hybridization, amplification of complex + systems, specificity of the living, etc. pour understand and + approach the complexity of actual stakes of technological + productions.</p> + </section> + + <section lang="fr" id="collections"> + <h2>Collections</h2> + + <p lang="fr">Nous développons actuellement trois collections comme + autant d’axes de recherche : THX (un ouvrage par an), + <span class="phonetic">sinwɛːʁ</span><sup id="fnref1"><a href="#fn-1">[1]</a></sup> + et les Cahiers marrons<sup id="fnref2"><a href="#fn-2">[2]</a></sup>.</p> + + <h3><a href="thx">THX</a></h3> + <p class="tagline">Trans · Hack · eXperience</p> + + <p>Rédaction collective à plusieurs mains qui s’engage, + depuis une position de + <em>hacker</em><sup id="fnref3"><a href="#fn-3">[3]</a></sup>, + dans une critique de la technosociété et de la + technoscience, établie autour d’une résidence d’écriture + annuelle et d’une assemblée permanente en ligne, ouverte à + touz.</p> + + <h3><a href="synware">Synware</a></h3> + <p class="tagline">Synware: syndicats logiciels libres</p> + + <p>Cette collection explore les modalités d’usage, de + création et de maintenance collectiz des technologies + numériques. Elle documente les logiciels libres + décentralisés, leurs usages et organisations communautaires + autant techniques que conceptualz, esthétiques et + politiques.</p> + + <h3><a href="cahiers-marrons">Cahiers marrons</a></h3> + <p class="tagline">Littérature férale</p> + + <p>Litterature echappée des genres « noir » et « blanc » aux + fins de délier les langues pour relier les luttes, cette + collection ouverte aux autaires du Sud global relie les + imaginaires porteurs d’avenirs. Ces textes courts sont + rassemblés dans des petits cahiers composables qu’on peut + emporter dans la poche, partout où d’aventure les pænsées et + les corps s’interposent.</p> + </section> + <section lang="en"> + <h2>Collections</h2> + + <p>Currently, we're developing three collections, as many + lines of research: THX (one book a year), + <span class="phonetic">sinwɛːʁ</span><sup id="fnref4"><a href="#fn-4">[1]</a></sup> + and the Maroon notebooks<sup id="fnref5"><a href="#fn-5">[2]</a></sup>.</p> + + <h3><a href="thx">THX</a></h3> + + <p>Collective participatory writing engaging, from a hacker + standpoint, with the critique of technosociety and + technoscience, established around a yearly writing residency + and an online permanent assembly open to all.</p> + + <h3><a href="synware">Synware</a></h3> + <p class="tagline">Synware: Free Software Syndicates</p> + + <p>This collection explores the modalities of using, + creating, and maintaining digital technologies + collectively. It documents decentralized free software, + their usage and community organization as much technical as + conceptual, aesthetical and political.</p> + + <h3><a href="cahiers-marrons">Cahiers marrons</a></h3> + <p class="tagline">Feral Literature</p> + + <p>Literature escaped from the "black" and "white" genres to + untie tongues (and languages) and tie struggles together, + this collection open to global South authors links future + carrying imaginaries. These short texts are assembled into + small composable notebooks that can be carried in the pocket + wherever by chance people <em>thȧnk</em> and put their body + in the way.</p> + </section> + + <aside> + <section lang="fr" id="footnotes"> + <h3>Notes</h3> + <ol> + <li id="fn-1">nous envisageons trois publications par an dans cette collection <a href="#fnref1">↩︎</a></li> + <li id="fn-2">nous envisageons quatre cahiers par an <a href="#fnref2">↩︎</a></li> + <li id="fn-3"><em>Hacker</em> est parfois traduit en + français par bricoleur, mais cette notion n’a pas la + portée à la fois technophile, technocritique et + subsversive que nous lisons dans le terme + anglophone. <a href="#fnref3">↩︎</a></li> + </ol> + </section> + <section lang="en"> + <h3>Footnotes</h3> + <ol> + <li id="fn-4">we envision three publications a year in this collection <a href="#fnref4">↩︎</a></li> + <li id="fn-5">we envision four notebooks a year <a href="#fnref5">↩︎</a></li> + </ol> + </section> + <h3>Publications</h3> + <ul> + <li><a href="https://ps.zoethical.org/tags/article">sélection d'articles</a> + (<a href="https://ps.zoethical.org/tags/article" title="S'abonner au flux des articles récents">RSS</a>)</li> + <li><a href="/dpdg/">Du propre des gueux + <img alt="DPDG" src="../../assets/img/dpdg-cover.png"></a> + </li> + <li><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">software freedom your way + <img alt="SFYW" src="../../assets/img/sfyw-cover.png"></a> + </li> + <li><a href="https://ps.lesoiseaux.io/txt/thx">Collection THX + <img alt="THX" src="../../assets/img/thx-covers.gif"></a> + </li> + </ul> + </aside> + </article> + </main> + <aside> + <nav> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> + <ul> + <li> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> + <span lang="fr">Collectif d'artistes</span> + <span lang="en">Artist Collective</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> + <span lang="fr">P.S.: Éditions</span> + <span lang="en">P.S.: Publishing</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/vda/">VDA</a> + <span lang="fr">Jeu Vide-A</span> + <span lang="en">Vide-A Game</span> + </li> + </ul> + </nav> + </aside> + <footer> + <p><span>Copyright</span> <span>©</span> 2017-2022 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + </p> + </footer> + <script type="text/javascript" src="../../assets/js/jquery.min.js"></script> + <script type="text/javascript" src="../../assets/js/ps-app.js"></script> + </body> +</html> diff --git a/ps/txt/index-003.html b/ps/txt/index-003.html new file mode 100644 index 0000000..4834867 --- /dev/null +++ b/ps/txt/index-003.html @@ -0,0 +1,293 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>petites singularités — Éditions à Bruxelles</title> + <link rel="stylesheet" href="../../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:site_name" content="petites singularités"> + <meta property="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités — Éditions à Bruxelles"> + <meta property="og:url" content="https://ps.lesoiseaux.io/txt/"> + <meta name="twitter:card" content="summary"> + <meta name="twitter:description" content="Les petites singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/"> + <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles"> + <!-- Salut à toi, Awin --> + <meta name="Awin" content="ps-editions@zoethical.com"> + </head> + <body class="ps txt"> + <header lang="fr"> + <h1>petites singularités</h1> + <h2>P.S.: Éditions à Bruxelles</h2> + <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> + </header> + <header lang="en"> + <h1>petites singularités</h1> + <h2>P.S.: Publishing in Brussels</h2> + <p>Research in social sciences, arts, <span>&</span> aesthetics</p> + </header> + <main> + <article> + <header lang="fr"> + <nav> + <ul> + <li><a href="https://ps.zoethical.org/pub/catalogue-des-editions-petites-singularites">Catalogue</a></li> + <li display="none"><a href="">Commander</a></li> + <li display="none"><a href=""><abbr title="Conditions générales de vente">CGV<abbr></a></li> + </ul> + </nav> + </header> + <header lang="en"></header> + + <section lang="fr"> + <h2>Un engagement coopératif</h2> + + <p>Établies en 2018 après deux ans de gestation, + les <em>éditions petites singularités</em> sont issues de + l’<abbr title="Association Sans But + Lucratif">ASBL</abbr> <em>petites singularités</em> qui + s’occupe de pratiques collectives et de logiciel libre.</p> + + <p>Les éditions soutiennent et appliquent les modes + de <em>faire et penser</em> qui se répondent mutuellement + pour nourrir savoir-être et savoir-faire dans notre société + technologique, engageant une <em>esthétique du libre</em> + comme résistance embarquée au sein même de cette mégamachine + — car la théorie doit informer l’acte et s’intégrer dans une + dynamique synergétique avec lui pour l’amplifier. Tous les + ouvrages que nous publions sont distribués sous <em>licence + art libre</em> (LAL-1.3) qui répond à notre exigence de + participer à la promotion de savoirs communs.</p> + + <p>De manière générale, nos publications sont en lien direct + avec nos autres activités. En recherche comme en édition, + <span class="ps">P.S.: </span> privilégie une approche + trans-individuelle, participative, qui reconnaît et traduit + en actes l’<em>interdépendanse</em> des sujets et des + milieux qui les accueillent et les nourrissent : si chacan + porte des idées propres à transformer le milieu, celles-ci + sont également affectées par celui-là et par les + interactions entre autaires et entre autaires & + éditaires.</p> + + <p>Al lectaire intéressæ pourra retrouver le récit de notre + première année d'activité soulignant notre démarche dans le + numéro 11 du <a + href="http://peerproduction.net/"><em>Journal of Peer + Production</em></a>, sous l'intitulé : <a + href="https://ps.zoethical.org/t/singular-technologies-the-third-technoscape/333">Singular + Technologies & the Third-TechnoScape</a>.</p> + </section> + + <section lang="fr"> + <h2>Une recherche multi-polaire</h2> + + <p>Nous engageons des cherchaires provenant de + différents chemins de vie afin de confronter les + perspectives et les approches dans une dynamique forçant + l'<em>interdépendanse</em> et ne laissant aucun répit au + confort de l'illusoire sensation individuelle + (autistique).</p> + + <p>Cette attitude radicale invite à la complexité en + réinsérant les corps dans un contexte hors-de-contrôle et + les réflexions dans un conflit permanent qui nécessite la + prise en compte de l'autre.</p> + + <p>Elle vise un objectif d'intensification des réflexions + autour des notions de trans-individualité, de réseaux + (techniques et humains), de l'hybridation humain-technique, + de l'amplification des systèmes complexes, de la spécificité + du vivant, etc. pour comprendre et aborder la complexité des + enjeux actuels des productions technologiques.</p> + </section> + <section lang="en"> + <h2>Multi-polar Research</h2> + + <p>We engage with researchers from many diverse paths of + life in order to confront their perspectives and approaches + within a dynamics that forces <em>interdependance</em> and + leaves no break to the illusory comfort of a "feeling + individual" (autistic).</p> + + <p>Such a radical attitude invites to complexity by + reinserting the body within an out-of-control context and + the reflections in a permanent conflict that requires taking + into account the other.</p> + + <p>It aims at an objective of intensifying reflections + around trans-individuality, networks (technical and human), + techno-human hybridization, amplification of complex + systems, specificity of the living, etc. pour understand and + approach the complexity of actual stakes of technological + productions.</p> + </section> + + <section lang="fr" id="collections"> + <h2>Collections</h2> + + <p lang="fr">Nous développons actuellement quatre collections comme + autant d’axes de recherche : THX (un ouvrage par an), + Spectralx, + <span class="phonetic">sinwɛːʁ</span><sup id="fnref1"><a href="#fn-1">[1]</a></sup> + et les Cahiers marrons<sup id="fnref2"><a href="#fn-2">[2]</a></sup>.</p> + + <h3><a href="thx">THX</a></h3> + <p class="tagline">Trans · Hack · eXperience</p> + + <p>Rédaction collective à plusieurs mains qui s’engage, + depuis une position de + <em>hacker</em><sup id="fnref3"><a href="#fn-3">[3]</a></sup>, + dans une critique de la technosociété et de la + technoscience, établie autour d’une résidence d’écriture + annuelle et d’une assemblée permanente en ligne, ouverte à + touz.</p> + + <h3><a href="synware">Synware</a></h3> + <p class="tagline">Synware: syndicats logiciels libres</p> + + <p>Cette collection explore les modalités d’usage, de + création et de maintenance collectiz des technologies + numériques. Elle documente les logiciels libres + décentralisés, leurs usages et organisations communautaires + autant techniques que conceptualz, esthétiques et + politiques.</p> + + <h3><a href="spectralx">Spectralx</a></h3> + <p class="tagline">Prendre soin d'une parole inclusive</p> + + <p>Spectralx offre un espace pour parler, entendre et + prendre soin de la parole des <em>subalternes</em>. La + collection s'ouvre avec <em>Spectralx — Théorie de + l'inclusivité</em>. Sun autaire, Alpheratz, nous fait + l'honneur et le plaisir de diriger cette collection.</p> + + <h3><a href="cahiers-marrons">Cahiers marrons</a></h3> + <p class="tagline">Littérature férale</p> + + <p>Litterature echappée des genres « noir » et « blanc » aux + fins de délier les langues pour relier les luttes, cette + collection ouverte aux autaires du Sud global relie les + imaginaires porteurs d’avenirs. Ces textes courts sont + rassemblés dans des petits cahiers composables qu’on peut + emporter dans la poche, partout où d’aventure les pænsées et + les corps s’interposent.</p> + </section> + <section lang="en"> + <h2>Collections</h2> + + <p>Currently, we're developing three collections, as many + lines of research: THX (one book a year), + <span class="phonetic">sinwɛːʁ</span><sup id="fnref4"><a href="#fn-4">[1]</a></sup> + and the Maroon notebooks<sup id="fnref5"><a href="#fn-5">[2]</a></sup>.</p> + + <h3><a href="thx">THX</a></h3> + + <p>Collective participatory writing engaging, from a hacker + standpoint, with the critique of technosociety and + technoscience, established around a yearly writing residency + and an online permanent assembly open to all.</p> + + <h3><a href="synware">Synware</a></h3> + <p class="tagline">Synware: Free Software Syndicates</p> + + <p>This collection explores the modalities of using, + creating, and maintaining digital technologies + collectively. It documents decentralized free software, + their usage and community organization as much technical as + conceptual, aesthetical and political.</p> + + <h3><a href="cahiers-marrons">Cahiers marrons</a></h3> + <p class="tagline">Feral Literature</p> + + <p>Literature escaped from the "black" and "white" genres to + untie tongues (and languages) and tie struggles together, + this collection open to global South authors links future + carrying imaginaries. These short texts are assembled into + small composable notebooks that can be carried in the pocket + wherever by chance people <em>thȧnk</em> and put their body + in the way.</p> + </section> + + <aside> + <section lang="fr" id="footnotes"> + <h3>Notes</h3> + <ol> + <li id="fn-1">nous envisageons trois publications par an dans cette collection <a href="#fnref1">↩︎</a></li> + <li id="fn-2">nous envisageons quatre cahiers par an <a href="#fnref2">↩︎</a></li> + <li id="fn-3"><em>Hacker</em> est parfois traduit en + français par bricoleur, mais cette notion n’a pas la + portée à la fois technophile, technocritique et + subsversive que nous lisons dans le terme + anglophone. <a href="#fnref3">↩︎</a></li> + </ol> + </section> + <section lang="en"> + <h3>Footnotes</h3> + <ol> + <li id="fn-4">we envision three publications a year in this collection <a href="#fnref4">↩︎</a></li> + <li id="fn-5">we envision four notebooks a year <a href="#fnref5">↩︎</a></li> + </ol> + </section> + <h3>Publications</h3> + <ul> + <li><a href="https://ps.zoethical.org/tags/article">sélection d'articles</a> + (<a href="https://ps.zoethical.org/tags/article" title="S'abonner au flux des articles récents">RSS</a>)</li> + <li><a href="/dpdg/">Du propre des gueux + <img alt="DPDG" src="../../assets/img/dpdg-cover.png"></a> + </li> + <li><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">software freedom your way + <img alt="SFYW" src="../../assets/img/sfyw-cover.png"></a> + </li> + <li><a href="https://ps.lesoiseaux.io/txt/thx">Collection THX + <img alt="THX" src="../../assets/img/thx-covers.gif"></a> + </li> + </ul> + </aside> + </article> + </main> + <aside> + <nav> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> + <ul> + <li> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> + <span lang="fr">Collectif d'artistes</span> + <span lang="en">Artist Collective</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> + <span lang="fr">P.S.: Éditions</span> + <span lang="en">P.S.: Publishing</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/vda/">VDA</a> + <span lang="fr">Jeu Vide-A</span> + <span lang="en">Vide-A Game</span> + </li> + </ul> + </nav> + </aside> + <footer> + <p><span>Copyright</span> <span>©</span> 2017-2022 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + </p> + </footer> + <script type="text/javascript" src="../../assets/js/jquery.min.js"></script> + <script type="text/javascript" src="../../assets/js/ps-app.js"></script> + </body> +</html> diff --git a/ps/txt/index.html b/ps/txt/index.html index 80708ed..48bc4a2 100644..120000 --- a/ps/txt/index.html +++ b/ps/txt/index.html @@ -1,251 +1 @@ -<!DOCTYPE html> -<html lang="fr"> - <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>petites singularités — Éditions à Bruxelles</title> - <link rel="stylesheet" href="../../assets/css/screen.css"> - <!-- Onebox rich link --> - <meta property="og:site_name" content="petites singularités"> - <meta property="og:description" content="Les petites singularités sont une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> - <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> - <meta property="og:title" content="petites singularités — Éditions à Bruxelles"> - <meta property="og:url" content="https://ps.lesoiseaux.io/txt/"> - <meta name="twitter:card" content="summary"> - <meta name="twitter:description" content="Les petites singularités est une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> - <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> - <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/"> - <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles"> - </head> - <body class="ps txt"> - <header lang="fr"> - <h1>petites singularités</h1> - <h2>P.S.: Éditions à Bruxelles</h2> - <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> - </header> - <header lang="en"> - <h1>petites singularités</h1> - <h2>P.S.: Publishing in Brussels</h2> - <p>Research in social sciences, arts, <span>&</span> aesthetics</p> - </header> - <main> - <article> - <header lang="fr"> - <p class="tagline">La théorie doit informer l'acte et - s'intégrer dans une dynamique synergétique avec lui pour - l'amplifier.</p> - <p class="tagline">On peut parler alors - d'<em>interdépendanse</em>, dans un mouvement oscillatoire - entre prospective (techno-scientifique) et rétrospective - (autopoïétique). C'est donc une danse entre les frères - Prométhée et Épiméthée que nous engageons dans notre - approche de l'hybridation humain-technique, comme une - incursion de l'humain dans la technologie.</p> - </header> - <header lang="en"> - <p class="tagline">Theory must inform the act and integrate - in a synergetic dynamics with it, to amplify it.</p> - <p class="tagline">We can talk then of interdependance, in - an oscillatory movement between (techno-scientific) - prospective and (autopoïetic) retrospective. Hence we engage - in a dance with the brothers Prometheus and Epimetheus in - our approach to human-technology hybridation, as an - incursion of the human in technology.</p> - </header> - - <section lang="fr"> - <h2>Un engagement coopératif</h2> - - <p>De manière générale, nos projets d'édition et de - publications sont en lien direct avec nos autres projets. En - recherche comme en édition, <span class="ps">P.S.: </span> - privilégie une approche trans-individuelle, participative, - qui reconnaît et traduit en actes l'<em>interdépendanse</em> - des sujets et des milieux qui les accueillent et les - nourrissent : si chacun·e porte des idées propres à - transformer le milieu, celles-ci sont également affectées - par celui-là et par les interactions entre auteur·e·s et - entre auteur·e·s & édit·eur·rice·s.</p> - - <p>Ainsi, l'une de nos méthodes pour documenter des projets - libres en cours, de manière à amplifier leur action, engage - une communauté dans une attitude permettant d'intégrer la - production et la préservation sur le long terme de savoirs - qui lui sont propres : un <a href="docsprint/">Doc - Sprint</a> est une opération collaborative visant à - distiller sous forme de documentation la connaissance de - <em>processus socio-techniques</em> disponibles sous forme - de logiciel libre et porté par ses développeurs et - utilisateurs.</p> - - <p>Le lecteur intéressé pourra retrouver le récit de notre - première année d'activité soulignant notre démarche dans le - numéro 11 du <a - href="http://peerproduction.net/"><em>Journal of Peer - Production</em></a>, sous l'intitulé : <a - href="https://ps.zoethical.org/t/singular-technologies-the-third-technoscape/333">Singular - Technologies & the Third-TechnoScape</a>.</p> - </section> - <section lang="en"> - <h2>A Cooperative Engagement</h2> - - <p>Generally, our publishing projects and publications are - in direct relation to our other projects. In research as in - publishing, <span class="ps">P.S.: </span> favors a - trans-individual, participatory approach that recognizes and - translates into acts the <em>interdependance</em> of - subjects and milieu that receives and nourishes them : if - everyone can bring ideas susceptible to changing the - environment, these are equally affected by it and the - interactions between authors and between authors & - editors.</p> - - <p>Therefore, one of the methods we use to document free - projects as they run, to amplify their action, engage a - community with an attitude to integrate both production and - long-term preservation of its own knowledges: a <a - href="docsprint/">Doc Sprint</a> is a collaborative - operation aiming at distilling, in the form of - documentation, knowledge of <em>socio-technical - processes</em> readily available as free software and upheld - by its developers and users.</p> - - <p>The interested reader will find a story of our first year - of activity underlining our process in issue #11 of the <a - href="http://peerproduction.net/"><em>Journal of Peer - Production</em></a>, under the tile : <a - href="https://ps.zoethical.org/t/singular-technologies-the-third-technoscape/333">Singular - Technologies & the Third-TechnoScape</a>.</p> - </section> - - <section lang="fr"> - <h2>Une recherche multi-polaire</h2> - - <p>Nous engageons des chercheu·r·se·s provenant de - différents chemins de vie afin de confronter les - perspectives et les approches dans une dynamique forçant - l'<em>interdépendanse</em> et ne laissant aucun répit au - confort de l'illusoire sensation individuelle - (autistique).</p> - - <p>Cette attitude radicale invite à la complexité en - réinsérant les corps dans un contexte hors-de-contrôle et - les réflexions dans un conflit permanent qui nécessite la - prise en compte de l'autre.</p> - - <p>Les <em>Nouvelles Études Simondoniennes - Transdisciplinaires</em> (NEST) rassemblent des philosophes - intéressés par la pensée de Gilbert Simondon avec un - objectif d'intensification des réflexions autour des notions - de trans-individualité, de réseaux (techniques et humains), - de l'hybridation humain-technique, de l'amplification des - systèmes complexes, de la spécificité du vivant, etc. pour - comprendre et aborder la complexité des enjeux actuels des - productions technologiques. Nous travaillons en ce moment à - l'écriture d'un dossier sur <em>les technologies libres à la - lumière de Simondon</em>.</p> - - <p>Parfois, lorsque la forme de l'essai ne nous convainc - pas, il nous est arrivé de laisser libre cours à notre - créativité pour rencontrer un mode d'expression plus - ludique, comme par exemple cette "farce rigolarde sur des - sujets passablement terrifiants, selon une perspective - unique et fondamentale, Et Toutes Les Autres Qui La - Contredisent" : <a href="/dpdg/">Du propre des gueux</a>, qui si - elle prend la forme classique d'une pièce de théâtre semble - plutôt destinée à la radio ou à des places occupées.</p> - </section> - <section lang="en"> - <h2>Multi-polar Research</h2> - - <p>We engage with researchers from many diverse paths of - life in order to confront their perspectives and approaches - within a dynamics that forces <em>interdependance</em> and - leaves no break to the illusory comfort of a "feeling - individual" (autistic).</p> - - <p>Such a radical attitude invites to complexity by - reinserting the body within an out-of-control context and - the reflections in a permanent conflict that requires taking - into account the other.</p> - - <p>The <em>Nouvelles Études Simondoniennes - Transdisciplinaires</em> (NEST) gathers philosophers - interested in Gilbert Simondon with an objective of - intensifying reflections around trans-individuality, - networks (technical and human), techno-human hybridization, - amplification of complex systems, specificity of the living, - etc. pour understand and approach the complexity of actual - stakes of technological productions. We're currently working - on an issue on <em>free technologies in the light of - Simondon</em>.</p> - - <p>Sometimes, when the essay form does not convince us, we - might unleash our creativity to meet another more playful - mean of expression, as with this “funny farce on - passably terrifying topics, according to a unique and - fundamental perspective, and all others that contradict - it.”: <a href="/dpdg/">Du propre des gueux</a>, that, - if it takes a classical theater form, seems destined to - radio or occupied places.</p> - </section> - - <aside> - <h3>Publications</h3> - <ul> - <li><a href="https://ps.zoethical.org/tags/article">sélection d'articles</a> - (<a href="https://ps.zoethical.org/tags/article" title="S'abonner au flux des articles récents">RSS</a>)</li> - <li><a href="/dpdg/">Du propre des gueux - <img alt="DPDG" src="../../assets/img/dpdg-cover.png"></a> - </li> - <li><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">software freedom your way - <img alt="SFYW" src="../../assets/img/sfyw-cover.png"></a> - </li> - <li><a href="https://ps.lesoiseaux.io/txt/thx">Collection THX - <img alt="THX" src="../../assets/img/thx-covers.gif"></a> - </li> - </ul> - </aside> - </article> - </main> - <aside> - <nav> - <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> - <ul> - <li> - <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> - <span lang="fr">Collectif d'artistes</span> - <span lang="en">Artist Collective</span> - </li> - <li> - <a href="https://ps.lesoiseaux.io/txt/">TXT</a> - <span lang="fr">P.S.: Éditions</span> - <span lang="en">P.S.: Publishing</span> - </li> - <li> - <a href="https://ps.lesoiseaux.io/vda/">VDA</a> - <span lang="fr">Jeu Vide-A</span> - <span lang="en">Vide-A Game</span> - </li> - </ul> - </nav> - </aside> - <footer> - <p><span>Copyright</span> <span>©</span> 2017-2022 - <a href="https://ps.lesoiseaux.io/" - title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> - — <a lang="en" href="http://artlibre.org/licence/lal/en/" - title="License for contents : Free Art v1.3">We make free art </a><a - lang="fr" href="http://artlibre.org/licence/lal/" - title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> - — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" - title="License for Web code : GNU AGPL v3">We make free software </a><a - lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" - title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> - — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 - </p> - </footer> - <script type="text/javascript" src="../../assets/js/jquery.min.js"></script> - <script type="text/javascript" src="../../assets/js/ps-app.js"></script> - </body> -</html> +index-003.html
\ No newline at end of file diff --git a/ps/txt/spectralx/index.html b/ps/txt/spectralx/index.html new file mode 100644 index 0000000..227a957 --- /dev/null +++ b/ps/txt/spectralx/index.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>petites singularités — Cahiers marrons</title> + <link rel="stylesheet" href="../../../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:site_name" content="petites singularités"> + <meta property="og:description" content="Bientôt : une nouvelle collection pour prendre soin d'une parole inclusive"> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités — Éditions à Bruxelles — Spectralx"> + <meta property="og:url" content="https://ps.lesoiseaux.io/txt/spectralx"> + <meta name="twitter:card" content="summary"> + <meta name="twitter:description" content="Bientôt : une nouvelle collection pour prendre soin d'une parole inclusive"> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/spectralx"> + <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles — Spectralx"> + </head> + <body class="ps txt"> + <header lang="fr"> + <h1>petites singularités</h1> + <h2>Spectralx</h2> + <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> + </header> + <header lang="en"> + <h1>petites singularités</h1> + <h2>Spectralx</h2> + <p>Research in social sciences, arts, <span>&</span> aesthetics</p> + </header> + <main> + <article> + <header lang="fr"> + <p class="tagline">Prendre soin d'une parole inclusive</p> + </header> + <header lang="en"> + <p class="tagline">Caring for an inclusive voice</p> + </header> + + <section id="a-propos-de-spectralx" lang="fr"><h2>À propos de la collection Spectralx</h2> + <p>Bientôt...</p> + </section> + <section id="about-spectralx" lang="en"><h2>About the Spectralx collection</h2> + <p>Soon...</p> + </section> + + <section id="spx-001"><h2>012024 Spectralx : une théorie de l'inclusivité</h2> + <p lang="fr">À paraître.</p> + <p lang="en">Forthcoming.</p> + </section> + + <section id="manuscrits"><h2>Votre manuscrit ?</h2> + <p lang="fr">Nous cherchons des interlocutaires francophones souhaitant publier en langue française inclusive et non-binaire. Si d'aventure cela vous tente, + <a href="mailto:manuscrit.spectralx@zoethical.org?Subject=Spectralx">faites-nous signe(s)</a>.</p> + </section> + </article> + </main> + <aside> + <nav> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> + <ul> + <li> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> + <span lang="fr">Collectif d'artistes</span> + <span lang="en">Artist Collective</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> + <span lang="fr">P.S.: Éditions</span> + <span lang="en">P.S.: Publishing</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/vda/">VDA</a> + <span lang="fr">Jeu Vide-A</span> + <span lang="en">Vide-A Game</span> + </li> + </ul> + </nav> + </aside> + <footer> + <p><span>Copyright</span> <span>©</span> 2017-2023 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + </p> + </footer> + <script type="text/javascript" src="/assets/js/jquery.min.js"></script> + <script type="text/javascript" src="/assets/js/ps-app.js"></script> + </body> +</html> diff --git a/ps/txt/synware/index.html b/ps/txt/synware/index.html new file mode 100644 index 0000000..150bdfa --- /dev/null +++ b/ps/txt/synware/index.html @@ -0,0 +1,111 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>petites singularités — Collection sinwɛːʁ</title> + <link rel="stylesheet" href="../../../assets/css/screen.css"> + <!-- Onebox rich link --> + <meta property="og:site_name" content="petites singularités"> + <meta property="og:description" content="Les petites singularités forment une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> + <meta property="og:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta property="og:title" content="petites singularités — Éditions à Bruxelles — Collection sinwɛːʁ"> + <meta property="og:url" content="https://ps.lesoiseaux.io/txt/synware"> + <meta name="twitter:card" content="summary"> + <meta name="twitter:description" content="sinwɛːʁ Collection. Awakening territories to life with collective practices and free technologies for the resistance."> + <meta name="twitter:image" content="https://ps.zoethical.org/uploads/default/original/1X/2507b5bfeb5fb65e394ac83f948aa0c8150a8647.png"> + <meta name="twitter:url" content="https://ps.lesoiseaux.io/txt/synware"> + <meta name="twitter:title" content="petites singularités — Éditions à Bruxelles — Collection THX"> + </head> + <body class="ps txt"> + <header lang="fr"> + <h1>petites singularités</h1> + <h2>Collection <em>Synware</em></h2> + <p>Recherches en sciences sociales, arts <span>&</span> esthétiques</p> + </header> + <header lang="en"> + <h1>petites singularités</h1> + <h2>Synware Collection</h2> + <p>Research in social sciences, arts, <span>&</span> aesthetics</p> + </header> + <main> + <article> + <header lang="fr"> + <p class="tagline">Synware<span> :<span> syndicalisme logiciel libre</p> + </header> + <header lang="en"> + <p class="tagline">Synware<span>:</span> Free Software Syndicalism</p> + </header> + + <section id="a-propos-de-synware" lang="fr"><h2>À propos de <em>Synware</em></h2> + <p><span class="phonetic">sinwɛːʁ</span></p> + <p>Cette collection explore les modalités d’usage, de + création et de maintenance collectiz des technologies + numériques. Elle documente les logiciels libres + décentralisés, leurs usages et organisations + communautaires autant techniques que conceptualz, + esthétiques et politiques.</p> + </section> + <section id="about-synware" lang="en"><h2>About Synware</h2> + <p><span class="phonetic">sinwɛːʁ</span></p> + <p>This collection explores the modalities of using, + creating, and maintaining digital technologies + collectively. It documents decentralized free software, + their usage and community organization as much technical + as conceptual, aesthetical and political.</p> + </section> + + <section id="sfyw"><h2>012016 Software Freedom your Way</h2> + <p lang="en"><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">Out of print</a></p> + <p lang="fr"><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">Épuisé</a></p> + <p><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19"><img src="https://ps.zoethical.org/uploads/default/original/1X/07c729bd83321a5c33c0a51bb4a9a9d88b9b2814.png" alt="software freedom your way (book cover)"></a></p> + </section> + + <section id="presents-suspendus"><h2>012023 Synware: Free Software Syndicates</h2> + <p lang="en">A new take on SFYW, focusing on software syndicates and radical new ways of envisioning software production...</p> + <p lang="fr">Une revisite de SFYW, orientée vers le syndicalisme logiciel et de nouvelles formes radicales d'envisager la production logicielle...</p> + <p><img src="https://ps.zoethical.org/uploads/default/original/2X/6/64cf933e361185e730cb3ebb2e5bb669fc4634b3.png" alt="Synware (book cover)"></p> + </section> + </article> + </main> + <aside> + <nav> + <h3><a href="https://ps.lesoiseaux.io/">P.S.:</a></h3> + <ul> + <li> + <a href="https://ps.lesoiseaux.io/gfx/">GFX</a> + <span lang="fr">Collectif d'artistes</span> + <span lang="en">Artist Collective</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/txt/">TXT</a> + <span lang="fr">P.S.: Éditions</span> + <span lang="en">P.S.: Publishing</span> + </li> + <li> + <a href="https://ps.lesoiseaux.io/vda/">VDA</a> + <span lang="fr">Jeu Vide-A</span> + <span lang="en">Vide-A Game</span> + </li> + </ul> + </nav> + </aside> + <footer> + <p><span>Copyright</span> <span>©</span> 2017-2023 + <a href="https://ps.lesoiseaux.io/" + title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> + — <a lang="en" href="http://artlibre.org/licence/lal/en/" + title="License for contents : Free Art v1.3">We make free art </a><a + lang="fr" href="http://artlibre.org/licence/lal/" + title="Licence des contenus : Art Libre v1.3">Nous faisons de l'art libre </a> + — <a lang="en" href="https://code.cepheide.org/lesoiseaux.io.git" + title="License for Web code : GNU AGPL v3">We make free software </a><a + lang="fr" href="https://code.cepheide.org/lesoiseaux.io.git" + title="Licence du code Web : GNU AGPL v3">Nous faisons du logiciel libre </a> + — <span lang="en">We make </span><span lang="fr">Nous faisons </span> <3 + </p> + </footer> + <script type="text/javascript" src="/assets/js/jquery.min.js"></script> + <script type="text/javascript" src="/assets/js/ps-app.js"></script> + </body> +</html> diff --git a/ps/txt/thx.html b/ps/txt/thx/index.html index f7d8022..64abeb1 100644 --- a/ps/txt/thx.html +++ b/ps/txt/thx/index.html @@ -4,7 +4,7 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>petites singularités — Collection THX</title> - <link rel="stylesheet" href="../../assets/css/screen.css"> + <link rel="stylesheet" href="../../../assets/css/screen.css"> <!-- Onebox rich link --> <meta property="og:site_name" content="petites singularités"> <meta property="og:description" content="Les petites singularités forment une association sans but lucratif établie à Bruxelles. Nous pensons l’organisation et l’action collectives dans la production du sens au regard de la localité et de l’hybridation des humains et des technologies libres."> @@ -30,54 +30,63 @@ </header> <main> <article> - <header lang="fr"> - <p class="tagline">La théorie doit informer l'acte et - s'intégrer dans une dynamique synergétique avec lui pour - l'amplifier.</p> - </header> - <header lang="en"> - <p class="tagline"></p> - </header> + <header lang="fr"> + <p class="tagline">Trans · Hack · eXperience</p> + </header> + <header lang="en"> + <p class="tagline">Trans · Hack · eXperience</p> + </header> - <section id="a-propos-de-thx" lang="fr"><h2>À propos de THX</h2> - <p>Trans · Hack · eXploration (THX) est une résidence d'écriture proposée annuellement par les petites singularités pour provoquer la rencontre de programm·eur·euse·s de logiciel libre et de militant·e·s afin de créer des synergies parmi les réseaux de résistance, propres à inventer des praxis de production logicielles répondant aux besoins vitaux des révolutionnaires. - </section> - <section id="about-thx" lang="en"><h2>About THX</h2> - </section> + <section id="a-propos-de-thx" lang="fr"><h2>À propos de THX</h2> + <p>Rédaction collective à plusieurs mains qui + s’engage, depuis une position de + <em>hacker</em><sup id="fnref1"><a href="#fn-1">[1]</a></sup>, + dans une critique de la technosociété et de la + technoscience, établie autour d’une résidence + d’écriture annuelle et d’une assemblée permanente + en ligne, ouverte à touz.</p> + </section> + <section id="about-thx" lang="en"><h2>About THX</h2> + <p>Collective participatory writing engaging, from a + hacker standpoint, with the critique of + technosociety and technoscience, established + around a yearly writing residency and an online + permanent assembly open to all.</p> + </section> - <section id="prendre-soin" lang="fr"><h2>012020 Prendre Soin</h2> - <p lang="en"><a href="https://thx.zoethical.org/pub/prendre-soin">Available</a></p> - <p lang="fr"><a href="https://thx.zoethical.org/pub/prendre-soin">Disponible</a></p> - </section> + <section id="prendre-soin"><h2>012020 Prendre Soin</h2> + <p lang="en"><a href="https://thx.zoethical.org/pub/prendre-soin">Available</a></p> + <p lang="fr"><a href="https://thx.zoethical.org/pub/prendre-soin">Disponible</a></p> + </section> + <section id="presence-solidaire"><h2>012021 Présence Solidaire</h2> + <p lang="en"><a href="https://thx.zoethical.org/pub/presence-solidaire">Available</a></p> + <p lang="fr"><a href="https://thx.zoethical.org/pub/presence-solidaire">Disponible</a></p> + </section> - <section id="presence-solidaire"><h2>012021 Présence Solidaire</h2> - <p lang="en"><a href="https://thx.zoethical.org/pub/presence-solidaire">Available</a></p> - <p lang="fr"><a href="https://thx.zoethical.org/pub/presence-solidaire">Disponible</a></p> - </section> - - - <section id="please-synchronize"><h2>012022 PLEASE Synchronize</h2> - <p lang="en">From 10<sup>th> to 20<sup>th</sup> of July... <a href="">Read the invitation</a></p> - <p lang="fr">Du 10 au 20 juillet... <a href="https:///">Voir l'invitation</a></p> - </section> + <section id="presents-suspendus"><h2>012022 Présents Suspendus</h2> + <p lang="en"><a href="https://thx.zoethical.org/pub/presence-solidaire">Available</a></p> + <p lang="fr"><a href="https://thx.zoethical.org/pub/presence-solidaire">Disponible</a></p> + </section> + <section id="par-surprise"><h2>012023 Par Surprise</h2> + <p lang="en">From 10<sup>th</sup> to 20<sup>th</sup> of June in Montreal, then somewhere in Europe in Summer... + <a href="https://thx.zoethical.org/pub/invitation-par-surprise-a-thx-2023">Read the invitation</a></p> + <p lang="fr">Du 10 au 20 juin à Montréal, puis quelque part en Europe cet été... + <a href="https://thx.zoethical.org/pub/invitation-par-surprise-a-thx-2023">Lire l'invitation</a></p> + </section> <aside> - <h3>Publications</h3> - <ul> - <li><a href="https://ps.zoethical.org/tags/article">sélection d'articles</a> - (<a href="https://ps.zoethical.org/tags/article" title="S'abonner au flux des articles récents">RSS</a>)</li> - <li><a href="/dpdg/">Du propre des gueux - <img alt="DPDG" src="../../assets/img/dpdg-cover.png"></a> - </li> - <li><a href="https://ps.zoethical.org/t/sfyw-software-freedom-your-way/19">software freedom your way - <img alt="SFYW" src="../../assets/img/sfyw-cover.png"></a> - </li> - <li><!a href="https://ps.lesoiseaux.io/txt/thx">Collection THX - <img alt="THX" src="../../assets/img/thx-covers.gif"></a> - </li> - </ul> + <section lang="fr" id="footnotes"> + <h3>Notes</h3> + <ol> + <li id="fn-1"><em>Hacker</em> est parfois traduit en + français par bricoleur, mais cette notion n’a pas la + portée à la fois technophile, technocritique et + subsversive que nous lisons dans le terme + anglophone. <a href="#fnref1">↩︎</a></li> + </ol> + </section> </aside> </article> </main> @@ -104,7 +113,7 @@ </nav> </aside> <footer> - <p><span>Copyright</span> <span>©</span> 2017-2022 + <p><span>Copyright</span> <span>©</span> 2017-2023 <a href="https://ps.lesoiseaux.io/" title="URL Canonique : https://ps.lesoiseaux.io/"><em>petites singularités</em></a> — <a lang="en" href="http://artlibre.org/licence/lal/en/" |
