diff options
| author | hellekin <how@cepheide.org> | 2023-04-24 14:44:27 +0200 |
|---|---|---|
| committer | hellekin <how@cepheide.org> | 2023-04-24 14:44:27 +0200 |
| commit | 1664fb9dc8d85a0e3e0dad4895197e1970136f3d (patch) | |
| tree | f8e50975b14106300410f47a8d2c7eff6a1c35e6 | |
| parent | b1f9d3b7e61bbe2edd013bc2bb86f71e6af02d58 (diff) | |
| download | lesoiseaux.io-1664fb9dc8d85a0e3e0dad4895197e1970136f3d.tar.gz | |
New version of /txt/
| -rw-r--r-- | assets/css/screen.css | 2 | ||||
| -rw-r--r-- | assets/scss/_main.scss | 176 | ||||
| -rw-r--r-- | assets/scss/_txt.scss | 30 | ||||
| -rw-r--r-- | ps/txt/cahiers-marrons/index.html | 128 | ||||
| -rw-r--r-- | ps/txt/index-000.html | 251 | ||||
| -rw-r--r-- | ps/txt/index-001.html | 271 | ||||
| -rw-r--r-- | ps/txt/index-002.html | 273 | ||||
| l---------[-rw-r--r--] | ps/txt/index.html | 252 | ||||
| -rw-r--r-- | ps/txt/synware/index.html | 111 | ||||
| -rw-r--r-- | ps/txt/thx/index.html (renamed from ps/txt/thx.html) | 95 |
10 files changed, 1196 insertions, 393 deletions
diff --git a/assets/css/screen.css b/assets/css/screen.css index 3b58ce2..23a0f86 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)}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)}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>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"}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:"« " " »"}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} diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss index 0327543..013ac6c 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); } } diff --git a/assets/scss/_txt.scss b/assets/scss/_txt.scss index 19bf047..e3d9a5a 100644 --- a/assets/scss/_txt.scss +++ b/assets/scss/_txt.scss @@ -1,14 +1,14 @@ body.txt { - background-color: $bg-txt-on; - - > aside { - &:hover, &:focus { - background-color: $bg-txt-on; - nav ul li:nth-child(2) { - background: $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; + } + } + } > header { h1 { min-height: 10rem; @@ -29,4 +29,14 @@ 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"; } diff --git a/ps/txt/cahiers-marrons/index.html b/ps/txt/cahiers-marrons/index.html new file mode 100644 index 0000000..9f4c92e --- /dev/null +++ b/ps/txt/cahiers-marrons/index.html @@ -0,0 +1,128 @@ +<!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. 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 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. 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> + + <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-001.html b/ps/txt/index-001.html new file mode 100644 index 0000000..512243d --- /dev/null +++ b/ps/txt/index-001.html @@ -0,0 +1,271 @@ +<!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>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 + marronz<sup id="fnref2"><a href="#fn-2">[2]</a></sup>.</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="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="thx"> + <h2>THX</h2> + <p class="tagline">Trans · Hack · eXperience</p> + + <p>Rédaction collective à plusieurs mains qui s’engage, + depuis une position de hacker[3], 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 lang="en"> + <h2>THX</h2> + <p class="tagline">Trans · Hack · eXperience</p> + + <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 lang="fr" id="sinwɛːʁ"> + <h2 class="phonetic">sinwɛːʁ</h2> + <p class="tagline">Synware: syndicats de logiciel libre</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 lang="en"> + <h2 class="phonetic">sinwɛːʁ</h2> + <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> + </section> + + <section lang="fr" id="cahiers-marronz"> + <h2>Cahiers marronz</h2> + <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> + + <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>Cahiers marronz</h2> + <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> + + <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.html b/ps/txt/index.html index 80708ed..8a2a610 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-002.html
\ No newline at end of file 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/" |