From 1664fb9dc8d85a0e3e0dad4895197e1970136f3d Mon Sep 17 00:00:00 2001 From: hellekin Date: Mon, 24 Apr 2023 14:44:27 +0200 Subject: New version of /txt/ --- assets/css/screen.css | 2 +- assets/scss/_main.scss | 176 ++++++++++++------------ assets/scss/_txt.scss | 30 +++-- ps/txt/cahiers-marrons/index.html | 128 ++++++++++++++++++ ps/txt/index-000.html | 251 +++++++++++++++++++++++++++++++++++ ps/txt/index-001.html | 271 +++++++++++++++++++++++++++++++++++++ ps/txt/index-002.html | 273 ++++++++++++++++++++++++++++++++++++++ ps/txt/index.html | 252 +---------------------------------- ps/txt/synware/index.html | 111 ++++++++++++++++ ps/txt/thx.html | 124 ----------------- ps/txt/thx/index.html | 133 +++++++++++++++++++ 11 files changed, 1277 insertions(+), 474 deletions(-) create mode 100644 ps/txt/cahiers-marrons/index.html create mode 100644 ps/txt/index-000.html create mode 100644 ps/txt/index-001.html create mode 100644 ps/txt/index-002.html mode change 100644 => 120000 ps/txt/index.html create mode 100644 ps/txt/synware/index.html delete mode 100644 ps/txt/thx.html create mode 100644 ps/txt/thx/index.html 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 @@ + + + + + + petites singularités — Cahiers marrons + + + + + + + + + + + + + + +
+

petites singularités

+

Cahiers marrons

+

Recherches en sciences sociales, arts & esthétiques

+
+
+

petites singularités

+

Maroon Notebooks

+

Research in social sciences, arts, & aesthetics

+
+
+
+
+

Littérature férale

+
+
+

Feral Literature

+
+ +

À propos des Cahiers marrons

+

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.

+
+

About the Maroon notebooks

+

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 thȧnk and put their body + in the way.

+
+ +

012020 Du propre des gueux

+

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 » : Du propre des gueux, + 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.

+

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.”: Du propre des gueux, that, + if it takes a classical theater form, seems destined to + radio or occupied places.

+

Du Propre des Gueux (book cover)

+
+ +

Votre manuscrit ?

+

Nous cherchons des interlocutaires francophones + dans le Sud global, si tu es tentæ par l'aventure, + fais-nous signe(s).

+
+
+
+ + + + + + 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 @@ + + + + + + petites singularités — Éditions à Bruxelles + + + + + + + + + + + + + + +
+

petites singularités

+

P.S.: Éditions à Bruxelles

+

Recherches en sciences sociales, arts & esthétiques

+
+
+

petites singularités

+

P.S.: Publishing in Brussels

+

Research in social sciences, arts, & aesthetics

+
+
+
+
+

La théorie doit informer l'acte et + s'intégrer dans une dynamique synergétique avec lui pour + l'amplifier.

+

On peut parler alors + d'interdépendanse, 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.

+
+
+

Theory must inform the act and integrate + in a synergetic dynamics with it, to amplify it.

+

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.

+
+ +
+

Un engagement coopératif

+ +

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, P.S.: + privilégie une approche trans-individuelle, participative, + qui reconnaît et traduit en actes l'interdépendanse + 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.

+ +

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 Doc + Sprint est une opération collaborative visant à + distiller sous forme de documentation la connaissance de + processus socio-techniques disponibles sous forme + de logiciel libre et porté par ses développeurs et + utilisateurs.

+ +

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 Journal of Peer + Production, sous l'intitulé : Singular + Technologies & the Third-TechnoScape.

+
+
+

A Cooperative Engagement

+ +

Generally, our publishing projects and publications are + in direct relation to our other projects. In research as in + publishing, P.S.: favors a + trans-individual, participatory approach that recognizes and + translates into acts the interdependance 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.

+ +

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 Doc Sprint is a collaborative + operation aiming at distilling, in the form of + documentation, knowledge of socio-technical + processes readily available as free software and upheld + by its developers and users.

+ +

The interested reader will find a story of our first year + of activity underlining our process in issue #11 of the Journal of Peer + Production, under the tile : Singular + Technologies & the Third-TechnoScape.

+
+ +
+

Une recherche multi-polaire

+ +

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'interdépendanse et ne laissant aucun répit au + confort de l'illusoire sensation individuelle + (autistique).

+ +

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.

+ +

Les Nouvelles Études Simondoniennes + Transdisciplinaires (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 les technologies libres à la + lumière de Simondon.

+ +

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" : Du propre des gueux, 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.

+
+
+

Multi-polar Research

+ +

We engage with researchers from many diverse paths of + life in order to confront their perspectives and approaches + within a dynamics that forces interdependance and + leaves no break to the illusory comfort of a "feeling + individual" (autistic).

+ +

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.

+ +

The Nouvelles Études Simondoniennes + Transdisciplinaires (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 free technologies in the light of + Simondon.

+ +

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.”: Du propre des gueux, that, + if it takes a classical theater form, seems destined to + radio or occupied places.

+
+ + +
+
+ + + + + + 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 @@ + + + + + + petites singularités — Éditions à Bruxelles + + + + + + + + + + + + + + +
+

petites singularités

+

P.S.: Éditions à Bruxelles

+

Recherches en sciences sociales, arts & esthétiques

+
+
+

petites singularités

+

P.S.: Publishing in Brussels

+

Research in social sciences, arts, & aesthetics

+
+
+
+
+
+ +
+

Un engagement coopératif

+ +

Établies en 2018 après deux ans de gestation, + les éditions petites singularités sont issues de + l’ASBL petites singularités qui + s’occupe de pratiques collectives et de logiciel libre.

+ +

Les éditions soutiennent et appliquent les modes + de faire et penser qui se répondent mutuellement + pour nourrir savoir-être et savoir-faire dans notre société + technologique, engageant une esthétique du libre + 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 licence + art libre (LAL-1.3) qui répond à notre exigence de + participer à la promotion de savoirs communs.

+ +

De manière générale, nos publications sont en lien direct + avec nos autres activités. En recherche comme en édition, + P.S.: privilégie une approche + trans-individuelle, participative, qui reconnaît et traduit + en actes l’interdépendanse 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.

+ +

Nous développons actuellement trois collections comme + autant d’axes de recherche : THX (un ouvrage par an), + sinwɛːʁ[1] + et les Cahiers + marronz[2].

+ +

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 Journal of Peer + Production, sous l'intitulé : Singular + Technologies & the Third-TechnoScape.

+
+ +
+

Une recherche multi-polaire

+ +

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'interdépendanse et ne laissant aucun répit au + confort de l'illusoire sensation individuelle + (autistique).

+ +

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.

+ +

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.

+
+
+

Multi-polar Research

+ +

We engage with researchers from many diverse paths of + life in order to confront their perspectives and approaches + within a dynamics that forces interdependance and + leaves no break to the illusory comfort of a "feeling + individual" (autistic).

+ +

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.

+ +

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.

+
+ +
+

THX

+

Trans · Hack · eXperience

+ +

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.

+
+
+

THX

+

Trans · Hack · eXperience

+ +

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.

+
+ +
+

sinwɛːʁ

+

Synware: syndicats de logiciel libre

+ +

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.

+
+
+

sinwɛːʁ

+

Synware: Free Software Syndicates

+ +

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.

+
+ +
+

Cahiers marronz

+

Littérature férale

+ +

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.

+ +

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 » : Du propre des gueux, + 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.

+
+
+

Cahiers marronz

+

Feral Literature

+ +

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 thȧnk and put their body + in the way.

+ +

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.”: Du propre des gueux, that, + if it takes a classical theater form, seems destined to + radio or occupied places.

+
+ + +
+
+ + + + + + 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 @@ + + + + + + petites singularités — Éditions à Bruxelles + + + + + + + + + + + + + + +
+

petites singularités

+

P.S.: Éditions à Bruxelles

+

Recherches en sciences sociales, arts & esthétiques

+
+
+

petites singularités

+

P.S.: Publishing in Brussels

+

Research in social sciences, arts, & aesthetics

+
+
+
+
+
+ +
+

Un engagement coopératif

+ +

Établies en 2018 après deux ans de gestation, + les éditions petites singularités sont issues de + l’ASBL petites singularités qui + s’occupe de pratiques collectives et de logiciel libre.

+ +

Les éditions soutiennent et appliquent les modes + de faire et penser qui se répondent mutuellement + pour nourrir savoir-être et savoir-faire dans notre société + technologique, engageant une esthétique du libre + 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 licence + art libre (LAL-1.3) qui répond à notre exigence de + participer à la promotion de savoirs communs.

+ +

De manière générale, nos publications sont en lien direct + avec nos autres activités. En recherche comme en édition, + P.S.: privilégie une approche + trans-individuelle, participative, qui reconnaît et traduit + en actes l’interdépendanse 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.

+ +

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 Journal of Peer + Production, sous l'intitulé : Singular + Technologies & the Third-TechnoScape.

+
+ +
+

Une recherche multi-polaire

+ +

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'interdépendanse et ne laissant aucun répit au + confort de l'illusoire sensation individuelle + (autistique).

+ +

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.

+ +

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.

+
+
+

Multi-polar Research

+ +

We engage with researchers from many diverse paths of + life in order to confront their perspectives and approaches + within a dynamics that forces interdependance and + leaves no break to the illusory comfort of a "feeling + individual" (autistic).

+ +

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.

+ +

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.

+
+ +
+

Collections

+ +

Nous développons actuellement trois collections comme + autant d’axes de recherche : THX (un ouvrage par an), + sinwɛːʁ[1] + et les Cahiers marrons[2].

+ +

THX

+

Trans · Hack · eXperience

+ +

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.

+ +

Synware

+

Synware: syndicats logiciels libres

+ +

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.

+ +

Cahiers marrons

+

Littérature férale

+ +

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.

+
+
+

Collections

+ +

Currently, we're developing three collections, as many + lines of research: THX (one book a year), + sinwɛːʁ[1] + and the Maroon notebooks[2].

+ +

THX

+ +

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.

+ +

Synware

+

Synware: Free Software Syndicates

+ +

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.

+ +

Cahiers marrons

+

Feral Literature

+ +

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 thȧnk and put their body + in the way.

+
+ + +
+
+ + + + + + diff --git a/ps/txt/index.html b/ps/txt/index.html deleted file mode 100644 index 80708ed..0000000 --- a/ps/txt/index.html +++ /dev/null @@ -1,251 +0,0 @@ - - - - - - petites singularités — Éditions à Bruxelles - - - - - - - - - - - - - - -
-

petites singularités

-

P.S.: Éditions à Bruxelles

-

Recherches en sciences sociales, arts & esthétiques

-
-
-

petites singularités

-

P.S.: Publishing in Brussels

-

Research in social sciences, arts, & aesthetics

-
-
-
-
-

La théorie doit informer l'acte et - s'intégrer dans une dynamique synergétique avec lui pour - l'amplifier.

-

On peut parler alors - d'interdépendanse, 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.

-
-
-

Theory must inform the act and integrate - in a synergetic dynamics with it, to amplify it.

-

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.

-
- -
-

Un engagement coopératif

- -

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, P.S.: - privilégie une approche trans-individuelle, participative, - qui reconnaît et traduit en actes l'interdépendanse - 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.

- -

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 Doc - Sprint est une opération collaborative visant à - distiller sous forme de documentation la connaissance de - processus socio-techniques disponibles sous forme - de logiciel libre et porté par ses développeurs et - utilisateurs.

- -

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 Journal of Peer - Production, sous l'intitulé : Singular - Technologies & the Third-TechnoScape.

-
-
-

A Cooperative Engagement

- -

Generally, our publishing projects and publications are - in direct relation to our other projects. In research as in - publishing, P.S.: favors a - trans-individual, participatory approach that recognizes and - translates into acts the interdependance 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.

- -

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 Doc Sprint is a collaborative - operation aiming at distilling, in the form of - documentation, knowledge of socio-technical - processes readily available as free software and upheld - by its developers and users.

- -

The interested reader will find a story of our first year - of activity underlining our process in issue #11 of the Journal of Peer - Production, under the tile : Singular - Technologies & the Third-TechnoScape.

-
- -
-

Une recherche multi-polaire

- -

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'interdépendanse et ne laissant aucun répit au - confort de l'illusoire sensation individuelle - (autistique).

- -

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.

- -

Les Nouvelles Études Simondoniennes - Transdisciplinaires (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 les technologies libres à la - lumière de Simondon.

- -

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" : Du propre des gueux, 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.

-
-
-

Multi-polar Research

- -

We engage with researchers from many diverse paths of - life in order to confront their perspectives and approaches - within a dynamics that forces interdependance and - leaves no break to the illusory comfort of a "feeling - individual" (autistic).

- -

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.

- -

The Nouvelles Études Simondoniennes - Transdisciplinaires (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 free technologies in the light of - Simondon.

- -

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.”: Du propre des gueux, that, - if it takes a classical theater form, seems destined to - radio or occupied places.

-
- - -
-
- - - - - - diff --git a/ps/txt/index.html b/ps/txt/index.html new file mode 120000 index 0000000..8a2a610 --- /dev/null +++ b/ps/txt/index.html @@ -0,0 +1 @@ +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 @@ + + + + + + petites singularités — Collection sinwɛːʁ + + + + + + + + + + + + + + +
+

petites singularités

+

Collection Synware

+

Recherches en sciences sociales, arts & esthétiques

+
+
+

petites singularités

+

Synware Collection

+

Research in social sciences, arts, & aesthetics

+
+
+
+
+

Synware : syndicalisme logiciel libre

+
+
+

Synware: Free Software Syndicalism

+
+ +

À propos de Synware

+

sinwɛːʁ

+

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.

+
+

About Synware

+

sinwɛːʁ

+

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.

+
+ +

012016 Software Freedom your Way

+

Out of print

+

Épuisé

+

software freedom your way (book cover)

+
+ +

012023 Synware: Free Software Syndicates

+

A new take on SFYW, focusing on software syndicates and radical new ways of envisioning software production...

+

Une revisite de SFYW, orientée vers le syndicalisme logiciel et de nouvelles formes radicales d'envisager la production logicielle...

+

Synware (book cover)

+
+
+
+ + + + + + diff --git a/ps/txt/thx.html b/ps/txt/thx.html deleted file mode 100644 index f7d8022..0000000 --- a/ps/txt/thx.html +++ /dev/null @@ -1,124 +0,0 @@ - - - - - - petites singularités — Collection THX - - - - - - - - - - - - - - -
-

petites singularités

-

Collection THX

-

Recherches en sciences sociales, arts & esthétiques

-
-
-

petites singularités

-

THX Collection

-

Research in social sciences, arts, & aesthetics

-
-
-
-
-

La théorie doit informer l'acte et - s'intégrer dans une dynamique synergétique avec lui pour - l'amplifier.

-
-
-

-
- -

À propos de THX

-

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. -

-

About THX

-
- -

012020 Prendre Soin

-

Available

-

Disponible

-
- - -

012021 Présence Solidaire

-

Available

-

Disponible

-
- - -

012022 PLEASE Synchronize

-

From 10th> to 20th of July... Read the invitation

-

Du 10 au 20 juillet... Voir l'invitation

-
- - - -
-
- - - - - - diff --git a/ps/txt/thx/index.html b/ps/txt/thx/index.html new file mode 100644 index 0000000..64abeb1 --- /dev/null +++ b/ps/txt/thx/index.html @@ -0,0 +1,133 @@ + + + + + + petites singularités — Collection THX + + + + + + + + + + + + + + +
+

petites singularités

+

Collection THX

+

Recherches en sciences sociales, arts & esthétiques

+
+
+

petites singularités

+

THX Collection

+

Research in social sciences, arts, & aesthetics

+
+
+
+
+

Trans · Hack · eXperience

+
+
+

Trans · Hack · eXperience

+
+ +

À propos de THX

+

Rédaction collective à plusieurs mains qui + s’engage, depuis une position de + hacker[1], + 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.

+
+

About THX

+

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.

+
+ +

012020 Prendre Soin

+

Available

+

Disponible

+
+ +

012021 Présence Solidaire

+

Available

+

Disponible

+
+ +

012022 Présents Suspendus

+

Available

+

Disponible

+
+ +

012023 Par Surprise

+

From 10th to 20th of June in Montreal, then somewhere in Europe in Summer... + Read the invitation

+

Du 10 au 20 juin à Montréal, puis quelque part en Europe cet été... + Lire l'invitation

+
+ + +
+
+ + + + + + -- cgit v1.2.3