diff options
| -rw-r--r-- | assets/css/home.css | 2 | ||||
| -rw-r--r-- | assets/scss/_branding.scss | 25 | ||||
| -rw-r--r-- | assets/scss/home.scss | 41 | ||||
| -rw-r--r-- | ps/index-008.html | 83 |
4 files changed, 109 insertions, 42 deletions
diff --git a/assets/css/home.css b/assets/css/home.css index 4ea0b12..50d97c8 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:"“" "”" "‘" "’"}: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{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{display:block;padding:1rem;color:black}.media #gfx{background:rgba(191,138,112,.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:.9}.media #gfx:hover{background:rgba(191,138,112,.9);transform:rotate(0);margin:0;color:black;padding:1rem}.media #gfx:hover h3{transform:rotate(0) translateX(0) translateY(-4rem)}.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);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,.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,.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:.1}.media #vdo:hover video,.media #vda:hover video{opacity:1}.media #vdo:hover,.media #vda:hover{background:rgba(112,166,191,.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,.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,.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)}}@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{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} +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 0;left:0}.media #gfx h3{transform:rotate(4deg) translateX(1vw);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: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);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,.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 #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(-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:.1}.media #vdo:hover video,.media #vda:hover video{opacity:1}.media #vdo:hover,.media #vda:hover{background:rgba(112,166,191,.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,.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,.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/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/home.scss b/assets/scss/home.scss index a80e473..57ebccc 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; @@ -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,7 +425,7 @@ body > footer { .media #gfx { background: rgba(191, 138, 112,0.7); transform: rotate(-4deg); - margin: 0 -5vw 0 -2vw; + margin: 0 -3vw 0 0; left: 0; h3 { @@ -452,6 +451,13 @@ body > footer { transform: rotate(0) translateX(0) translateY(-4rem); } + figure { + display: inline-block; + width: 197px; + padding: 0; + margin: 1rem; + } + svg { opacity: 0.3; width: calc(100% + 4rem); @@ -492,6 +498,7 @@ body > footer { text-decoration: none; color: inherit; } + .media #gfx:hover p.tagline, .media #txt:hover p.tagline { position: absolute; top: 6rem; @@ -590,6 +597,16 @@ body > footer { 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) { @@ -604,6 +621,18 @@ 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{ diff --git a/ps/index-008.html b/ps/index-008.html index 46e13a7..954b387 100644 --- a/ps/index-008.html +++ b/ps/index-008.html @@ -134,51 +134,63 @@ <section id="gfx" class="fixed"> <h3><a href="./gfx/">GFX</a></h3> - <h4 lang="fr">Résistance & Engagement</h4> + <div lang="fr"> + <p class="tagline">Un réseau volontaire sans frontière + explorateur d'hypothèses minorisées</p> - <p lang="fr">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> + <h4>Résistance & Engagement</h4> - <h4 lang="en">Resistance & 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> - <p lang="en">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> + <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"> - Petites Singularités éditions, publications, recherche en - sciences sociales, artistique & esthétiques. + Éditions <em>petites singularités</em>, recherche en + sciences sociales, artistique & esthétiques, + littérature férale. </p> - <h4>État des Lieux</h4> + <h4>Lieux hors d'État</h4> - <p><span class="ps">P.S.:</span> se déploie au cœur de la - cité, dans des lieux significatifs qui accompagnent notre - réflexion et accueillent nos actions.</p> + <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 @@ -192,13 +204,14 @@ </div> <div lang="en"> <p class="tagline"> - Petites Singularités editions, publishing, research in - social, artistic sciences & aesthetics. + <em>petites singularités</em> publishing, research in + social, artistic sciences & aesthetics, feral + literature. </p> <h4>In Place of an Assessment</h4> - <p><span class="ps">P.S.:</span> deploys at the heart of + <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> |