You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2108 lines
94 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="./tense.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------PRINT----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@page {
size: 420mm, 297mm;
margin: 0mm;
}
@media print {
@font-face {
font-family: 'WFTF';
src: url('wftfs-Regular.otf');
4 years ago
}
@font-face {
font-family: 'EBGaramondmediumitalic';
src: url('EBGaramond-MediumItalic.ttf');
}
@font-face {
font-family: 'EBGaramonditalic';
src: url('EBGaramond-Italic.ttf');
}
4 years ago
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.ttf');
}
@font-face {
font-family: 'Robotobold';
src: url('Roboto-Bold.ttf');
}
@font-face {
font-family: 'Robotomedium';
src: url('Roboto-Medium.ttf');
}
@font-face {
font-family: 'Brut';
src: url('Brut_Grotesque-Text.otf');
}
@font-face {
font-family: 'Brutbold';
src: url('Brut_Grotesque-Bold.otf');
}
brut {
font-family: 'Brut';
color: black;
text-align: left;
font-size: 20px;
line-height: 120%;
}
/*div {background-color: transparent;}
div a {
text-decoration: none;
color: black;
margin-left: 10%;
font-size: 20px;
background-color: white;
display:inline-block;
}*/
ul {
display: inline;
margin: 0;
padding: 0;
background-color: yellow;
transition: all 500ms ease-in-out;
}
ul li {
display: inline-block;
background: red;
}
ul li:hover {
background: purple;
}
ul li:hover ul {
position: fixed;
4 years ago
display: block;
z-index: 20;
top: 5%;
left: 1%;
4 years ago
border-radius: 15px 15px 15px 15px;
transition: all 500ms ease-in-out;
line-height: 120%;
font-size: 20px;
max-width: 50%;
white-space: nowrap;
}
ul li ul {
position: absolute;
padding: 0% 0%;
display: none;
transition: all 100ms ease-in-out;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: transparent;
}
ul li ul li {
background: blue;
display: block;
margin-top: 0;
margin-left: 0;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
margin-top: 6%;
}
ul li ul li a {
display:block !important;
}
ul li ul li:hover {
background: transparent;
transition: all 100ms ease-in-out;
}
/*——————————————————————————————————————————————*/
ul2 {
display: inline;
margin: 0;
padding: 0;
background-color: yellow;
transition: all 500ms ease-in-out;
}
ul2 li2 {
display: inline-block;
background: red;
}
ul2 li2:hover {
background: purple;
}
ul2 li2:hover ul2 {
position: fixed;
display: block;
z-index: 20;
top: 5%;
right: 1%;
max-width:40%;
line-height: 120%;
font-size: 20px;
text-align: left;
border-radius: 15px 15px 15px 15px;
transition: all 500ms ease-in-out;
white-space: nowrap;
}
ul2 li2 ul2 {
position: absolute;
padding: 0% 0%;
display: none;
transition: all 100ms ease-in-out;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: transparent;
}
ul2 li2 ul2 li2 {
background: blue;
display: block;
margin-top: 0;
margin-right: 0;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
4 years ago
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
margin-top: 6%;
}
ul2 li2 ul2 li2 a {
display:block !important;
}
ul2 li2 ul2 li2:hover {
background: transparent;
transition: all 100ms ease-in-out;
}
/*——————————————————————————————————————————————*/
ul3 {
display: inline;
margin: 0;
padding: 0;
background-color: yellow;
transition: all 500ms ease-in-out;
}
ul3 li3 {
display: inline-block;
background: red;
}
ul3 li3:hover {
background: purple;
}
ul3 li3:hover ul3 {
position: fixed;
display: block;
z-index: 20;
bottom: 5%;
right: 1%;
max-width:40%;
line-height: 120%;
font-size: 20px;
text-align: left;
border-radius: 15px 15px 15px 15px;
transition: all 500ms ease-in-out;
}
ul3 li3 ul3 {
position: absolute;
padding: 0% 0%;
display: none;
transition: all 100ms ease-in-out;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: transparent;
}
ul3 li3 ul3 li3 {
background: blue;
display: block;
margin-bottom: 0;
margin-right: 0;
border-radius: 15px 15px 15px 15px;
z-index: 5000;
background-color: #CCCCCC;
mix-blend-mode: hard-light;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 100ms ease-in-out;
padding: 3px 20px;
margin-bottom: 6%;
}
ul3 li3 ul3 li3 a {
display:block !important;
}
ul3 li3 ul3 li3:hover {
background: transparent;
transition: all 100ms ease-in-out;
}
logo {
display: none;
position: fixed;
bottom: 0;
left: 0;
/*mix-blend-mode: hard-light;*/
}
.page {
page-break-after: always;
opacity: 1;
}
body {
padding: 2mm;
margin-top: 0;
margin-left: 0;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
text-align: left;
columns: 5 auto;
background: rgb(233,233,233);
background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(138,138,138,1) 100%);
}
.button {
display:none
}
.buttonright {
display:none
}
.image {
display: none;
}
h1 {
/*color: #353535;*/
4 years ago
color: transparent;
font-family: helvetica;
text-align: center;
font-size: 6pt;
line-height: 8pt;
font-weight: 900;
top: 0;
left: 10;
z-index: 300;
position: fixed;
}
h9 {
/*color: #353535;*/
4 years ago
color: transparent;
font-family: helvetica;
text-align: center;
font-size: 14pt;
line-height: 16pt;
font-weight: 900;
top: 0;
right: 10;
z-index: 300;
position: fixed;
}
h2 {
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 1mm;
padding-top: 1mm;
margin-right: 0mm;
/*color: #353535;*/
4 years ago
color: transparent;
font-family: helvetica;
font-weight: 500;
font-size: 14pt;
line-height: 16pt;
margin-left: 5mm;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
z-index: 250;
color: transparent;
border-radius: 10px 10px 10px 10px;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
h3 {
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
4 years ago
color: transparent;
font-style: italic;
text-align: center;
font-family: "Times New Roman", Times, serif;
font-weight: lighter;
font-size: 10pt;
line-height: 12pt;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
h4 {
/*color: #353535;*/
4 years ago
color: transparent;
font-family: helvetica;
4 years ago
font-size: 20px;
line-height: 90%;
}
h5 {
color: #EDEDED;
font-family: helvetica;
font-size: 6pt;
line-height: 8pt;
text-justify: none;
bottom: 0;
position: fixed;
display: inline-block;
/*text-shadow: 0px 0px 20px #FFFFFF;*/
z-index:99;
}
h6 {
color: transparent;
font-family: helvetica;
font-size: 6pt;
line-height: 8pt;
bottom: 0;
left: 0;
position: fixed;
display: inline-block;
/*text-shadow: 20px 20px 20px;*/
stroke: 1px;
z-index:98;
}
h7 {
opacity: 1;
font-family: helvetica;
font-weight: 500;
font-size: 14pt;
line-height: 16pt;
margin-left: 0px;
letter-spacing: normal;
z-index: 1000;
color: #FFF200;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /*, 0px 0px 19px rgba(255, 255, 255, 1);*/
}
h7vertical {
writing-mode: vertical-rl;
opacity: 1;
font-family: helvetica;
font-weight: bold;
font-size: 6pt;
line-height: 8pt;
margin-left: 0px;
z-index: 1000;
color: #FFF200;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; /*, 0px 0px 19px rgba(255, 255, 255, 1);*/
}
h8 {
opacity: 1;
font-family: helvetica;
font-weight: 500;
text-indent: 3mm;
margin-left: 0px;
font-size: 6pt;
line-height: 8pt;
text-align: left;
color: #FFF200;
/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 19px rgba(255, 255, 255, 1);*/
}
titre {
display: none;
color: transparent;
font-family: helvetica;
opacity: 1;
font-size: 18pt;
text-justify: center;
text-align: center;
bottom: 0;
left: 0;
line-height: 60%;
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
font-family: helvetica;
z-index: 100;
position: relative;
}
p{
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
font-size: 6pt;
line-height: 8pt;
text-indent: 50px;
margin-bottom: 0mm;
margin-top: 5mm;
text-align: left;
font-weight: normal;
font-family: helvetica;
/*color: #353535;*/
color: transparent;
z-index: 250;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
p2{
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
margin-bottom: 0mm;
margin-top: 5mm;
font-size: 6pt;
line-height: 8pt;
font-weight: normal;
text-align: left;
font-family: helvetica;
/*color: #353535;*/
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
z-index: 9;
border-radius: 10px 10px 10px 10px;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
p11{
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
margin-bottom: 0mm;
margin-top: 5mm;
font-size: 6pt;
line-height: 8pt;
font-weight: normal;
text-align: left;
font-family: helvetica;
/*color: #353535;*/
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
z-index: 9;
border-radius: 40px 40px 40px 40px;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
p3 {
content: "\a";
white-space: pre;
padding-left: 2mm;
padding-right: 2mm;
padding-bottom: 3mm;
padding-top: 3mm;
margin-top: 1mm;
margin-bottom: 1mm;
color: transparent;
text-align: center;
font-family: 'EBGaramondmediumitalic';
font-size: 6pt;
line-height: 8pt;
letter-spacing: 4px;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 20px 20px 20px 20px;
display: inline-block;
z-index: 1000;
background-color: transparent;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.2), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 0.8);
4 years ago
transition: all 400ms ease-in-out;
}
p4 {
display: block;
writing-mode: vertical-rl;
font-weight: bold;
content: "\a";
white-space: pre;
margin-right: 0mm;
padding-left: 2mm;
padding-right: 0mm;
padding-bottom: 3mm;
padding-top: 3mm;
4 years ago
color: transparent;
font-style: italic;
text-align: left;
font-family: helvetica;
font-size: 6pt;
line-height: 8pt;
letter-spacing: normal;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
z-index: 1000;
background-color: transparent;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.2), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 0.8);
4 years ago
transition: all 400ms ease-in-out;
}
p5 {
display: block;
font-weight: bold;
content: "\a";
white-space: pre;
margin-right: 0mm;
padding-left: 2mm;
padding-right: 0mm;
padding-bottom: 3mm;
padding-top: 3mm;
color: transparent;
font-style: italic;
text-align: left;
font-family: helvetica;
font-size: 6pt;
line-height: 8pt;
letter-spacing: normal;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
z-index: 1000;
background-color: transparent;
4 years ago
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1); transition: all 400ms ease-in-out;
}
not{
font-size: 6pt;
line-height: 8pt;
font-weight: normal;
font-family: helvetica;
4 years ago
color: transparent;
z-index: 400;
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
}
span {
4 years ago
color: transparent;
}
.square {
display: block;
position: relative;
font-family: helvetica;
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
margin-bottom: 0mm;
margin-top: 5mm;
font-size: 6pt;
line-height: 8pt;
width: 90%;
height: 50%;
margin-bottom: 0px;
color: transparent;
/*background-color: #CCCCCC;*/
background: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
z-index: 100;
}
.square:after {
content: "";
display: block;
padding-bottom: 50%;
z-index: 100;
}
.content {
position: absolute;
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*color: #353535;*/
4 years ago
color: transparent;
width: 70%;
height: 100%;
font-family: helvetica;
font-size: 14pt;
line-height: 16pt;
margin-top: 3mm;
margin-right: 3mm;
margin-left: 0mm;
margin-bottom: 3mm;
z-index: 100;
}
footnotes {
color: #353535;
font-family: helvetica;
font-weight: 900;
font-size: 6pt;
line-height: 8pt;
border-radius: 10px 10px 10px 10px;
font-family: helvetica;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
boxfootnotes {
padding-left: 3mm;
text-indent: 0mm;
padding-right: 3mm;
padding-bottom: 1mm;
padding-top: 1mm;
text-align: right;
4 years ago
color: transparent;
font-weight: 500;
font-size: 6pt;
line-height: 8pt;
font-family: helvetica;
z-index: 300;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
4 years ago
boxlink {
padding-left: 1mm;
text-indent: 0mm;
padding-right: 1mm;
padding-bottom: 12mm;
padding-top: 12mm;
text-align: right;
4 years ago
color: transparent;
font-size: 14pt;
line-height: 16pt;
font-family: helvetica;
z-index: 300;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 50px 50px 50px 50px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
a{
text-decoration: none;
/*color: #353535;*/
4 years ago
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
z-index: 1000;
}
a:visited{
text-decoration: none;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
}
a:hover {
/*color: #353535;*/
4 years ago
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
}
navigation {
margin: 0px;
}
.intro {
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 5mm;
padding-top: 3mm;
margin-bottom: 3mm;
text-align: left;
/*color: #353535;*/
4 years ago
color: transparent;
font-weight: 500;
font-size: 6pt;
line-height: 8pt;
text-indent: 10mm;
font-family: helvetica;
z-index: 100;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
ident {
text-indent: 10mm;
}
meta {
opacity: 1;
}
.dot {
background-color: transparent;
border: none;
position: fixed;
top:0;
left:0;
bottom: 0;
right: 0;
display: flex;
height: 100%;
width: 100%;
border-radius: 50%;
display: inline-block;
z-index: 9;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
box {
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
text-align: right;
4 years ago
color: transparent;
font-weight: 500;
font-size: 6pt;
line-height: 8pt;
font-family: helvetica;
z-index: 300;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
section {
display: block;
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
font-family: helvetica;
margin-top: 3mm;
text-align: left;
4 years ago
color: transparent;
font-weight: 500;
font-size: 6pt;
line-height: 8pt;
font-family: helvetica;
z-index: 300;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
4 years ago
sectionvertical {
display: block;
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
font-family: helvetica;
font-weight: bold;
margin-top: 3mm;
text-align: right;
text-justify: right;
4 years ago
color: transparent;
font-weight: 500;
font-size: 8pt;
line-height: 10pt;
font-family: helvetica;
z-index: 300;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
sectiontitre {
display: none;
padding-left: 3mm;
padding-right: 3mm;
padding-bottom: 3mm;
padding-top: 3mm;
font-family: helvetica;
font-weight: bold;
margin-top: 3mm;
text-align: left;
color: transparent;
font-weight: 500;
font-size: 14pt;
line-height: 8pt;
font-family: helvetica;
z-index: 300;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
br {
display: none;
}
4 years ago
.b {
font-family: helvetica;
font-weight: bold;
}
h9 {
display: block;
opacity: 1;
font-family: helvetica;
font-weight: 500;
font-size: 70pt;
text-align: center;
z-index: 1000;
line-height: 110%;
color: #FFF200;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
bodytitreleft {
display: none;
position: relative;
4 years ago
color: transparent;
font-family: helvetica;
opacity: 1;
font-size: 70pt;
letter-spacing: 0px;
text-justify: center;
text-align: center;
top: 0mm;
right: 180mm;
line-height: 100%;
font-family: helvetica;
z-index: -10;
}
bodytitreright {
display: none;
position: relative;
4 years ago
color: transparent;
font-family: helvetica;
opacity: 1;
font-size: 70pt;
letter-spacing: 0px;
text-justify: center;
text-align: center;
top: 0mm;
left: 180mm;
line-height: 100%;
font-family: helvetica;
z-index: -11;
}
.help{
display: none;
}
.print{
display: none;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------SCREEN----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen{
@font-face {
font-family: 'WFTF';
src: url('wftfs-Regular.otf');
}
@font-face {
font-family: 'EBGaramondmediumitalic';
src: url('EBGaramond-MediumItalic.ttf');
}
@font-face {
font-family: 'EBGaramonditalic';
src: url('EBGaramond-Italic.ttf');
}
4 years ago
@font-face {
font-family: 'Roboto';
src: url('Roboto-Regular.ttf');
}
@font-face {
font-family: 'Robotobold';
src: url('Roboto-Bold.ttf');
}
@font-face {
font-family: 'Robotomedium';
src: url('Roboto-Medium.ttf');
}
Broken Image {
display: none;
}
logo {
position: fixed;
4 years ago
bottom: 0%;
left: 1%;
z-index: 1000;
}
body{
4 years ago
margin-top: 6%;
margin-bottom: 6%;
margin-left: 1%;
margin-right: 1%;
columns: 2 auto;
/*background: white;*/
background: rgb(233,233,233);
background: radial-gradient(circle, rgba(233,233,233,1) 0%, rgba(138,138,138,1) 100%);
background-repeat: no-repeat;
background-attachment: fixed;
text-align: left;
position: absolute;
}
h1 {
4 years ago
color: transparent;
font-family: helvetica;
text-align: center;
line-height: 100%;
font-weight: 900;
top: 0;
left: 10;
z-index: 300;
position: fixed;
}
h2 {
4 years ago
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;
padding-top: 3%;
/*color: #353535;*/
4 years ago
color: transparent;
font-family: helvetica;
font-weight: 500;
4 years ago
font-size: 20px;
margin-left: 50px;
line-height: 120%;
z-index: 250;
display: inline-block;
z-index: 9;
background-color: transparent;
4 years ago
transition: all 500ms ease-in-out;
}
h2:hover {
color: black;
4 years ago
border-radius: 15px 15px 15px 15px;
z-index: 3000;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 500ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
h3 {
4 years ago
padding-left: 3%;
padding-right: 3%;
padding-bottom: 7%;
padding-top: 7%;
color: transparent;
font-style: italic;
text-align: center;
font-family: times new roman;
font-weight: lighter;
4 years ago
font-size: 20px;
line-height: 120%;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
display: inline-block;
z-index: 9;
background-color: transparent;
4 years ago
transition: all 400ms ease-in-out;
}
h3:hover {
4 years ago
color: transparent;
background-color: transparent;
color: black;
4 years ago
/*mix-blend-mode: hard-light;*/
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
}
h4 {
4 years ago
color: transparent;
font-family: helvetica;
4 years ago
font-size: 20px;
line-height: 90%;
}
h5 {
color: #EDEDED;
font-family: helvetica;
font-size: 120pt;
4 years ago
font-size: 20px;
text-justify: none;
bottom: 0;
position: fixed;
display: inline-block;
text-shadow: 0px 0px 20px #FFFFFF;
z-index:99;
}
h6 {
color: transparent;
font-family: helvetica;
4 years ago
font-size: 20px;
bottom: 0;
left: 0;
position: fixed;
display: inline-block;
text-shadow: 20px 20px 20px;
stroke: 1px;
z-index:98;
}
h7 {
opacity: 1;
font-family: helvetica;
font-weight: 500;
4 years ago
font-size: 20px;
margin-left: 0px;
line-height: 110%;
color: #FFF200;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;/*, 0px 0px 19px rgba(255, 255, 255, 1)*/
}
h8 {
opacity: 1;
font-family: helvetica;
font-weight: 500;
4 years ago
text-indent: 20px;
margin-left: 0px;
4 years ago
font-size: 20px;
text-align: center;
line-height: 110%;
color: #FFF200;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0px 0px 19px rgba(255, 255, 255, 1);
}
h9 {
opacity: 1;
font-family: helvetica;
font-weight: 500;
4 years ago
font-size: 20px;
text-align: center;
margin-left: 0px;
z-index: 1000;
line-height: 110%;
color: #FFF200;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;/*, 0px 0px 19px rgba(255, 255, 255, 1)*/
}
4 years ago
p {
padding-left: 3%;
padding-right: 3%;
padding-bottom: 7%;
padding-top: 7%;
font-size: 20px;
text-indent: 20px;
line-height: 120%;
text-align: left;
font-weight: normal;
4 years ago
margin-top: 3%;
margin-bottom: 0%;
font-family: helvetica;
4 years ago
display: inline-block;
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
display: inline-block;
4 years ago
z-index: 0;
background-color: transparent;
4 years ago
transition: all 400ms ease-in-out;
}
p:hover {
4 years ago
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
4 years ago
transition: all 400ms ease-in-out;
border-radius: 15px 15px 15px 15px;
4 years ago
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
}
p2 {
padding-left: 3%;
padding-right: 3%;
padding-bottom: 7%;
padding-top: 7%;
font-size: 20px;
line-height: 120%;
font-weight: normal;
4 years ago
margin-top: 3%;
text-align: left;
font-family: helvetica;
display: inline-block;
4 years ago
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
z-index: 0;
background-color: transparent;
4 years ago
transition: all 400ms ease-in-out;
}
p2:hover {
4 years ago
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
color: black;
4 years ago
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
}
p3 {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
padding-top: 10px;
4 years ago
margin-top: 2%;
margin-bottom: 2%;
color: transparent;
text-align: center;
font-family: 'EBGaramondmediumitalic';
4 years ago
font-size: 20px;
line-height: 120%;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
display: inline-block;
z-index: 10;
background-color: transparent;
4 years ago
transition: all 400ms ease-in-out;
}
p3:hover {
4 years ago
color: transparent;
z-index: 300;
color: black;
4 years ago
border-radius: 15px 15px 15px 15px;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
p5 {
padding-left: 1%;
padding-right: 1%;
padding-bottom: 2%;
padding-top: 2%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 2%;
margin-right: 2%;
color: transparent;
text-align: center;
4 years ago
font-family: 'EBGaramondmediumitalic';
font-size: 20px;
line-height: 120%;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
display: inline-block;
z-index: 9;
background-color: transparent;
4 years ago
transition: all 400ms ease-in-out;
}
p5:hover {
color: transparent;
background-color: transparent;
z-index: 300;
border-radius: 15px 15px 15px 15px;
color: black;
transition: all 400ms ease-in-out;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
}
p4 {
display:none;
}
4 years ago
p11 {
padding-left: 4%;
padding-right: 4%;
padding-bottom: 3%;
padding-top: 3%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 1%;
margin-right: 1%;
font-size: 20px;
line-height: 120%;
font-weight: normal;
text-align: left;
font-family: helvetica;
/*mix-blend-mode: hard-light;*/
color: transparent;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*text-shadow: 0px 1px 16px rgba(0, 0, 0, 0.35);*/
display: inline-block;
z-index: 9;
transition: all 400ms ease-in-out;
background-color: transparent;
}
p11:hover {
color: black;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
z-index: 300;
border-radius: 50px 50px 50px 50px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
sup {
color: transparent;
opacity: 0;
}
sup:hover {
color: black;
opacity: 1;
transition: all 400ms ease-in-out;
}
symbol {
font-family: 'WFTF';
4 years ago
font-size: 20px;
margin-left: 2%;
margin-right: 2%;
}
symbol:hover {
font-family: 'WFTF';
color: white;
z-index: 300;
}
not{
line-height: 120%;
font-weight: normal;
font-family: helvetica;
4 years ago
color: transparent;
z-index: 400;
}
span {
color: black;
}
.square {
4 years ago
padding-left: 1%;
padding-right: 1%;
padding-bottom: 1%;
padding-top: 1%;
position: relative;
font-family: helvetica;
4 years ago
color: transparent;
font-size: 20px;
width: 80%;
height: 40%;
margin-left: 0px;
margin-right: 0px;
4 years ago
margin-top: 3%;
/*background-color: #CCCCCC;*/
4 years ago
background-color: transparent;
z-index: 100;
filter: blur(0.2px);
4 years ago
transition: all 400ms ease-in-out;
-webkit-filter: blur(0.2px);
}
.square:after {
content: "";
display: block;
4 years ago
padding-top: 50%;
padding-right: 50%;
z-index: 100;
4 years ago
border-radius: 2% 2% 2% 2%;
}
.square:hover {
color: black;
4 years ago
transition: all 400ms ease-in-out;
z-index: 300;
4 years ago
border-radius: 2% 2% 2% 2%;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
}
.content {
4 years ago
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
/*color: #353535;*/
4 years ago
color: transparent;
border-radius: 6% 6% 6% 6%;
width: 100%;
4 years ago
margin-top: 1%;
font-family: helvetica;
4 years ago
font-size: 20px;
height: 100%;
z-index: 100;
}
4 years ago
.content {
}
footnotes {
4 years ago
color: transparent;
font-family: helvetica;
font-weight: 900;
4 years ago
font-size: 20px;
border-radius: 15px 15px 15px 15px;
font-family: helvetica;
display: inline-block;
z-index: 9;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
boxfootnotes {
4 years ago
white-space: nowrap;
padding-left: 2%;
text-indent: 0%;
padding-right: 2%;
padding-bottom: 0%;
padding-top: 0px;
text-align: right;
4 years ago
color: transparent;
font-weight: 500;
4 years ago
font-size: 20px;
line-height: 120%;
font-family: helvetica;
z-index: 300;
position: relative;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 10px 10px 10px 10px;
background-color: transparent;
4 years ago
transition: all 400ms ease-in-out;
}
boxfootnotes:hover {
transition: all 400ms ease-in-out;
z-index: 1000;
color: black;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
/*mix-blend-mode: hard-light;*/
}
4 years ago
boxlink {
content: "\a";
white-space: pre;
text-indent: 0%;
padding-bottom: 20%;
padding-top: 20%;
padding-left: 1%;
padding-right: 1%;
text-align: right;
color: black;
font-weight: 500;
4 years ago
font-size: 20px;
line-height: 100%;
font-family: helvetica;
z-index: 300;
position: relative;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
4 years ago
border-radius: 0px 0px 0px 0px;
display: inline-block;
4 years ago
background-color: transparent;
transition: all 400ms ease-in-out;
}
boxlink:hover {
color: black;
z-index: 300;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
border-radius: 100px 100px 100px 100px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
a{
text-decoration: none;
4 years ago
color: transparent;
color: black;
text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);
z-index: 1000;
}
a:visited{
text-decoration: none;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
}
a:hover {
color: black;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
}
navigation {
margin: 0px;
}
.intro {
4 years ago
padding-left: 3%;
padding-right: 3%;
padding-bottom: 7%;
padding-top: 7%;
text-align: left;
/*color: #353535;*/
4 years ago
color: transparent;
font-weight: 500;
4 years ago
font-size: 20px;
line-height: 120%;
text-indent: 50px;
font-family: helvetica;
z-index: 100;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 0px 0px 0px 0px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
.intro:hover {
4 years ago
color: transparent;
background-color: transparent;
border-radius: 15px 15px 15px 15px;
z-index: 300;
/*mix-blend-mode: hard-light;*/
}
.href {
color: #353535;
}
.href:hover {
4 years ago
color: transparent;
}
.button {
background-color: transparent;
border: none;
position: fixed;
4 years ago
font-size: 20px;
padding: 3px 20px;
4 years ago
color: transparent;
font-family: helvetica;
text-align: center;
text-decoration:none;
display: inline-block;
top: 1%;
4 years ago
left: 1%;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 12px 12px 12px 12px;
display: inline-block;
z-index: 2000;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
.button:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
color: transparent;
background-color: transparent;
/*mix-blend-mode: hard-light;*/
}
.buttonright {
background-color: transparent;
position: fixed;
border: none;
4 years ago
font-size: 20px;
padding: 3px 20px;
4 years ago
color: transparent;
text-align: center;
text-decoration:none;
display: inline-block;
4 years ago
left: 25%;
top: 1%;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 12px 12px 12px 12px;
display: inline-block;
z-index: 1990;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
.buttonright:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
color: transparent;
background: #CCCCCC;
4 years ago
/*mix-blend-mode: hard-light;*/
}
.buttonbottomright {
background-color: transparent;
position: fixed;
border: none;
4 years ago
font-size: 20px;
padding: 3px 20px;
4 years ago
color: transparent;
text-align: center;
text-decoration:none;
display: inline-block;
4 years ago
right: 1%;
bottom: 1%;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 12px 12px 12px 12px;
display: inline-block;
z-index: 1990;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
.buttonbottomright:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
color: transparent;
background: #CCCCCC;
4 years ago
/*mix-blend-mode: hard-light;*/
}
.help {
background-color: transparent;
position: fixed;
border: none;
4 years ago
font-size: 20px;
padding: 3px 20px;
4 years ago
color: transparent;
text-align: center;
text-decoration:none;
display: inline-block;
4 years ago
right: 1%;
top: 1%;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 12px 12px 12px 12px;
display: inline-block;
z-index: 1990;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
.help:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
color: transparent;
background: #CCCCCC;
4 years ago
/*mix-blend-mode: hard-light;*/
}
.response {
background-color: transparent;
position: fixed;
border: none;
4 years ago
font-size: 20px;
padding: 3px 20px;
4 years ago
color: transparent;
text-align: center;
text-decoration:none;
display: inline-block;
4 years ago
left: 40%;
top: 1%;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 12px 12px 12px 12px;
display: inline-block;
z-index: 1990;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
.response:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
color: transparent;
background: #CCCCCC;
4 years ago
/*mix-blend-mode: hard-light;*/
}
.print {
background-color: transparent;
position: fixed;
border: none;
4 years ago
font-size: 20px;
padding: 3px 20px;
4 years ago
color: transparent;
text-align: center;
text-decoration:none;
display: inline-block;
4 years ago
right: 1%;
bottom: 1%;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 12px 12px 12px 12px;
display: inline-block;
z-index: 1990;
background-color: transparent;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
.print:hover {
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 5px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
color: transparent;
background: #CCCCCC;
4 years ago
/*mix-blend-mode: hard-light;*/
}
bodytitreleft {
4 years ago
color: transparent;
font-family: helvetica;
opacity: 1;
font-size: 70px;
letter-spacing: 0px;
text-justify: center;
text-align: center;
top: 4%;
left: 47%;
line-height: 100%;
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
font-family: helvetica;
z-index: -11;
position: fixed;
}
bodytitreright {
4 years ago
color: transparent;
font-family: helvetica;
opacity: 1;
font-size: 70px;
letter-spacing: 0px;
text-justify: center;
text-align: center;
bottom: 4%;
left: 47%;
line-height: 100%;
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
font-family: helvetica;
z-index: -10;
position: fixed;
}
titre {
4 years ago
color: transparent;
font-family: helvetica;
opacity: 1;
font-size: 70px;
letter-spacing: 0px;
text-justify: center;
text-align: center;
bottom: 0;
left: 0;
line-height: 60%;
/*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75), 0px 0px 18px rgba(255, 255, 255, 1);*/
font-family: helvetica;
z-index: 100;
position: relative;
}
sectiontitre {
4 years ago
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;
font-family: helvetica;
4 years ago
padding-top: 3%;
text-align: right;
text-align: left;
4 years ago
margin-right: 2%;
margin-left: 2%;
color: transparent;
font-weight: 500;
4 years ago
font-size: 20px;
line-height: 120%;
font-family: helvetica;
4 years ago
z-index: 0;
position: relative;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
4 years ago
border-radius: 0px 0px 0px 0px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
sectiontitre:hover {
color: black;
z-index: 300;
4 years ago
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
ident {
text-indent: 100px;
}
meta {
opacity: 1;
}
.dot {
background-color: transparent;
border: none;
position: fixed;
top:0;
left:0;
bottom: 0;
right: 0;
display: flex;
height: 100%;
width: 100%;
border-radius: 50%;
display: inline-block;
z-index: 0;
box-shadow: 0 1px 10px 0px #000000, 0 0 20px 0px #000000, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
pointer-events: none;
}
box {
4 years ago
padding-left: 2%;
padding-right: 2%;
padding-bottom: 2%;
padding-top: 2%;
text-align: right;
4 years ago
color: transparent;
font-weight: 500;
4 years ago
font-size: 20px;
line-height: 120%;
font-family: helvetica;
z-index: 300;
position: relative;
4 years ago
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 15px 15px 15px 15px;
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
section {
4 years ago
display: block;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;
padding-top: 3%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 2%;
margin-right: 2%;
font-family: helvetica;
text-align: left;
4 years ago
color: transparent;
font-weight: 500;
4 years ago
font-size: 20px;
line-height: 120%;
font-family: helvetica;
4 years ago
z-index: 900;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
display: inline-block;
background-color: transparent;
transition: all 400ms ease-in-out;
}
section:hover {
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
border-radius: 15px 15px 15px 15px;
4 years ago
transition: all 400ms ease-in-out;
}
}
sectionintro {
display: block;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 7%;
padding-top: 7%;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 2%;
margin-right: 2%;
font-family: helvetica;
text-align: left;
color: transparent;
font-weight: 500;
font-size: 20px;
line-height: 120%;
font-family: helvetica;
z-index: 900;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
display: inline-block;
background-color: transparent;
box-shadow: 0 1px 10px 0px black, 0 0 30px 0px black, 0px -10px 28px rgba(255, 255, 255, 1), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
4 years ago
transition: all 400ms ease-in-out;
}
sectionintro:hover {
color: transparent;
background-color: transparent;
z-index: 300;
border-radius: 15px 15px 15px 15px;
transition: all 400ms ease-in-out;
/*mix-blend-mode: hard-light;*/
}
sectionvertical {
display: none;
}
h7vertical {
display: none;
}
4 years ago
.footnote-back{
color: transparent;
text-indent: 0%;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 10%;
padding-top: 10%;
text-align: right;
color: transparent;
font-weight: 500;
font-size: 20px;
line-height: 120%;
font-family: helvetica;
z-index: 300;
position: relative;
display: inline-block;
/*text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.78), 0px 0px 19px rgba(255, 255, 255, 1);*/
border-radius: 100px 100px 100px 100px;
background-color: transparent;
transition: all 400ms ease-in-out;
}
.footnote-back:hover{
transition: all 400ms ease-in-out;
color: black;
box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5), 0 0 30px 0px rgba(0, 0, 0, 0.7), 0px -10px 25px rgba(255, 255, 255, 0.5), inset 0 0px 10px #000000, inset 0px 10px 10px rgba(255, 255, 255, 1);
/*mix-blend-mode: hard-light;*/
}
}
}
@media only screen and (max-width: 1000px) {
body {
columns: 1 auto;
}
.response {
display: none;
}
@media only screen and (max-width: 600px) {
body {
columns: 1 auto;
}
.button {
left: 25%;
}
.buttonright {
visibility:hidden;
}
.response {
display: none;
}
.help {
display: none;
}
.print {
display: none;
}
}
</style>
</head>
</html>
<bodytitreleft><h9>body</h9></bodytitreleft>
<bodytitreright><h9>/body</h9></bodytitreright>
<div>
<span class="dot"></span>
</div>
<!--<button class="buttonleft">
<a href="/--/.."><h7>button</h7>Previous<h7>/button</h7></a>
</button>-->
<button class="button">
4 years ago
<a href="../TENSE/"><h7>button</h7>Back<h7>/button</h7></a>
</button>
<!--<button class="buttonright">
<a href="TENSE.pdf" target="blank"><h7>button</h7>Orignal<h7>/button</h7></a>
</button>-->
<button class="help">
<a href="Tense_response.html"><h7>button</h7>response<h7>/button</h7></a>
</button>
<button class="response">
4 years ago
<a href="../"><h7>button</h7>Wor(l)ds<h7>/button</h7></a>
</button>
<button class="print">
<a onclick="window.print()"><h7>button</h7>Print<h7>/button</h7></a>
</button>
<a href="https://martinfoucaut.com/">
4 years ago
<logo><img border="0" alt="logo" src="logo_2020-01.png"></logo>
</a>
<br><br>
<!--<div class="portrait"><div class="content"><img src="https://i.pinimg.com/originals/f2/a8/0e/f2a80ee8087d750080763918df53d2be.gif" alt="Broken Image" style="width:20px;height:20px;">This image may contain: the author </div></div>-->
<p5><h7>song</h7>
4 years ago
<p3><h7>line</h7>You want me to give you a testimony about my life <h7>/line</h7></p3>
<br><p3><h7>line</h7> And how good hes been to me <h7>/line</h7></p3>
<br><p3><h7>line</h7> I dont know what to tell you about him <h7>/line</h7></p3>
<br><p3><h7>line</h7> I love him so much with all my heart and my soul <h7>/line</h7></p3>
<br><p3><h7>line</h7> With every bone in my body I love him so much <h7>/line</h7></p3>
<br><p3><h7>line</h7> Because hes done so much for me <h7>/line</h7></p3>
<br><p3><h7>line</h7> Every morning <h7>/line</h7></p3>
<br><p3><h7>line</h7> Every day of my life <h7>/line</h7></p3>
<br><p3><h7>line</h7> I wont always be crying tears <h7>/line</h7></p3>
<br><p3><h7>line</h7> In the middle of the night, and I wont always have to wake up <h7>/line</h7></p3>
<br><p3><h7>line</h7> By myself wondering how Im gonna get through the day <h7>/line</h7></p3>
<br><p3><h7>line</h7> I wont always have to think about what Im gonna do <h7>/line</h7></p3>
<br><p3><h7>line</h7> And how Im gonna, how Im gonna make it <h7>/line</h7></p3>
<br><p3><h7>line</h7> How Im gonna get there, because he… <h7>/line</h7></p3>
<br><p3><h7>line</h7> Hes gonna be there for me <h7>/line</h7></p3>
<br><p3><h7>line</h7> (…) <h7>/line</h7></p3>
<br><p3><h7>line</h7> It feels so good to be free <h7>/line</h7></p3>
<br><p3><h7>line</h7> To be accepted for who you are and loved no matter what. <h7>/line</h7></p3><br><br>
<h7>/song</h7>
<boxfootnotes><h7>footnote</h7><a href="#fn1" class="footnote-ref" id="fnref1"><sup>1</sup></a><h7>/footnote</h7></boxfootnotes></p5>
<section><h7>section</h7>
<h2><h7>subtitle</h7>Words That Do Not Kill.<h7>/subtitle</h7></h2>
<p><h7>paragraph</h7> For someone growing up non-religious, this intro on Kayne Wests new album, The Life of Pablo, made me understand something I never had before. The song starts in such a sensuous way, that I truly thought the singer was giving me an account of her longing for him, a fleshy him, a human him, a flawed but trustworthy male. Instead, she was expressing her love and trust in God. This only becomes clear at the end of her pledge, in the last two sentences: “Oh Lord thank you, You are the joy of my life.” Interestingly enough, it was only then that I was able to enjoy this spoken song called “Low Lights.” As, when I still thought the singer was displaying her love for a human him (not Him), I considered the lyrics overtly romantic, overtly dependent. This of course says a lot about my own beliefs about love (just as much as it says about what we are conditioned to expect and recognize as love in music, movies, and other popular expressions).
<boxfootnotes>
<h7>footnote</h7><a href="#fn2" class="footnote-ref" id="fnref2"><sup>2</sup></a><h7>/footnote</h7></boxfootnotes> As soon as I realized it was about her love for God, I was totally drawn in, immersed by the intensity of her submission to Him.<boxfootnotes>
4 years ago
<h7>footnote</h7><a href="#fn3" class="footnote-ref" id="fnref3"><sup>3</sup></a><h7>/footnote</h7></boxfootnotes> And suddenly I understood that it was her strong <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. that displayed, inhabited, shaped, constructed, and created her love and trust for him. Her <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. wasnt just a true account of her worship, the <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. generated and endorsed the love. The love existed because of her saying it out loud.<h7>/paragraph</h7></p>
<h7>/section</h7></section>
<section><h7>section</h7>
<h2><h7>subtitle</h7>Surrender<h7>/subtitle</h7></h2>
<p><h7>paragraph</h7> For me, growing up secular and without spiritual rituals, it seemed impossible to start believing in a higher power that can be named as Lord. Theoretically, I may want to submit to one idea or force, but it is exactly this longing to surrender that seems to suspend the possibility of actually belief. Wanting to submit isnt the same as submission itself it is the incapacity of submitting to submission. Being able to view submission, as something one can do, is exactly what withholds submission.However, when I heard this singer in “Low Lights,”
<p11><h7>quote</h7>
4 years ago
I suddenly realized I could do that, I could express a message in a convinced, rhetorical, and descriptive manner, without necessarily believing the content of this message.<h7>/quote</h7></p11><h7>/paragraph</h7></p>
4 years ago
<p><h7>paragraph</h7>I love <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>..
4 years ago
I love <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink> so much that I can sound very convincing saying just about anything. I could express submission, whether or not I believe that I am truly feeling submission.
<p11><h7>quote</h7>
4 years ago
In this convinced <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>., by expressing surrender I would <boxlink><h7>link</h7><a href="../OTHERNESS/#experience"><symbol>O</symbol><span id="experience">experience</span></a><h7>/link</h7></boxlink>surrender because the <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. of worship and submission is not descriptive but performative.<h7>/quote</h7></p11>
<p11><h7>quote</h7>
Words create. Words do not just describe, they are gestures confirming and producing realities.
<h7>/quote</h7><boxfootnotes><h7>footnote</h7><a href="#fn4" class="footnote-ref" id="fnref4"><sup>4</sup></a><h7>/footnote</h7></boxfootnotes></p11>
As love is an abstraction, and not, for example, a chair one can point to, stating I love him so much is the love.<h7>/paragraph</h7></p>
<p2><h7>paragraph</h7>My understanding of “Low Lights” comes from this trickle-down scheme: 1) Being unable to hear a person expressing Person-To-God Love (PTGL). 2) Rejecting Girl-To-Boy Love (GTBL), but expecting and thereby accepting GTBLs existence. 3) Realizing that GTBL is actually PTGL; thus by acknowledging GTBL, becoming able to acknowledge PTGL.<h7>/paragraph</h7></p2>
<p2><h7>paragraph</h7>It wasnt just this trickle down love-scheme that allowed me to gain some understanding of the depth of expressing worship. It was the singers voice too. Her voice sounds so joyous and rich, it actually reminded me of having sex, of my lover telling me I scream like a wounded animal. Because my lover draws this image, allowing my screeches of joy to leave the bedroom through a metaphor, the sounds I make became something totally new in my own ears.
<p11><h7>quote</h7>
My lover illuminated my responsive sounds through a metaphor, joyfully describing my joy. I had forgotten to hear my own sounds, they belonged to having sex, but until then, they had no identity or noticed existence outside of that moment. The same happened when she <boxlink><h7>anchor</h7><span id="description">described</span><h7>/anchor</h7></boxlink> my cunt.
<h7>/quote</h7></p11>
<p11><h7>quote</h7>
She described its shapes and textures and colors. At first it made me shy. But the next time we had sex, I noticed how her <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink> made my <boxlink><h7>anchor</h7><span id="experience">experience</span><h7>/anchor</h7></boxlink> different. For the first time I consciously experienced the thickness of my inner lips, the swollenness of my clit.
<h7>/quote</h7></p11>
Her words had set these parts of my cunt aside; her words placed them outside of my body and allowed me to have a fuller <boxlink><h7>link</h7><a href="../OTHERNESS/#experience"><symbol>O</symbol><span id="experience">experience</span></a><h7>/link</h7></boxlink>.<h7>quote</h7> of my body.
<p11><h7>quote</h7>
For me, the words she used are more than a <boxlink><h7>anchor</h7><span id="description">described</span><h7>/anchor</h7></boxlink> working as an intensifier.
<h7>/quote</h7></p11>
Her noticing evoked noticing.
<p11><h7>quote</h7>
The unquestioned way she described my body made my body feel totally, fully as she had described it. I have never experienced myself as one thing true or full, but due to her confident description I could feel myself fully being her <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink>: thick, swollen, screaming.
<h7>/quote</h7></p11>
<h7>/paragraph</h7></p2>
4 years ago
<div class="square"><div class="content"><img src="broken.png" alt="" style="width:4%;height:4%;"><h7>image</h7>This image may contain: a cunt<h7>/image</h7>
</div></div>
<p2><h7>paragraph</h7>This, however, does not mean that I feel defined.
<p11><h7>quote</h7>
I can confidently say that her <boxlink><h7>anchor</h7><span id="description">descriptions</span><h7>/anchor</h7></boxlink> are relative as no genitals are average and all adjectives that she finds truth in are a matter of perception. It is not like her <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink> became facts about my cunt. It is not the exact truth of her words, but our joint submission to her expression that shaped the totality of my <boxlink><h7>link</h7><a href="../OTHERNESS/#experience"><symbol>O</symbol><span id="experience">experience</span></a><h7>/link</h7></boxlink>.<h7>quote</h7>. If her <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink> had any other goal than lovingly celebrating my body and its sounds, her words would have had a different effect.
<h7>/quote</h7></p11>
If she had meant to scale my genitals and sounds, comparing them, rating them, her metaphor would have felt reducing.
<p11><h7>quote</h7>
The metaphor wouldnt allow me to <boxlink><h7>link</h7><a href="../OTHERNESS/#experience"><symbol>O</symbol><span id="experience">experience</span></a><h7>/link</h7></boxlink>.<h7>quote</h7> full oneness, the metaphor would reduce me to being my inner lips, just because her <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink> was meant value determining.
<h7>/quote</h7></p11>
In that case wed encounter the moment when words and metaphors turn into definitions, locking a reality down in order either to compare, classify, appraise.<h7>/paragraph</h7></p2><h7>/section</h7></section>
<section><h7>section</h7>
<h2><h7>subtitle</h7>Tense<h7>/subtitle</h7></h2>
4 years ago
<p><h7>paragraph</h7>One of the difficulties of <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. I have recently been involved with, is the gap between an <boxlink><h7>link</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">event</span><h7>/link</h7></boxlink> and the moment this event is described..<h7>/paragraph</h7></p>
4 years ago
<div class="square"><div class="content"><img src="broken.png" alt="" style="width:4%;height:4%;"><h7>image</h7>This image may contain: an event <h7>/image</h7>
</div></div>
4 years ago
<p2><h7>paragraph</h7>The dilemma that tense puts forward has been bugging me: how can I use words without killing what Id like to draw attention to? How can we display continuous time while using <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.? <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. itself is constantly drawing from the past. You do not have to be a scholar in linguistics to understand that every single word needs a memory not a sentimental or deeply felt one per se but in order to use a word we need to at least remember its meaning, remember that it has a meaning, remember that a word has a certain length and shape that certain letters are part of the word while others are not.
4 years ago
<p11><h7>quote</h7> I felt I was experiencing continuousness of <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. when I was having sex and feeling my cunt and hearing my screams as my lover had described it.<h7>quote</h7></p2>
<p11><h7>quote</h7>
The <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink> became <boxlink><h7>link</h7><a href="../OTHERNESS/#experience"><symbol>O</symbol><span id="experience">experience</span></a><h7>/link</h7></boxlink>.<h7>quote</h7></p2>
<p2><h7>paragraph</h7>The in-between time defined as tense, creates a certain superiority of the person speaking, especially as the person speaking starts to claim a moment in time and space.
<p11><h7>quote</h7>
4 years ago
While <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. kills what is being described, it enlivens the speaker
.<h7>/quote</h7></p11>
Questioning tense is a <boxlink><h7>link</h7><a href="../RESURGENCE/#feministpractise"><symbol>R</symbol></a><span id="feministpractise">feminist practise</span><h7>/link</h7></boxlink>, as feminism is concerned with power relations and the inequalities and precarities it produces. Feminism maps and redistributes who holds space, time, and liveability.
<p11><h7>quote</h7>
Questioning tense means one is focused on the livingness, the aliveness of what is described. It means that the continuous (well-)being of what is described, has priority. This demands the courage to let difficulty appear and remain, instead of crediting oneself (or the speaker) with making the described understandable, captured, or seizable.<h7>/quote</h7></p11>
<h7>/paragraph</h7></p2>
<p2><h7>paragraph</h7><boxlink><h7>link</h7><a href="../LIQUID/#continuity"><symbol>L</symbol><span id="continuity">Continuity</span></a><h7>/link</h7></boxlink> is a feminist practise, as it asks for constantly paying attention. A noticing and attention not only aimed at what you already know or what feels close to you, but also of that which escapes your attention because of your positionality. This continuous noticing is necessary to re-direct and prevent an unequal distribution of attention. For example, the quotidian has often been seen as less important, than explicit political and public <boxlink><h7>link</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">events</span><h7>/link</h7></boxlink>.
<p11><h7>quote</h7>
4 years ago
While feminist speakers often want to give an account of the more forgotten narratives realizing the status quo rests on benefiting a few dominant narratives using <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. to create proximity can just as well trap what is described. What is described can sometimes even be more easily celebrated and embraced, because it appears dead and can be embraced as something standing still, a non-continuous world. Therefore, this feminist practise, or releasing tense, needs to be a <boxlink><h7>link</h7><a href="../HOPE/#queerpractise"><symbol>H</symbol><span id="queerpractise">queer feminist practise</span></a><h7>/link</h7></boxlink>. Queer because the embrace of whats described cannot be a straight one, it is a messy sort of embrace in which it is unclear what embraces what: does the <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. embrace the listener, does the listener embrace the <boxlink><h7>anchor</h7><span id="description">description</span><h7>/anchor</h7></boxlink>, does the <boxlink><h7>link</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">event</span><h7>/link</h7></boxlink> described embrace the continuous <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. that is trying to linguistically engage the <boxlink><h7>link</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">event</span><h7>/link</h7></boxlink>?
<h7>/quote</h7></p11>
Its an amorphous embrace with few coordinates. Its an embrace of which it is unsure whether it is an embrace. It is moving, taking form, forming. Looking at it does not exist, it demands noticing with. The noticing and the performative effect of this noticing happens simultaneously and inseparable. There is neither an end to the change nor to the noticing. Noticing change is not meant to formulate strategy, or to expect an outcome. The queer part about this is that change is valued in itself; the change is a goal in itself.<h7>/paragraph</h7></p2>
<h7>/section</h7></section>
<section><h7>section</h7>
<h2><h7>subtitle</h7>Superiority of Arrival<h7>/subtitle</h7></h2>
<p><h7>paragraph</h7> Traditionally, there is the assumption that any act that appears queer and rebellious will disappear when a person matures. Age gives transitional possibilities. Ageing is a hopeful thing for those unwilling to accept present conditions. Underlining age, gaining years as the passing of time, and expecting evolution when ageing, reveals a linear conception of growth: when you get older, you will move past things. It is very difficult to do without this notion of progress, to imagine a life without progress seems almost impossible, let alone: “to imagine justice without progress,” as anthropologist Anna Tsing so beautifully questions in her book The Mushroom at the End of the World: On The Possibility of Life in Capitalist Ruins.<boxfootnotes><h7>footnote</h7><a href="#fn5" class="footnote-ref" id="fnref5"><sup>5</sup></a><h7>/footnote</h7></boxfootnotes> Often, when we speak about progress, progress is not only seen as a way to improve life; celebrating progress is often used to debunk what was before. We see this with children displaying queer behaviour, that parents think they will get over it and say, It is just a phase (this too is often said of bisexuality, also among adults). Here I want to include the notion of arriving. The expectations that we will later arrive at a certain insight, we arrive at a better place in our lives, closer to something real, an arrival at home. We tend to forget that what we understand as real is and only is the present. When we feel unheimisch or unreal, this is the real unreal feeling of the present.<h7>/paragraph</h7></p>
4 years ago
<div class="square"><div class="content"><img src="broken.png" alt="" style="width:4%;height:4%;"><h7>image</h7>
This image may contain: one person, arriving <h7>/image</h7>
</div></div>
<p2><h7>paragraph</h7>
<p11><h7>quote</h7>
By inserting the word arrive here, I also come to think of superiority, similar to the superiority of the speaker or writer claiming and deadening the <boxlink><h7>link</h7><a href="../LIQUID/#continuity"><symbol>L</symbol><span id="continuity">Continuity</span></a><h7>/link</h7></boxlink> of the described.
<h7>/quote</h7></p11>
Columbus discovered the Americas, meaning all the life that was there before Columbus arrived, was not considered meaningful or even living at all. It was no life. It only became life as he recognized it. Or so the history narrative we are accustomed to, latently (but bluntly) assumed When one arrives, one remembers the journey, but one does not acknowledge what was there before arrival or during the journey. Whenever there is a place to arrive, the place must have in some way or another existed all along. Those who arrive whether at an insight, a conclusion, at happiness, or at mature behaviour neglect the existence of that which already there. This goes hand in hand with a certain feeling of superiority, as it is ones own arrival thats central, not the ongoing existence that one comes to recognize. The efforts of the journey get the most attention. The common, inspirational motto Its all about the journey forgets that the person journeying demands an awaiting point of departure and arrival, unless one would state, all is journey. When we think about progress, similar feelings of superiority come into play. Often, when someone poses, like Anna Tsing, that it might be possible and at least interesting to try and imagine a world without progress, this has historically been countered with a positivist belief in science. Especially medical science sounds very convincing. Its a doctors duty to improve and possibly prolong (and thus progress?) life.<h7>/paragraph</h7></p2>
<p2><h7>paragraph</h7>I have experienced a short lifetime in a wheelchair. On a cold day in March, I woke up, then ten years old, and my hip was hurting so much that I couldnt walk. Before that, I did sports everyday. Since that morning, I could only move in a wheelchair or walk short spans using crutches. Im grateful that this sudden injury slowly disappeared after two years. Doctors used prednisone medications on me, the physical therapist tried different exercises, and my parents were wealthy enough to rent a better wheelchair than the free chair you are given by Thuiszorg.<boxfootnotes><h7>footnote</h7><a href="#fn6" class="footnote-ref" id="fnref6"><sup>6</sup></a><h7>/footnote</h7></boxfootnotes> All of these factors helped me get better. But I was only helped to get through this. Why did I not learn to live with this injury? Even signs of progress, such as managing the wheelchair better, were seen as a sign of decline at the same time, as it meant I was getting better at something which was not considered good or healthy. Living in a world made to be unsuitable for wheelchair users or other non-conformative bodies, Im utterly happy that the pain in my hip went away. The point is, I have lived two years in my life in which I was getting through a situation. I was living through life, while not actually living life, living with. Is this why I remember nearly nothing of that time? Because I arrived at the other side being able to walk again, lucky and healthy and upon my arrival I could forget that all worlds and all sides that are always already out there, even if you are not experiencing and enduring them.<h7>/paragraph</h7></p2>
<h7>/section</h7></section>
<section><h7>section</h7>
<h2><h7>subtitle</h7>Being With Instead of Getting Through<h7>/subtitle</h7></h2>
<p><h7>paragraph</h7> In retrospect, this way of living may have mirrored they way I was living life before landing in a wheelchair. As a child, I was rather unhappy. I listened to Marilyn Manson to express this unhappiness, not to fuel it. I dressed in black and painted my room black, I collected fake skulls and bracelets with studs to feel surrounded. People wanted to make me feel better, but they especially told me that I would feel better. It would get better, I was told, because I would grow older and find my way. People trusted I would find my way maybe especially because I was a white kid from a reasonable wealthy and educated family. All would be fine as the society I grew up in, had space for people like me (white, wealthy, educated). I am fine. But maybe it would have been good if someone told me I was already fine. Not to build my self-confidence (though no harm in that), but to acknowledge the world as a continuous place, instead of believing that one will arrive in the world. We cannot arrive in the world, as worlds are constantly arriving. We need continuous
4 years ago
<boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.
There is no platform waiting for you to get on board, there is no way of being or mode awaiting your growth.<h7>/paragraph</h7></p>
<p2><h7>paragraph</h7>What can we give to a <boxlink><h7>link</h7><a href="../HOPE/#future"><symbol>H</symbol>future<span id="future"></span></a><h7>/link</h7></boxlink> that is not awaiting our arrival? The <boxlink><h7>link</h7><a href="../HOPE/#future"><symbol>H</symbol>future<span id="future"></span></a><h7>/link</h7></boxlink> needs a
4 years ago
<boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.
that does not identify the <boxlink><h7>link</h7><a href="../HOPE/#future"><symbol>H</symbol>future<span id="future"></span></a><h7>/link</h7></boxlink> as a separate era. It needs a
4 years ago
<boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.
in which the deadening force of words tense is countered with presence, continuous life. We need a
4 years ago
<boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.
that is not old, nor presents itself too enthusiastically as new, thus becoming commercial-like, claiming and promising newness in order to legitimatize its existence. What does
4 years ago
<boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.
need? It needs faith. It needs speakers (and listeners) who believe in its performativity, who recognize the effects of
4 years ago
<boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>.
, understanding that the expression (of an <boxlink><h7>link</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">event</span><h7>/link</h7></boxlink>, an experience) actually changes the <boxlink><h7>link</h7><a href="../HOPE/#event"><symbol>H</symbol></a><span id="event">event</span><h7>/link</h7></boxlink>, the experience. It needs speakers who believe in plurality and constant noticing. This way, the performativity of words will not create a chain of sameness and definitions will not stall life into comprehensible situations that can be compared and strategically used for progress.<h7>/paragraph</h7></p2>
4 years ago
<p2><h7>paragraph</h7>I listen to “Low Lights” nearly every day, when running in the same park and making the same laps. I only run when I feel healthy, but when I dont run, I dont feel healthy. That too is a lapse. The running is by no means making me healthy. There isnt one assignable cause for how I feel. When I run, it is not like Im trying to get through. It is the actual running, the moving, that excites me. I pass people whom I have passed for years and I always see new people. Some may see me. I dont hate the hill halfway through my 6K run, Im with the hill, not getting over it or through it. My heart beat rises and I hear the singers worship, her expression of love and thereby the existence of love. I suddenly realize that, of course, talking to or about or with God is a way to eternalize the conversation. A feminist queer <boxlink><h7>link</h7><a href="../00/#language"><symbol>M</symbol></a><a href="../OTHERNESS/#language"><symbol>O</symbol></a><a href="../PRACTICAL_VISION/printing/index.html/#language"><symbol>P</symbol></a><span id="language">language</span><h7>/link</h7></boxlink>. may well be that: God-language. A God-language without the need for one grand Lord listening and speaking, but an eternal effort from all, allowing everything to be alive amorphous and recognized.<h7>/paragraph</h7></p2><h7>/section</h7></section>
<section class="footnotes">
<h7>section</h7>
4 years ago
<hr/>
<ol>
4 years ago
<li id="fn1"><p><br><h7>footnote</h7>West, K. 2016. Low Lights. <em>The Life of Pablo</em>.<a href="#fnref1" class="footnote-back"><h7>/anchor</h7><h7>/anchor</h7></a><h7>/footnote</h7></p></li>
<li id="fn2"><p><br><h7>footnote</h7>My expectation that her worship was meant for another human, might not only say something about my secular upbringing but may also reveal that Im listening with white ears taking in consideration that my white, secular Dutch background probably limits my <boxlink><h7>link</h7><a href="../00/#interpretation"><symbol>M</symbol></a><a href="../OTHERNESS/#interpretation"><symbol>O</symbol></a><a href="../HOPE/#interpretation"><symbol>H</symbol></a><span id="interpretation">interpretation</span><h7>/link</h7></boxlink> of Kanye Wests music.<a href="#fnref2" class="footnote-back"><h7>/anchor</h7><h7>/anchor</h7></a></p></li>
<li id="fn3"><p><br><h7>footnote</h7>Im here using Him to refer to God, as the singer does. Lets acknowledge that some also refer to god as She (I met god, shes black) or without using gender binary terms. Islamic scholar Amina Wadud refers to Allah as Trans. I am also speaking about heterosexual love here, because “Low Light” refers to girl-boy love. This fits well with my argument, as my initial hesitation with the text finding it overtly romantic certainly has to do with encountering a surplus of straight love in songs, movies, commercials. As I state in footnote 1, I might be ignoring specifics about black love by considering this girl-boy love straight. Scholars like Saidiya Hartman and Alexis Pauline Gumbs would argue that black and queer are interchangeable, as black people are never gender conformative in a world ruled by white norms.<a href="#fnref3" class="footnote-back"><h7>/anchor</h7><h7>/anchor</h7></a><h7>/footnote</h7></p></li>
<li id="fn4"><p><br><h7>footnote</h7>Think about the way the Dutch Prime Minister Mark Rutte defended the racist figure Black Pete (Zwarte Piet). He stated: “Black Pete is Black, the word itself says it, nothing I can change about that,” pretending the nature of the figure itself creates the description Black Pete, while not acknowledging that naming something black <em>makes</em> it black, while reproducing the possibility of using black as a description and pretending it is a description only.<a href="#fnref4" class="footnote-back"><h7>/anchor</h7><h7>/anchor</h7></a><h7>/footnote</h7></p></li>
<li id="fn5"><p><br><h7>footnote</h7>Tsing, Anna Lowenhaupt. <em>The mushroom at the end of the world: on the possibility of life in capitalist ruins</em>. Princeton, NJ: Princeton University Press, 2015.<a href="#fnref5" class="footnote-back"><h7>/anchor</h7><h7>/anchor</h7></a><h7>/footnote</h7></p></li>
<li id="fn6"><p><br><h7>footnote</h7>A home care organization in the Netherlands.<a href="#fnref6" class="footnote-back"><h7>/anchor</h7><h7>/anchor</h7></a><h7>/footnote</h7></p></li>
</ol><h7>/section</h7>
<a href=""></a>