sass → css

This commit is contained in:
Julie Blanc 2026-03-04 10:52:07 +01:00
parent 68a0dcb88b
commit 72a6378c73
19 changed files with 689 additions and 1057 deletions

View file

@ -5,11 +5,11 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="data:image/x-icon;" type="image/x-icon">
<title>CSS Page Weaver Example</title>
<title>D6cor</title>
<script src="/csspageweaver/main.js" type="module"></script>
<link rel="stylesheet" type="text/css" href="/assets/fonts/Timezone-HAL/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Timezone-HAL/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Selectric/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/ESface/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/ESface/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/Ivory/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/IvoryMono/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/NectoMono/stylesheet.css">
@ -38,19 +38,47 @@
</section>
<div class="running-nav-decor">
<ul>
<li class="nav-chevron">></li>
<li class="nav-title">D6cor</li>
</ul>
</div>
<section class="chapter" id="olivain-porry">
<div class="chapter-nav">
<ul>
<li>D6cor</li>
<li class="selected">Essais</li>
<li>Portfolio</li>
<li>Entretiens</li>
</ul>
</div>
<div class="running-nav">
<ul>
<li class="nav-author">Olivain Porry</li>
<li class="nav-title">Un robot-poète ne&nbsp;nous fait toujours pas peu</li>
</ul>
</div>
<div class="chapter-header">
<p class="h2-pattern">olivainporry</p>
<h2><span>Un robot-poète ne&nbsp;nous fait toujours pas peur</span></h2>
<p class="type">Essai</p>
<p class="author">Olivain Porry</p>
<!-- <div class="bio">
<p class="type">Essai</p>
<div class="hgroup">
<h2><span>Un robot-poète ne&nbsp;nous fait toujours pas peur</span></h2>
<p class="author">Olivain Porry</p>
</div>
<div class="bio">
<p class="name">Olivain Porry</p>
<p class="description">est artiste, docteur en recherche-création (SACRe) du laboratoire EnsadLab
(université PSL) et diplômé d'un DNSEP de l'École des Beaux-Arts de Nantes. Son travail plastique se
concentre sur l'émergence, dans une expérience esthétique, de modalités relationnelles entre public,
dispositif artistique et environnement. </p>
</div> -->
</div>
</div>
<p>Entouré dun cadre noir et brillant, posé sur une surface blanche et
@ -268,6 +296,7 @@
stratégie dattaque au nom évocateur : la poésie antagoniste<a href="#fn18" class="footnote-ref"
id="fnref18" role="doc-noteref"><sup>18</sup></a>.</p>
<h3>Pour une poésie antagoniste</h3>
<p>Dans un article publié en 2023, des chercheurs ont démontré quils
étaient parvenus à faire apparaître des données dentraînement brutes
utilisées par OpenAI en instruisant ChatGPT de répéter un même mot à
@ -525,16 +554,32 @@
<section class="chapter" id="outdoor-computer-club">
<div class="running-nav">
<ul>
<li class="nav-author">Outdoor computer club</li>
<li class="nav-title">E laria diventa più respirabile per&nbsp;tutti</li>
</ul>
</div>
<div class="chapter-nav">
<ul>
<li>D6cor</li>
<li class="selected">Essais</li>
<li>Portfolio</li>
<li>Entretiens</li>
</ul>
</div>
<div class="chapter-header">
<p class="h2-pattern">Outdoor computer club</p>
<h2><span>E laria diventa più respirabile per&nbsp;tutti: une&nbsp;télévision pirate pour le&nbsp;quartier</span></h2>
<p class="type">Essai</p>
<p class="author">Outdoor computer club</p>
<!-- <p class="bio">Le Outdoor Computer Club est un collectif qui explore des manières de démystifier et de se
<div class="hgroup">
<h2><span>E laria diventa più respirabile per&nbsp;tutti: une&nbsp;télévision pirate pour le&nbsp;quartier</span></h2>
<p class="author">Outdoor computer club</p>
</div>
<p class="bio">Le Outdoor Computer Club est un collectif qui explore des manières de démystifier et de se
réapproprier collectivement les technologies de réseau et de l'information. Le OCC crée des espaces de
bricolage et de réflexion collectifs ainsi que des interventions dans lespace public.</p> -->
bricolage et de réflexion collectifs ainsi que des interventions dans lespace public.</p>
</div>
<p>Le 4 mars 2022, dos arc-bouté dans nos doudounes et narines pleines
@ -676,7 +721,6 @@
favorise les échanges de savoirs, les rencontres intergénérationnelles
et la circulation des luttes entre différents secteurs sociaux.</p>
<hr>
<p>Pour le gouvernement Chávez, soutenir les télévisions communales
permet de sappuyer sur des acteurs disposant dune légitimité populaire
forte, souvent supérieure à celle de la télévision dÉtat. Plutôt que
@ -708,7 +752,6 @@
<p>C'est en riposte à ce monopole qu'un groupe d'activistes décide en
2002 de créer un réseau national de télévision pirate. </p>
<hr>
<p>A cette époque, la télévision numérique n'est pas encore démocratisée
et la télévision satellite peu accessible, la plupart des foyers
italiens reçoivent l'image sur leur poste via des ondes émises par des
@ -716,7 +759,6 @@
des collines fassent obstacle à la diffusion du signal d'une chaîne de
télévision et créent des zones grises où cette chaîne n'est pas
recevable. On appelle ça un cône d'ombre.</p>
<hr>
<p>C'est le cas à Bologne, au croisement de la via Rialto et de la via
Orfeo, où l'équipe de<em> OrfeoTV</em> installe son studio de télévision
au milieu d'un espace électromagnétique vacant : un cône d'ombre de la
@ -936,34 +978,8 @@
<p>« What is Mini FM? » Consulté le 12 janvier 2026. <a
href="http://anarchy.k2.tku.ac.jp/radio/micro/what_is_minifm/index.html">http://anarchy.k2.tku.ac.jp/radio/micro/what_is_minifm/index.html</a>.
</p>
<h2 id="images">Images : </h2>
<p><br />
Les images sont dans le dossier parent de ce document<br />
Il sagit dimages issues de notre expérience de construction dune
télévision pirate, elle nont pas de place particulière dans le récit
donc <strong>peuvent être disposées nimporte ou<br />
<br />
</strong>les legendes de ces images : </p>
<p>Image de lantenne : Antenne et émetteur sur un pylône en bois,
installé au dernier étage du bâtiment Voix Machine, à Fontenay S/ Bois.
2025</p>
<p>Image du spectateur : Réception de la première emission de OTVC. </p>
<p>Les deux autres images ne sont pas essentielles, elle peuvent être
ajoutées selon les besoins du ou de la graphiste.<br />
<br />
Zoom de lantenne : Antenne « Loop », construite pour emettre sur la
fréquance 471.25 Mhz, la chaine 21.
</p>
<p>Zoom de lemetteur : Emetteur constitué dun modulateur et dun
amplificateur achetés sur leboncoin.fr. Cables rca et coaxiaux. </p>
<h3 id="bio">Bio :</h3>
<p>Le Outdoor Computer Club est un collectif qui explore des manières de
démystifier et de se réapproprier collectivement les technologies de
réseau et de l'information. Le OCC crée des espaces de bricolage et de
réflexion collectifs ainsi que des interventions dans lespace
public.</p>
<section id="footnotes" class="footnotes footnotes-end-of-document" role="doc-endnotes">
<hr />
<ol>
<li id="fn1">
<p>Emanuelli, Massimo. « Orfeo Tv ». 2019</p>
@ -999,14 +1015,35 @@
<section class="chapter" id="jean-noel-lafague">
<div class="chapter-header">
<h2>Code créatif</h2>
<p class="author">Jean-Noël Lafargue</p>
<p class="bio">Le Outdoor Computer Club est un collectif qui explore des manières de démystifier et de se
réapproprier collectivement les technologies de réseau et de l'information. Le OCC crée des espaces de
bricolage et de réflexion collectifs ainsi que des interventions dans lespace public.</p>
<div class="running-nav">
<ul>
<li class="nav-author">Jean-Noël Lafargue</li>
<li class="nav-title">Code créatif</li>
</ul>
</div>
<div class="chapter-nav">
<ul>
<li>D6cor</li>
<li class="selected">Essais</li>
<li>Portfolio</li>
<li>Entretiens</li>
</ul>
</div>
<div class="chapter-header">
<p class="type">Essai</p>
<div class="hgroup">
<h2><span>Code créatif</span></h2>
<p class="author">Jean-Noël Lafargue</p>
</div>
</div>
<p>On peut distinguer deux types denseignements des pratiques
numériques dans le cadre des départements dart ou de design en école
dart ou à luniversité.</p>