Compare commits
12 commits
| Author | SHA1 | Date | |
|---|---|---|---|
| eae729cb42 | |||
| e542d28e22 | |||
| 80822a37e2 | |||
| 618c164f3a | |||
| 36f1b4db9e | |||
| e03a6c1900 | |||
| 2480ae9902 | |||
| 6038976e69 | |||
| 572c47f249 | |||
| 9dcf75d547 | |||
| c5a4f41353 | |||
| a169f44892 |
35 changed files with 2441 additions and 1965 deletions
10
Readme.txt
Normal file
10
Readme.txt
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
|
||||
|
||||
- Manque la présentation:
|
||||
. Paula Haertel
|
||||
|
||||
- À traduire en fr:
|
||||
. Eric Schrijver
|
||||
. Olivia Jack & Paula Haertel
|
||||
. César Fernández Acebal
|
||||
|
|
@ -25,8 +25,8 @@
|
|||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.60146656"
|
||||
inkscape:cx="4231.3242"
|
||||
inkscape:cy="536.18941"
|
||||
inkscape:cx="2566.2275"
|
||||
inkscape:cy="971.79135"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false">
|
||||
<inkscape:page
|
||||
|
|
@ -7337,5 +7337,48 @@
|
|||
style="fill:none;stroke:url(#swatch250);stroke-width:0.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 775.92743,206.95097 v 15.6126"
|
||||
id="path2-0" />
|
||||
<rect
|
||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:200.9;-inkscape-stroke:none"
|
||||
id="rect84"
|
||||
width="67.30423"
|
||||
height="66.864334"
|
||||
x="622.89417"
|
||||
y="370.39328"
|
||||
ry="13.416858" />
|
||||
<rect
|
||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:200.9;-inkscape-stroke:none"
|
||||
id="rect85"
|
||||
width="67.30423"
|
||||
height="66.864334"
|
||||
x="704.71503"
|
||||
y="370.39328"
|
||||
ry="13.416858" />
|
||||
<rect
|
||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:200.9;-inkscape-stroke:none"
|
||||
id="rect86"
|
||||
width="67.30423"
|
||||
height="66.864334"
|
||||
x="787.41565"
|
||||
y="370.39328"
|
||||
ry="13.416858" />
|
||||
<circle
|
||||
style="fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:200.9;stroke-dasharray:none;-inkscape-stroke:none"
|
||||
id="path86"
|
||||
cx="821.50757"
|
||||
cy="404.04538"
|
||||
r="19.575417" />
|
||||
<path
|
||||
sodipodi:type="spiral"
|
||||
style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;fill-opacity:0"
|
||||
id="path87"
|
||||
sodipodi:cx="727.5896"
|
||||
sodipodi:cy="401.18607"
|
||||
sodipodi:expansion="1"
|
||||
sodipodi:revolution="3"
|
||||
sodipodi:radius="23.18136"
|
||||
sodipodi:argument="-18.266817"
|
||||
sodipodi:t0="0"
|
||||
d="m 727.5896,401.18607 c 0.97045,0.63961 -0.3834,1.62371 -1.06308,1.61295 -1.8419,-0.0291 -2.5887,-2.22726 -2.16283,-3.73912 0.76177,-2.70436 3.9855,-3.66525 6.41516,-2.7127 3.56562,1.3979 4.76744,5.76533 3.26257,9.0912 -2.00574,4.43286 -7.55252,5.88017 -11.76724,3.81245 -5.30379,-2.60202 -6.99828,-9.34316 -4.36232,-14.44328 3.19251,-6.17694 11.13571,-8.1195 17.11932,-4.9122 7.05148,3.7797 9.24266,12.92946 5.46207,19.79536 -4.36484,7.92696 -14.724,10.36711 -22.4714,6.01194 -8.80308,-4.94862 -11.49248,-16.51911 -6.56181,-25.14744 5.53146,-9.67968 18.31462,-12.6185 27.82348,-7.11168 10.55662,6.1136 13.74501,20.11045 7.66156,30.49952"
|
||||
transform="translate(10.557528,2.639382)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 391 KiB After Width: | Height: | Size: 393 KiB |
BIN
assets/fonts/Fairfax.ttf
Normal file
BIN
assets/fonts/Fairfax.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/FairfaxBold.ttf
Normal file
BIN
assets/fonts/FairfaxBold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/FairfaxItalic.ttf
Normal file
BIN
assets/fonts/FairfaxItalic.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Hershey-Noailles-Futura-Simplex-Bold.otf
Normal file
BIN
assets/fonts/Hershey-Noailles-Futura-Simplex-Bold.otf
Normal file
Binary file not shown.
BIN
assets/fonts/Oswald-Bold.ttf
Normal file
BIN
assets/fonts/Oswald-Bold.ttf
Normal file
Binary file not shown.
BIN
assets/fonts/Oswald-SemiBold.ttf
Normal file
BIN
assets/fonts/Oswald-SemiBold.ttf
Normal file
Binary file not shown.
Binary file not shown.
BIN
assets/images/._head-geneve.jpg
Normal file
BIN
assets/images/._head-geneve.jpg
Normal file
Binary file not shown.
BIN
assets/images/._head-geneve.svg
Normal file
BIN
assets/images/._head-geneve.svg
Normal file
Binary file not shown.
BIN
assets/images/._universite-de-strasbourg-840263118.jpg
Normal file
BIN
assets/images/._universite-de-strasbourg-840263118.jpg
Normal file
Binary file not shown.
63
assets/images/Universite_de_Strasbourg.svg
Normal file
63
assets/images/Universite_de_Strasbourg.svg
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 306.1 116.4" style="enable-background:new 0 0 306.1 116.4;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M38.4,18.3v12.3c0,5-2.1,8.6-8.2,8.6c-6.2,0-8.2-3.6-8.2-8.6V18.3h4.8v12.3c0,3.4,1.1,4.6,3.4,4.6
|
||||
c2.3,0,3.4-1.3,3.4-4.6V18.3H38.4z"/>
|
||||
<path class="st0" d="M51.4,21.7c4.6,0,6.1,3.6,6.1,7.5v9.5h-4.8v-9.5c0-2.5-0.8-3.4-2.5-3.4s-3,1-3,3.3v9.6h-4.8V22.2H46l0.5,1.8
|
||||
C47.6,22.6,49.2,21.7,51.4,21.7z"/>
|
||||
<path class="st0" d="M64.1,13.1l3.6,3.6l-3.6,3.6l-3.6-3.6L64.1,13.1z M66.5,22.2v16.6h-4.8V22.2H66.5z"/>
|
||||
<path class="st0" d="M86.3,22.2l-5.5,16.6h-6.4L69,22.2h5l3.7,11.9l3.7-11.9H86.3z"/>
|
||||
<path class="st0" d="M95.4,21.7c4.6,0,7.5,2.6,7.5,7.6c0,1.2,0,1.8-0.1,2.8H92.7c0,2.2,1.1,3.4,3.4,3.4c1.4,0,3.4-0.6,4.3-1
|
||||
l1.6,3.4c-1.6,0.8-3.4,1.3-6.2,1.3c-5,0-7.8-2.6-7.8-7.4v-2.6C87.9,24.3,90.7,21.7,95.4,21.7z M95.4,25.2c-1.8,0-2.8,1.2-2.8,3.4
|
||||
v0.2h5.6v-0.2C98.2,26.4,97.3,25.2,95.4,25.2z"/>
|
||||
<path class="st0" d="M115.7,21.9c0.6,0,1.2,0.1,1.9,0.2l-0.8,4.6c-0.4-0.1-0.9-0.2-1.6-0.2c-1.9,0-4,1-4,4.6v7.6h-4.8V22.2h3.6
|
||||
l0.8,2.7C111.8,22.9,113.5,21.9,115.7,21.9z"/>
|
||||
<path class="st0" d="M125.1,21.7c2.1,0,4.4,0.5,6,1.4l-1.7,3.6c-1-0.5-2.6-1.1-4.1-1.1c-1.3,0-1.8,0.4-1.8,1.1s0.4,0.8,2.6,1.9
|
||||
c3.5,1.7,5,2.8,5,5.7c0,3.6-3.3,4.9-6.4,4.9c-2.7,0-4.4-0.5-6.2-1.1l1.4-3.8c1.6,0.6,3.1,1,4.6,1c1.2,0,1.9-0.4,1.9-1.2
|
||||
c0-0.8-0.7-1.1-2.6-2c-2.6-1.2-5.2-2.3-5.2-5.4C118.8,23.4,121.9,21.7,125.1,21.7z"/>
|
||||
<path class="st0" d="M137,13.1l3.6,3.6l-3.6,3.6l-3.6-3.6L137,13.1z M139.4,22.2v16.6h-4.8V22.2H139.4z"/>
|
||||
<path class="st0" d="M149.9,18.3v3.9h3v3.9h-3v6.5c0,1.8,0.8,2.2,2,2.2c0.3,0,0.5,0,0.9,0l0.4,4.2c-0.6,0.1-1.2,0.1-1.7,0.1
|
||||
c-4.5,0-6.4-2.8-6.4-6.4v-6.6h-3v-3.9h0.8c1.6,0,3-0.3,3.3-3.9L149.9,18.3L149.9,18.3z"/>
|
||||
<path class="st0" d="M162.7,21.7c4.6,0,7.5,2.6,7.5,7.6c0,1.2,0,1.8-0.1,2.8h-10.2c0,2.2,1.1,3.4,3.4,3.4c1.4,0,3.4-0.6,4.3-1
|
||||
l1.6,3.4c-1.6,0.8-3.4,1.3-6.2,1.3c-5,0-7.8-2.6-7.8-7.4v-2.6C155.2,24.3,158,21.7,162.7,21.7z M164.9,13l2.2,3.4l-6.3,3.8
|
||||
l-1.9-3L164.9,13z M162.7,25.2c-1.8,0-2.8,1.2-2.8,3.4v0.2h5.6v-0.2C165.5,26.4,164.6,25.2,162.7,25.2z"/>
|
||||
</g>
|
||||
<path class="st0" d="M103.9,72.5v23.8h-2l-0.5-1.8c-1,1.4-2.6,2.2-4.6,2.2c-4.3,0-5.9-3-5.9-6.4v-4.6c0-3.7,2-6.4,6.2-6.4
|
||||
c1.1,0,2,0.2,2.9,0.6l-0.4,2c-0.7-0.2-1.4-0.3-2.1-0.3c-2.4,0-3.9,1.3-3.9,4.1v4.6c0,2.8,1.5,4.1,3.7,4.1c2.6,0,4.1-1.8,4.1-4.6
|
||||
V72.5H103.9z M115.4,79.3c4.6,0,6.5,2.9,6.5,6.6c0,1.5,0,2.4-0.1,3.3h-10.3v1.2c0,2.8,1.3,4.1,4.3,4.1c1.2,0,2.8-0.5,4.3-1.1
|
||||
l1,2.2c-1.4,0.6-3.1,1.2-5.3,1.2c-5.2,0-6.9-2.7-6.9-6.4v-4.4C108.8,82.2,110.8,79.3,115.4,79.3z M115.4,81.5
|
||||
c-2.4,0-3.9,1.4-3.9,4.3v1h7.8v-1C119.2,82.9,117.8,81.5,115.4,81.5z M138.8,75.5c2.5,0,4,1,6,2.6c1.6,1.2,2.6,1.7,4.1,1.7
|
||||
c1.2,0,2.4-0.4,2.8-3.8h2v3.8h3.4V82h-3.4v9.2c0,2.3,0.8,3,2.3,3c0.3,0,0.7,0,1-0.1l0.2,2.4c-0.4,0-1,0.1-1.4,0.1
|
||||
c-3.6,0-4.8-2.3-4.8-5.4V82h-1.5c-2.3,0-3.6-0.4-5.8-2.1c-1.8-1.4-3-2-4.6-2c-2,0-3.3,1.1-3.3,3c0,2.2,1.9,2.9,3.7,3.9
|
||||
c3.9,2,6.2,3.3,6.2,6.6c0,3.8-3,5.4-7,5.4c-1.8,0-3.6-0.4-5.8-1.1l0.8-2.3c1.8,0.6,3.3,1,5.1,1c2.4,0,4.2-0.8,4.1-2.9
|
||||
c0-2.1-2-2.9-4.3-4.2c-3-1.7-5.6-2.9-5.6-6.2C133.2,77.4,135.8,75.5,138.8,75.5z M168.4,79.3c1.2,0,2.2,0.3,2.8,0.6l-1.1,2.3
|
||||
c-0.7-0.3-1.4-0.5-2.2-0.5c-2.2,0-4.1,1.6-4.1,4.8v9.6h-2.6V79.7h2l0.6,2C164.9,80.2,166.4,79.3,168.4,79.3z M179.3,79.3
|
||||
c3.9,0,5.9,2.4,5.9,5.9v11h-2l-0.5-1.8c-1.1,1.2-2.5,2.2-4.7,2.2c-3.8,0-5.4-2.2-5.4-5.1c0-4.1,3.4-5.5,10-5.5v-0.9
|
||||
c0-2.7-1.5-3.6-3.6-3.6c-1.7,0-3.1,0.5-4.4,1l-0.9-2.2C175.3,79.8,176.8,79.3,179.3,79.3z M182.5,88.1c-5.4,0.1-7.4,0.8-7.4,3.5
|
||||
c0,2,1.4,2.8,2.9,2.8c2,0,4.5-1,4.5-4.2V88.1z M194.7,79.3c2,0,3.8,0.4,5.4,1.2l-1,2.2c-1.1-0.5-2.6-1.1-4.4-1.1
|
||||
c-1.9,0-2.9,0.8-2.9,2.1c0,1.6,1.4,2,3.7,3.2c3.3,1.6,4.8,2.9,4.8,5.4c0,3-2.6,4.4-5.9,4.4c-2.1,0-3.9-0.5-5.4-1.1l0.8-2.2
|
||||
c1.6,0.6,3.1,1,4.6,1c2.4,0,3.3-0.8,3.3-2.1s-0.6-1.9-3.7-3.4c-2.8-1.4-4.8-2.2-4.8-5C189.2,80.9,191.8,79.3,194.7,79.3z
|
||||
M207.2,72.5v17.2c0,2.8,1.5,4.6,4,4.6c2.3,0,3.8-1.2,3.8-4.1v-4.6c0-2.8-1.4-4.1-3.6-4.1c-0.8,0-1.6,0.2-2.2,0.5l-0.9-1.8
|
||||
c1-0.6,2.2-1,3.4-1c4.3,0,5.8,3,5.8,6.4v4.6c0,3.4-1.9,6.4-6,6.4c-2,0-3.5-0.8-4.4-2.2l-0.5,1.7h-2V72.5H207.2z M228.7,79.3
|
||||
c4.6,0,6.6,2.9,6.6,6.6v4.3c0,3.7-2,6.6-6.6,6.6c-4.6,0-6.6-2.9-6.6-6.6v-4.3C222.1,82.2,224.1,79.3,228.7,79.3z M228.7,81.6
|
||||
c-2.5,0-4,1.4-4,4.3v4.3c0,2.9,1.5,4.3,4,4.3c2.5,0,4-1.4,4-4.3v-4.3C232.7,82.9,231.2,81.6,228.7,81.6z M253,79.7v16.5h-2
|
||||
l-0.5-1.8c-1,1.4-2.6,2.2-4.6,2.2c-4.3,0-5.9-3-5.9-6.4V79.7h2.6v10.6c0,2.8,1.5,4.1,3.7,4.1c2.6,0,4.1-1.8,4.1-4.6v-10H253z
|
||||
M265.6,79.3c1.2,0,2.2,0.3,2.8,0.6l-1.1,2.3c-0.7-0.3-1.4-0.5-2.2-0.5c-2.2,0-4.1,1.6-4.1,4.8v9.6h-2.6V79.7h2l0.6,2
|
||||
C262.1,80.2,263.6,79.3,265.6,79.3z M276.3,79.3c2,0,3.5,0.8,4.4,2.2l0.5-1.7h2v16.8c0,3.9-1.5,7.3-6.8,7.3
|
||||
c-1.3,0-2.8-0.3-4.4-0.8l0.8-2.2c1,0.4,2.3,0.7,3.5,0.7c3.3,0,4.2-1.9,4.2-4.9V86.3c0-2.8-1.5-4.6-4-4.6c-2.3,0-3.8,1.2-3.8,4.1
|
||||
v4.6c0,2.8,1.5,4.1,3.7,4.1c0.8,0,1.5-0.2,2-0.5l0.9,1.8c-0.9,0.6-2.1,1-3.3,1c-4.3,0-6-3-6-6.4v-4.6
|
||||
C270.3,82.3,272.2,79.3,276.3,79.3z"/>
|
||||
<path class="st0" d="M306.1,57.5h-45.6V0h-21h-1.4h-24.7H212h-9.4h-1.4h-11.1v0H0v58.9h37.4v57.5h20.4h1.4h10.8v-0.1h236.2V57.5z
|
||||
M259.1,1.4v56.1h-19.6V1.4H259.1z M238.1,1.4v56.1h-24.7V1.4H238.1z M212,1.4v56.1h-9.4V1.4H212z M191.5,1.4h9.7v56.1h-9.7V1.4z
|
||||
M1.4,1.4h188.7v56.1H68.5l-67.1,0V1.4z M38.8,115V58.9h19V115H38.8z M59.1,58.9h9.3V115h-9.3V58.9z M304.7,115H69.9V58.9l234.8,0
|
||||
V115z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.6 KiB |
BIN
assets/images/head-geneve.jpg
Normal file
BIN
assets/images/head-geneve.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
64
assets/images/head-geneve.svg
Normal file
64
assets/images/head-geneve.svg
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 272 166" style="enable-background:new 0 0 272 166;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M215.5,70.9c0-0.6,0-1,0-1.3c0-15.6,0-31.3,0-46.9c0-1.1,0.3-1.5,1.4-1.5c5.4,0.1,10.7-0.1,16.1,0.1
|
||||
c4.8,0.1,9.3,1.5,12.7,4.9c2.9,2.9,4.6,6.5,5.6,10.5c0.9,3.6,0.8,7.2,0.8,10.9c0,5-0.8,9.9-3.2,14.4c-2.5,4.7-6.4,7.4-11.5,8.4
|
||||
c-1.8,0.4-3.7,0.5-5.6,0.5c-5,0.1-9.9,0-14.9,0C216.5,70.9,216.1,70.9,215.5,70.9z M226.1,62.5c2.3,0,4.5,0.1,6.7,0
|
||||
c2.3-0.1,4.1-1.1,5.5-2.9c1.9-2.5,2.6-5.3,2.9-8.3c0.6-4.5,0.5-8.9-0.5-13.3c-0.9-3.8-2.7-7-6.8-7.9c-2.5-0.5-5.1-0.4-7.7-0.6
|
||||
C226.1,40.6,226.1,51.5,226.1,62.5z"/>
|
||||
<path class="st0" d="M114.5,70.9c-2,0-3.9,0-5.8,0c-1.3,0-2.6-0.1-3.8,0c-1,0.1-1.2-0.3-1.2-1.2c0-6.2,0-12.4,0-18.6
|
||||
c0-0.4,0-0.8,0-1.2c-4.6,0-9.1,0-13.7,0c0,7,0,13.9,0,21c-3.5,0-7,0-10.5,0c0-16.5,0-32.9,0-49.5c0.3,0,0.7-0.1,1-0.1
|
||||
c2.8,0,5.5,0,8.3,0c1,0,1.2,0.3,1.2,1.2c0,5.8,0,11.5,0,17.3c0,0.4,0,0.9,0,1.4c4.6,0,9.1,0,13.7,0c0-0.3,0-0.6,0-1
|
||||
c0-5.9,0-11.8,0-17.6c0-0.9,0.3-1.3,1.2-1.2c2.8,0.1,5.6,0,8.4,0c0.8,0,1.2,0.2,1.2,1.1c0,15.4,0,30.8,0,46.2
|
||||
C114.5,69.3,114.5,70,114.5,70.9z"/>
|
||||
<path class="st0" d="M42.8,120.6c-3.1,0-5.9,0-8.7,0c0-2.5,0-4.8,0-7.3c5.9,0,11.8,0,17.9,0c0,9.1,0,18.2,0,27.5c-2,0-4,0-6.2,0
|
||||
c-0.4-1.9-0.7-3.9-1.1-6c-0.5,0.9-0.9,1.7-1.4,2.4c-1.8,2.6-4.4,4.1-7.4,4.5c-4.3,0.6-8.4-0.1-12.1-2.6c-3.4-2.3-5.5-5.5-7-9.2
|
||||
c-2-5-2.5-10.2-2.3-15.5c0.1-3.8,0.6-7.6,1.8-11.2c2.5-6.9,7-11.7,14.5-12.9c5.1-0.8,10-0.3,14.4,2.7c3.6,2.5,5.5,6.1,6.4,10.3
|
||||
c0.1,0.3,0.2,0.7,0.2,1c0,0.4,0,0.7,0,1.2c-3.3,0.5-6.6,0.9-9.8,1.4c-0.5-1.7-0.8-3.3-1.4-4.7c-2-4.5-8.2-4.4-11.1-1.8
|
||||
c-2.3,2.1-3.3,4.9-3.5,7.8c-0.4,3.9-0.6,7.8-0.5,11.7c0.1,3.8,0.7,7.6,3.1,10.7c1.6,2.2,3.9,3.1,6.6,2.6c4.4-0.8,6.7-3.3,7.3-7.8
|
||||
C42.7,123.8,42.7,122.2,42.8,120.6z"/>
|
||||
<path class="st0" d="M207,70.9c-3.7,0-7.2,0-10.7,0c-0.2,0-0.6-0.5-0.7-0.8c-0.7-2.5-1.3-4.9-1.9-7.4c-0.2-0.6-0.4-0.9-1.1-0.9
|
||||
c-4.5,0-9,0-13.6,0c-0.8,2.7-1.6,5.4-2.3,8.1c-0.2,0.8-0.6,1-1.4,1c-3.1,0-6.2,0-9.5,0c0.4-1.3,0.7-2.6,1.1-3.8
|
||||
c3.1-9.8,6.2-19.7,9.3-29.5c1.6-5.1,3.2-10.3,4.8-15.4c0.2-0.7,0.6-1,1.4-1c2.6,0.1,5.1,0.1,7.7,0c1,0,1.4,0.3,1.7,1.3
|
||||
c2.3,7.6,4.8,15.1,7.2,22.7c2.4,7.7,4.9,15.5,7.3,23.3C206.5,69.2,206.7,70,207,70.9z M181.2,53.6c3.4,0,6.7,0,10,0
|
||||
c-1.7-6.6-3.3-13.2-4.9-19.8C184.6,40.3,182.9,46.9,181.2,53.6z"/>
|
||||
<path class="st0" d="M159.4,70.9c-10.5,0-20.8,0-31.2,0c0-0.4,0-0.8,0-1.2c0-15.6,0-31.3,0-46.9c0-1.2,0.3-1.5,1.5-1.5
|
||||
c9.4,0.1,18.9,0,28.3,0c1.1,0,1.4,0.3,1.4,1.4c-0.1,2.4,0,4.7,0,7.2c-6.9,0-13.7,0-20.6,0c0,3.7,0,7.2,0,10.8
|
||||
c0,0.2,0.4,0.7,0.7,0.7c4.7,0,9.5,0,14.2,0c0.6,0,1.2,0,1.8,0c0,2.6,0,5,0,7.4c0,0.9-0.6,0.8-1.2,0.8c-2.8,0-5.6,0-8.4,0
|
||||
c-2.3,0-4.7,0-7.1,0c0,4.3,0,8.4,0,12.8c0.5,0,0.9,0,1.3,0c6,0,11.9,0,17.9,0c1.1,0,1.4,0.3,1.4,1.3
|
||||
C159.3,66,159.4,68.4,159.4,70.9z"/>
|
||||
<path class="st0" d="M226.7,126.3c0.7,2.1,1.2,4,2.1,5.7c1.2,2.4,4.1,2.9,6.3,2.6c2.7-0.3,4.4-2,5.1-4.6c2.7,0.3,5.3,0.6,8.1,1
|
||||
c-0.2,1.8-1,3.4-2,4.8c-2,3-4.9,4.9-8.5,5.5c-4.1,0.8-8,0.4-11.8-1.5c-4.1-2.1-6.4-5.6-7.5-9.9c-1.4-5.8-1.3-11.6,1.7-16.9
|
||||
c2.3-4.2,6-6.6,10.8-7.4c3.3-0.5,6.5-0.3,9.5,1.1c4.6,2.1,7.1,5.9,8.1,10.7c0.6,2.8,0.7,5.7,0.2,8.8
|
||||
C241.6,126.3,234.3,126.3,226.7,126.3z M239.9,120.3c-0.1-6.8-3.7-8.2-7-7.9c-3.4,0.3-6,4.2-5.4,7.9c0.3,0,0.5,0,0.8,0
|
||||
C232.1,120.3,235.9,120.3,239.9,120.3z"/>
|
||||
<path class="st0" d="M151.2,126.4c0.7,2,1.1,3.9,1.9,5.5c1.2,2.4,3.6,3,6.1,2.8c2.6-0.2,4.4-1.6,5.2-4.1c0.1-0.2,0.1-0.4,0.2-0.6
|
||||
c2.7,0.3,5.3,0.6,8.1,1c-0.2,0.7-0.3,1.4-0.6,2.1c-2,4.8-5.6,7.6-10.8,8.4c-4.5,0.7-8.7,0.1-12.6-2.6c-3.1-2.2-5-5.3-5.9-8.9
|
||||
c-1.2-4.6-1.2-9.3,0.4-13.9c2-5.9,6-9.4,12.2-10.4c4.1-0.6,8-0.1,11.5,2.2c3.4,2.3,5.4,5.6,6.1,9.6c0.4,2.3,0.4,4.7,0.5,7.1
|
||||
c0.1,1.5-0.2,1.6-1.6,1.6c-6.6,0-13.1,0-19.7,0C152,126.3,151.8,126.3,151.2,126.4z M164.1,120.3c0.3-3.2-0.7-5.9-3-7.1
|
||||
c-2.1-1.1-4.4-1.1-6.4,0.4c-2.3,1.6-3,4-3,6.8C155.9,120.3,159.9,120.3,164.1,120.3z"/>
|
||||
<path class="st0" d="M92.2,131c-0.3,2.2-1.3,4.1-2.7,5.7c-3.8,4.4-8.7,5.4-14.2,4.8c-3.5-0.4-6.5-1.8-9-4.3
|
||||
c-2.4-2.4-3.6-5.4-4.2-8.7c-0.4-2.1-0.5-4.3-0.4-6.4c0.2-4.7,1.5-9.1,5.1-12.5c2.7-2.6,6.1-4,9.9-4.1c3.6-0.2,7.1,0.5,10.1,2.7
|
||||
c3.1,2.3,5.1,5.4,5.7,9.1c0.5,2.6,0.4,5.4,0.5,8.1c0.1,0.9-0.5,1-1.2,1c-6.7,0-13.3,0-20,0c-0.2,0-0.3,0-0.4,0
|
||||
c-0.5,3,1.1,7.3,4.6,8.1c3.4,0.8,6.7,0.3,8.2-4.4C86.8,130.3,89.4,130.7,92.2,131z M84,120.3c-0.4-2.6-0.4-5.3-3-6.9
|
||||
c-2.1-1.3-4.3-1.3-6.4,0c-2.6,1.5-3.2,4.1-3.4,7C75.6,120.3,79.7,120.3,84,120.3z"/>
|
||||
<path class="st0" d="M133,140.7c-3.2,0-6.2,0-9.4,0c0-0.5,0-0.9,0-1.3c0-6.5,0-13,0-19.6c0-1-0.2-2-0.5-3c-1-4.1-5.9-4.5-8.6-2.1
|
||||
c-2,1.8-2.4,4.2-2.4,6.7c-0.1,6.4,0,12.8,0,19.3c-3.1,0-6.1,0-9.4,0c0-0.4,0-0.8,0-1.2c0-6.5,0-13,0-19.6c0-3.7-0.1-7.4-0.2-11.1
|
||||
c0-0.7-0.2-1.5-0.3-2.3c3.1,0,6,0,9.1,0c0.1,1.4,0.2,2.8,0.3,4.4c1.5-2.9,3.8-4.3,6.6-5c3.5-0.9,7-0.5,10,1.5
|
||||
c2.7,1.8,4,4.5,4.5,7.6c0.3,1.9,0.3,3.8,0.3,5.7c0,6.3,0,12.6,0,18.8C133,139.8,133,140.2,133,140.7z"/>
|
||||
<path class="st0" d="M178.8,106.4c3.2,0,6.3,0,9.5,0c0.3,0,0.7,0.4,0.8,0.7c2.1,7.1,4.2,14.2,6.3,21.2c0.1,0.4,0.2,0.8,0.3,1.2
|
||||
c2.3-7.7,4.6-15.4,6.9-23.1c3.3,0,6.5,0,9.8,0c-1.8,4.9-3.6,9.8-5.4,14.7c-2.3,6.2-4.6,12.4-6.8,18.6c-0.3,0.9-0.7,1-1.5,1
|
||||
c-2,0-4.1-0.1-6.1,0c-1,0.1-1.5-0.3-1.8-1.2c-2-5.5-4-11-6-16.5c-2-5.4-3.9-10.8-5.9-16.2C178.9,106.8,178.9,106.6,178.8,106.4z"
|
||||
/>
|
||||
<path class="st0" d="M18.1,47.8c0-1.3,0-2.5,0-3.9c15.1,0,30.2,0,45.4,0c0,1.2,0,2.5,0,3.9C48.4,47.8,33.3,47.8,18.1,47.8z"/>
|
||||
<path class="st0" d="M168.3,99.1c-0.7,1.3-1.3,2.5-1.9,3.8c-6-2.3-11.9-4.6-18-7c1.1-2.5,2.2-4.9,3.4-7.5
|
||||
C157.4,92.1,162.8,95.6,168.3,99.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.8 KiB |
BIN
assets/images/universite-de-strasbourg-840263118.jpg
Normal file
BIN
assets/images/universite-de-strasbourg-840263118.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
304
assets/poster.css
Normal file
304
assets/poster.css
Normal file
|
|
@ -0,0 +1,304 @@
|
|||
* {
|
||||
--object-frames: 1mm solid var(--object-frames-color);
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: rgb(98, 98, 98);
|
||||
overflow: scroll;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 297mm;
|
||||
height: 420mm;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
margin: 6%;
|
||||
}
|
||||
|
||||
main {
|
||||
}
|
||||
|
||||
.programme {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.poster {
|
||||
}
|
||||
|
||||
summary {
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
address {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* width */
|
||||
.cover::-webkit-scrollbar {
|
||||
width: 8mm;
|
||||
background-color: var(--box-bgcolor);
|
||||
}
|
||||
|
||||
/* Track */
|
||||
.cover::-webkit-scrollbar-track {
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
.cover::-webkit-scrollbar-thumb {
|
||||
background: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.cover {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(8, 30.2mm);
|
||||
gap: 5mm;
|
||||
grid: auto-flow;
|
||||
grid-template-rows: 1fr 17mm 1fr 1fr 1fr 1fr 1fr 1fr;
|
||||
padding: 10mm;
|
||||
}
|
||||
|
||||
.cover span {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.code {
|
||||
/* transform: rotate(30deg); */
|
||||
position: relative;
|
||||
/* top: 1em; */
|
||||
/* box-shadow: 16mm 10mm 1em var(--shadow-color); */
|
||||
border-radius: 100%;
|
||||
/* padding: 7mm 7mm 0 7mm; */
|
||||
/* border: 1mm dashed; */
|
||||
/* text-decoration: underline; */
|
||||
}
|
||||
|
||||
.interface {
|
||||
/* transform: rotate(-30deg); */
|
||||
position: relative;
|
||||
/* top: 1em; */
|
||||
}
|
||||
|
||||
.box.poster {
|
||||
/*! position: absolute; */
|
||||
bottom: 7%;
|
||||
/*! right: 117mm; */
|
||||
/*! border-color: var(--bright-color); */
|
||||
left: 7%;
|
||||
z-index: 2;
|
||||
color: black;
|
||||
background-color: #fff;
|
||||
font-size: 16pt;
|
||||
line-height: var(--line-height);
|
||||
/*! width: 30em; */
|
||||
grid-column: 1/6;
|
||||
grid-row: 6/9;
|
||||
border-style: double solid solid double;
|
||||
border-width: 2mm;
|
||||
height: 107mm;
|
||||
}
|
||||
|
||||
.canvas {
|
||||
left: 17%;
|
||||
padding-top: 14mm;
|
||||
}
|
||||
|
||||
.glyphs {
|
||||
font-feature-settings: "rand" 1 to 5; /* Use value 1 to 5 for all alternates */
|
||||
font-family: var(--main-font);
|
||||
/*! font-size: 2rem; */
|
||||
}
|
||||
|
||||
.tools {
|
||||
position: absolute;
|
||||
top: 86mm;
|
||||
left: 38mm;
|
||||
width: 8mm;
|
||||
line-break: anywhere;
|
||||
text-align: center;
|
||||
color: var(--bright-color);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.colophon {
|
||||
position: absolute;
|
||||
transform: rotate(-90deg);
|
||||
right: 2%;
|
||||
top: 95%;
|
||||
font-size: 0.5em;
|
||||
width: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.cover * {
|
||||
border: var(--object-frames);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
border: var(--object-frames);
|
||||
}
|
||||
|
||||
h1 span {
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
#scrollbar-right {
|
||||
position: absolute;
|
||||
right: 5mm;
|
||||
top: 5mm;
|
||||
bottom: 10mm;
|
||||
width: 0;
|
||||
background-color: var(--scroll-bgcolor);
|
||||
z-index: 2;
|
||||
/*! border: var(--object-frames); */
|
||||
}
|
||||
|
||||
#scrollbar-bottom {
|
||||
position: absolute;
|
||||
right: 10mm;
|
||||
left: 5mm;
|
||||
bottom: 5mm;
|
||||
height: 0;
|
||||
background-color: var(--scroll-bgcolor);
|
||||
/*! border: var(--object-frames); */
|
||||
}
|
||||
|
||||
.track {
|
||||
position: relative;
|
||||
background-color: var(--object-frames-color);
|
||||
}
|
||||
|
||||
#scrollbars {
|
||||
z-index: 5;
|
||||
/*! position: relative; */
|
||||
/*! display: none; */
|
||||
}
|
||||
|
||||
#scrollbar-right .track {
|
||||
height: 60mm;
|
||||
top: 140mm;
|
||||
width: 5mm;
|
||||
left: -2.25mm;
|
||||
border-radius: 10em;
|
||||
}
|
||||
|
||||
#scrollbar-bottom .track {
|
||||
width: 30mm;
|
||||
height: 5mm;
|
||||
left: 150mm;
|
||||
top: -2.25mm;
|
||||
border-radius: 10em;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
/*! font-family: "Courier New", Courier, monospace; */
|
||||
position: relative;
|
||||
/*! width: fit-content; */
|
||||
margin: 0;
|
||||
padding: 0.3em 0.3em 0.45em 0.3em;
|
||||
font-size: 41pt;
|
||||
left:;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
h1 {
|
||||
/*! margin-bottom: 10mm; */
|
||||
font-size: 59pt;
|
||||
/*! font-family: var(--cover-font); */
|
||||
text-transform: uppercase;
|
||||
/*! width: 110%; */
|
||||
/*! top: -33%; */
|
||||
grid-column: 1/5;
|
||||
grid-row: 1/3;
|
||||
}
|
||||
|
||||
h2 {
|
||||
/*! left: 45%; */
|
||||
/*! top: -28%; */
|
||||
/*! transform: rotate(-35deg); */
|
||||
/*! background-color: #bcffba; */
|
||||
grid-column: 6/9;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.images {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: var(--main-font);
|
||||
position: relative;
|
||||
font-size: 0.4rem;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#hand {
|
||||
/*! top: 1mm; */
|
||||
/*! left: -39mm; */
|
||||
/*! display: none; */
|
||||
grid-column: 2/5;
|
||||
grid-row: 3/6;
|
||||
}
|
||||
|
||||
#ornament {
|
||||
/*! right: 4%; */
|
||||
/*! bottom: 110mm; */
|
||||
/*! display: none; */
|
||||
grid-column: 5/8;
|
||||
grid-row: 3/5;
|
||||
}
|
||||
|
||||
.margin-canvas {
|
||||
position: absolute;
|
||||
inset: 5mm;
|
||||
border: var(--object-frames);
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
details > :not(summary) {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#logos {
|
||||
grid-column: 7/9;
|
||||
grid-row: 8;
|
||||
height: 11mm;
|
||||
}
|
||||
|
||||
.box.poster * {
|
||||
border: inherit;
|
||||
font-family: inherit;
|
||||
font-family: var(--main-font);
|
||||
text-align: left;
|
||||
}
|
||||
76
assets/programme-cover.css
Normal file
76
assets/programme-cover.css
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
.programme {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
position: absolute;
|
||||
width: 148.5mm;
|
||||
height: 210mm;
|
||||
}
|
||||
|
||||
#scrollbar-right {
|
||||
position: absolute;
|
||||
right: 5mm;
|
||||
top: 5mm;
|
||||
bottom: 10mm;
|
||||
width: 5mm;
|
||||
background-color: var(--scroll-bgcolor);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#scrollbar-bottom {
|
||||
position: absolute;
|
||||
right: 10mm;
|
||||
left: 5mm;
|
||||
bottom: 5mm;
|
||||
height: 5mm;
|
||||
background-color: var(--box-bgcolor);
|
||||
}
|
||||
|
||||
#scrollbar-right .track {
|
||||
height: 60mm;
|
||||
top: 60mm;
|
||||
}
|
||||
|
||||
#scrollbar-bottom {
|
||||
position: absolute;
|
||||
right: 10mm;
|
||||
left: 5mm;
|
||||
bottom: 5mm;
|
||||
height: 5mm;
|
||||
background-color: var(--scroll-bgcolor);
|
||||
}
|
||||
|
||||
#scrollbar-bottom .track {
|
||||
width: 30mm;
|
||||
height: 100%;
|
||||
left: 60mm;
|
||||
}
|
||||
|
||||
.box.poster {
|
||||
position: absolute;
|
||||
margin: var(--body-margin);
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: var(--body-margin);
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: -7mm;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
/* font-family: "Courier New", Courier, monospace; */
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
margin: 0 4mm;
|
||||
padding-bottom: 3mm;
|
||||
font-size: inherit;
|
||||
left:;
|
||||
}
|
||||
|
||||
.canvas {
|
||||
top: 5mm;
|
||||
left: 5mm;
|
||||
}
|
||||
45
assets/programme.css
Normal file
45
assets/programme.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
* {
|
||||
--bg-color: white;
|
||||
--scroll-bgcolor: #c3c3c3;
|
||||
--font-size: 10pt;
|
||||
}
|
||||
|
||||
.programme {
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin: var(--body-margin);
|
||||
}
|
||||
|
||||
.canvas {
|
||||
width: 7em;
|
||||
height: 10.5em;
|
||||
}
|
||||
|
||||
.box.poster {
|
||||
position: relative;
|
||||
margin: var(--body-margin);
|
||||
left: auto;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: auto;
|
||||
width: auto;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
height: auto;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.cover {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
left: 20mm;
|
||||
}
|
||||
|
||||
pre {
|
||||
}
|
||||
300
assets/style.css
300
assets/style.css
|
|
@ -1,33 +1,163 @@
|
|||
* {
|
||||
--touch-size: 5em;
|
||||
--touch-gap: 0.25em;
|
||||
@font-face {
|
||||
font-family: Fairfax;
|
||||
src: url(/assets/fonts/Fairfax.ttf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
--border-style: 2px solid var(--text-color);
|
||||
--text-color: brown;
|
||||
--bright-color: deeppink;
|
||||
--line-height: 1.2em;
|
||||
--indent: 0.9rem;
|
||||
@font-face {
|
||||
font-family: Fairfax;
|
||||
src: url(/assets/fonts/FairfaxBold.ttf);
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fairfax;
|
||||
src: url(/assets/fonts/FairfaxItalic.ttf);
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Oswald;
|
||||
src: url(/assets/fonts/Oswald-SemiBold.ttf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: Hershey-Noailles-Futura;
|
||||
src: url(/assets/fonts/Hershey-Noailles-Futura-Simplex-Bold.otf);
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
* {
|
||||
--border-style: 0.085em solid var(--bright-color);
|
||||
--text-color: #fff;
|
||||
--bright-color: black;
|
||||
--line-height: 1em;
|
||||
--indent: 1em;
|
||||
--main-font: Fairfax;
|
||||
--box-bgcolor: black;
|
||||
--shadow-color: var(--text-color);
|
||||
--body-margin: 13mm;
|
||||
--bg-color: #ff523d;
|
||||
--object-frames: 1mm solid black;
|
||||
--canvas-color: #9e9e9e;
|
||||
--scroll-bgcolor: black;
|
||||
--font-size: 1rem;
|
||||
--cover-font:
|
||||
Hershey-Noailles-Futura, Amiamie Amiamie-Round, Amiamie round, Union,
|
||||
Amiamie, oswald;
|
||||
--object-frames-color: black;
|
||||
--handle-size: 0.7rem;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: ft88;
|
||||
font-family: var(--main-font);
|
||||
font-size: var(--font-size);
|
||||
color: var(--text-color);
|
||||
line-height: var(--line-height);
|
||||
font-size: 1.6em;
|
||||
/*! border: 1px solid; */
|
||||
background-color: white;
|
||||
/*! padding: var(--body-margin); */
|
||||
box-sizing: border-box;
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
main {
|
||||
.canvas.inside {
|
||||
border: none;
|
||||
background-color: var(--canvas-color);
|
||||
mix-blend-mode: normal;
|
||||
}
|
||||
|
||||
.canvas.outside {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.canvas {
|
||||
position: absolute;
|
||||
/* overflow: scroll; */
|
||||
border-width: 5px;
|
||||
top: 20%;
|
||||
background-color: #fff;
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
/*! overflow: hidden; */
|
||||
/*! left: 20%; */
|
||||
border: 0px solid !important;
|
||||
/*! padding-top: 14mm; */
|
||||
box-sizing: border-box;
|
||||
/*! font-family: union; */
|
||||
line-height: 1.1;
|
||||
font-weight: bold;
|
||||
mix-blend-mode: multiply;
|
||||
}
|
||||
|
||||
.cover {
|
||||
font-size: 1.8em;
|
||||
position: absolute;
|
||||
line-height: 0.9;
|
||||
font-family: var(--cover-font);
|
||||
text-align: center;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
/* scrollbar-color: var(--bg-color) var(--text-color); */
|
||||
/* scrollbar-width: none; */
|
||||
width: 100%;
|
||||
font-weight: normal;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 2mm;
|
||||
grid: auto-flow;
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
#logos {
|
||||
border: var(--object-frames);
|
||||
position: relative;
|
||||
height: 15mm;
|
||||
display: flex;
|
||||
z-index: 2;
|
||||
/*! top: 90%; */
|
||||
/*! right: 4%; */
|
||||
background-color: transparent;
|
||||
padding: 0.5em 0.4em;
|
||||
gap: 5mm;
|
||||
}
|
||||
|
||||
#logos object {
|
||||
border: none;
|
||||
}
|
||||
|
||||
details > summary::marker {
|
||||
content: "▶ ";
|
||||
}
|
||||
|
||||
details[open] > summary::marker {
|
||||
content: "▼ ";
|
||||
}
|
||||
|
||||
details > summary {
|
||||
/*! color: var(--bright-color); */
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
list-style: outside;
|
||||
}
|
||||
|
||||
details {
|
||||
position: relative;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
details > :not(summary) {
|
||||
margin-left: var(--indent);
|
||||
color: var(--bright-color);
|
||||
}
|
||||
|
||||
details > summary {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
details[open]::before {
|
||||
|
|
@ -35,106 +165,84 @@ details[open]::before {
|
|||
position: absolute;
|
||||
top: var(--line-height);
|
||||
bottom: 0;
|
||||
left: 0.2em;
|
||||
border-left: var(--border-style);
|
||||
}
|
||||
|
||||
summary {
|
||||
left: 0.166em;
|
||||
}
|
||||
|
||||
.box {
|
||||
max-width: 40rem;
|
||||
border: var(--border-style);
|
||||
padding: 1em;
|
||||
margin-bottom: var(--line-height);
|
||||
border-width: 0.26em;
|
||||
padding: 1em 1em 1em calc(1em + var(--indent));
|
||||
border-style: double solid solid double;
|
||||
}
|
||||
|
||||
#test1 {
|
||||
font-family: ft88;
|
||||
}
|
||||
|
||||
#test2 {
|
||||
font-family: Univers LT Std 55;
|
||||
}
|
||||
|
||||
#test3 {
|
||||
font-family: Arcade classic;
|
||||
}
|
||||
|
||||
#test4 {
|
||||
font-family: Bitcount Single;
|
||||
}
|
||||
|
||||
#test5 {
|
||||
font-family: FedraNine;
|
||||
.box a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#test6 {
|
||||
font-family: FedraEleven Normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: dodgerblue;
|
||||
}
|
||||
|
||||
date,
|
||||
address {
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#keyboard {
|
||||
text-align: center;
|
||||
display: none;
|
||||
.handles-top {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
border: 0 !important;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#keyboard span {
|
||||
font-family: sans-serif;
|
||||
display: inline-flex;
|
||||
margin: var(--touch-gap);
|
||||
width: var(--touch-size);
|
||||
height: var(--touch-size);
|
||||
background-color: bisque;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 10px;
|
||||
.handles-top::before {
|
||||
content: "";
|
||||
border: var(--handle-size) solid var(--object-frames-color);
|
||||
border-radius: 10em;
|
||||
left: 0;
|
||||
width: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(-1 * var(--handle-size));
|
||||
left: calc(-1 * var(--handle-size));
|
||||
}
|
||||
|
||||
#fingers {
|
||||
display: none;
|
||||
.handles-top::after {
|
||||
content: "";
|
||||
border: var(--handle-size) solid var(--object-frames-color);
|
||||
border-radius: 10em;
|
||||
right: 0;
|
||||
width: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(-1 * var(--handle-size));
|
||||
right: calc(-1 * var(--handle-size));
|
||||
}
|
||||
|
||||
#fingers img {
|
||||
width: 30px;
|
||||
.handles-bottom {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
border: 0 !important;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#keyboard span.space-bar {
|
||||
width: calc(8 * var(--touch-size));
|
||||
.handles-bottom::before {
|
||||
content: "";
|
||||
border: var(--handle-size) solid var(--object-frames-color);
|
||||
border-radius: 10em;
|
||||
left: 0;
|
||||
width: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: calc(-1 * var(--handle-size));
|
||||
left: calc(-1 * var(--handle-size));
|
||||
}
|
||||
|
||||
.cover {
|
||||
font-size: 9em;
|
||||
height: fit-content;
|
||||
position: relative;
|
||||
padding-bottom: 1.5em;
|
||||
}
|
||||
|
||||
.code {
|
||||
/* transform: rotate(30deg); */
|
||||
position: relative;
|
||||
/* top: 1em; */
|
||||
}
|
||||
|
||||
.interface {
|
||||
/* transform: rotate(-30deg); */
|
||||
position: relative;
|
||||
/* top: 1em; */
|
||||
.handles-bottom::after {
|
||||
content: "";
|
||||
border: var(--handle-size) solid var(--object-frames-color);
|
||||
border-radius: 10em;
|
||||
right: 0;
|
||||
width: 0;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: calc(-1 * var(--handle-size));
|
||||
right: calc(-1 * var(--handle-size));
|
||||
}
|
||||
|
|
|
|||
284
assets/web.css
Normal file
284
assets/web.css
Normal file
|
|
@ -0,0 +1,284 @@
|
|||
* {
|
||||
--object-frames: 2px solid var(--object-frames-color);
|
||||
--box-width: 43rem;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.programme {
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
address {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* width */
|
||||
.cover::-webkit-scrollbar {
|
||||
width: 8mm;
|
||||
background-color: var(--box-bgcolor);
|
||||
}
|
||||
|
||||
/* Track */
|
||||
.cover::-webkit-scrollbar-track {
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
.cover::-webkit-scrollbar-thumb {
|
||||
background: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.cover {
|
||||
position: fixed;
|
||||
left: var(--box-width);
|
||||
width: auto;
|
||||
right: 0;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.cover span {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.code {
|
||||
/* transform: rotate(30deg); */
|
||||
position: relative;
|
||||
/* top: 1em; */
|
||||
/* box-shadow: 16mm 10mm 1em var(--shadow-color); */
|
||||
border-radius: 100%;
|
||||
/* padding: 7mm 7mm 0 7mm; */
|
||||
/* border: 1mm dashed; */
|
||||
/* text-decoration: underline; */
|
||||
}
|
||||
|
||||
.interface {
|
||||
/* transform: rotate(-30deg); */
|
||||
position: relative;
|
||||
/* top: 1em; */
|
||||
}
|
||||
|
||||
.box.poster {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box.programme {
|
||||
position: relative;
|
||||
/*! bottom: 0; */
|
||||
/* right: 117mm; */
|
||||
/* border-color: var(--bright-color); */
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
color: black;
|
||||
background-color: #fff;
|
||||
font-size: 1.4rem;
|
||||
line-height: var(--line-height);
|
||||
width: var(--box-width);
|
||||
top: 0;
|
||||
max-width: 60%;
|
||||
box-sizing: border-box;
|
||||
display:;
|
||||
}
|
||||
|
||||
.canvas {
|
||||
left: 20%;
|
||||
}
|
||||
|
||||
.glyphs {
|
||||
font-feature-settings: "rand" 1 to 5; /* Use value 1 to 5 for all alternates */
|
||||
font-family: var(--main-font);
|
||||
/*! font-size: 2rem; */
|
||||
}
|
||||
|
||||
.tools {
|
||||
position: absolute;
|
||||
top: 86mm;
|
||||
left: 38mm;
|
||||
width: 8mm;
|
||||
line-break: anywhere;
|
||||
text-align: center;
|
||||
color: var(--bright-color);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.colophon {
|
||||
position: absolute;
|
||||
transform: rotate(-90deg);
|
||||
right: 2%;
|
||||
top: 48%;
|
||||
font-size: 0.5em;
|
||||
width: 0;
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cover * {
|
||||
border: var(--object-frames);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
border: var(--object-frames);
|
||||
}
|
||||
|
||||
h1 span {
|
||||
border: 0px !important;
|
||||
}
|
||||
|
||||
#scrollbar-right {
|
||||
position: absolute;
|
||||
right: 5mm;
|
||||
top: 5mm;
|
||||
bottom: 10mm;
|
||||
width: 0;
|
||||
background-color: var(--scroll-bgcolor);
|
||||
z-index: 2;
|
||||
border: var(--object-frames);
|
||||
}
|
||||
|
||||
#scrollbar-bottom {
|
||||
position: absolute;
|
||||
right: 10mm;
|
||||
left: 5mm;
|
||||
bottom: 5mm;
|
||||
height: 0;
|
||||
background-color: var(--scroll-bgcolor);
|
||||
border: var(--object-frames);
|
||||
}
|
||||
|
||||
.track {
|
||||
position: relative;
|
||||
background-color: var(--text-color);
|
||||
}
|
||||
|
||||
#scrollbars {
|
||||
z-index: 5;
|
||||
/*! position: relative; */
|
||||
display: none;
|
||||
}
|
||||
|
||||
#scrollbar-right .track {
|
||||
height: 60mm;
|
||||
top: 140mm;
|
||||
width: 5mm;
|
||||
left: -2.25mm;
|
||||
}
|
||||
|
||||
#scrollbar-bottom .track {
|
||||
width: 30mm;
|
||||
height: 5mm;
|
||||
left: 150mm;
|
||||
top: -2.25mm;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
/*! font-family: "Courier New", Courier, monospace; */
|
||||
position: relative;
|
||||
width: fit-content;
|
||||
/*! margin: 0 12mm; */
|
||||
padding: 0.3em 0.3em 0.45em 0.3em;
|
||||
/*! font-size: 41pt; */
|
||||
left:;
|
||||
/*! mix-blend-mode: multiply; */
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 10mm;
|
||||
font-size: 4vw;
|
||||
font-family: oswald;
|
||||
text-transform: uppercase;
|
||||
width: 110%;
|
||||
top: -2em;
|
||||
max-width: 9em;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
right: 5em;
|
||||
bottom: 4em;
|
||||
transform: rotate(-27deg);
|
||||
/*! background-color: #bcffba; */
|
||||
max-width: 10em;
|
||||
position: fixed;
|
||||
font-size: 3vw;
|
||||
}
|
||||
|
||||
.images {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: var(--main-font);
|
||||
position: absolute;
|
||||
font-size: 0.7rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#logos {
|
||||
}
|
||||
|
||||
#logos img {
|
||||
border: none;
|
||||
mix-blend-mode: multiply;
|
||||
}
|
||||
|
||||
#hand {
|
||||
top: 11mm;
|
||||
left: -39mm;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#hand2 {
|
||||
top: 83mm;
|
||||
left: 18mm;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#ornament {
|
||||
right: 7%;
|
||||
bottom: 70mm;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.margin-canvas {
|
||||
position: absolute;
|
||||
inset: 10px;
|
||||
border: var(--object-frames);
|
||||
border-style: dashed;
|
||||
}
|
||||
|
||||
date,
|
||||
address {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.level3 summary {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@media (max-width: 850px) {
|
||||
.box.programme {
|
||||
left: 10%;
|
||||
max-width: 80%;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
BIN
exports/._Affiche_1.pdf
Normal file
BIN
exports/._Affiche_1.pdf
Normal file
Binary file not shown.
BIN
exports/Affiche_1.pdf
Normal file
BIN
exports/Affiche_1.pdf
Normal file
Binary file not shown.
2551
index.html
2551
index.html
File diff suppressed because it is too large
Load diff
662
poster.html
Normal file
662
poster.html
Normal file
|
|
@ -0,0 +1,662 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="assets/style.css" />
|
||||
<link rel="stylesheet" href="assets/poster.css" />
|
||||
<!-- <link rel="stylesheet" href="assets/web.css" /> -->
|
||||
<!-- <link rel="stylesheet" href="assets/programme.css" />
|
||||
<link rel="stylesheet" href="assets/programme-cover.css" /> -->
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="scrollbars">
|
||||
<div id="scrollbar-right"><div class="track"></div></div>
|
||||
<div id="scrollbar-bottom"><div class="track"></div></div>
|
||||
</div>
|
||||
<div class="cover">
|
||||
<div class="images">
|
||||
<pre id="hand">
|
||||
|
||||
|
||||
|
||||
|
||||
▌▄▄▄▄▌
|
||||
▄▄▌▄▄▀▀▀
|
||||
▄▄▄▄▀▀▀▀ ▌
|
||||
▄▄▄▄▀▀ ▌
|
||||
▄▄▄▀▀▀
|
||||
▌▌▄▄▄▀ ▌▄▄▄▀▀ ▌ ▌▄▄▄▄▄
|
||||
▄▄▄▄▀▀▀▀ ▄▌▄▄▀▀▀▀▀ ▌ ▌▄▄▌▄▀▀▀▌
|
||||
▄▄▄▄▄▀▀▀ ▄▌▄▄▄▀▀▀▀▀▌ ▄▀▄▄▀▀ ▀
|
||||
▄▄▀▄▀▀ ▄▄▄▄▄▄▄▀▀▀▌ ▄▀▄▀▀
|
||||
▄▄▀▀▀▀ ▌ ▄▄▄▄▄▀▀▀▀▀▌ ▌▄▄▄▀▀ ▀
|
||||
▌▄▄▄▀▀▀▀▀▀▄ ▌▌▄▄▄▄▀▀▀▀ ▄▄▄▄▀▀ ▀
|
||||
▄▄▄▄▄▄▀▀▀▀▀ ▌▌▌▌▄▄▄▄▀▀▀ ▄▄▄▄▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▀▀ ▌▌▌▌▌▄▄▄▄▄▀ ▄▄▌▄▄▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▀▀ ▌▌▌▌▌▄▄▄▄▀▀ ▄▄▄▄▄▄▀▀▀▀
|
||||
▄▄▄▄▄▄▄▀▀▀▀ ▌▌▌▌▌▄▄▄▄▀▀ ▌▄▄▄▄▄▀▀▀ ▀
|
||||
▄▄▄▄▄▄▄▄▄▄▀ ▌▌▌▌▌▄▄▄▀▀▀ ▄▄▄▄▄▄▄▀▀ ▀ ▌▄▄▄
|
||||
▄▄▄▄▌▄▄▄▄▄▀ ▌▌▌▌▌▄▄▄▄▀▀▀ ▄▄▌▌▄▄▄▀▀▀▄ ▄▀▄▄▀▀▌
|
||||
▄▄▌▌▌▄▄▄▄▄▀ ▌▌▌▌▄▄▄▄▄▀▀▀▌ ▄▌▌▌▌▄▄▄▀▀▌ ▄▀▀▀▀▀▀
|
||||
▄▌▌▌▄▄▄▄▄▄▀▄ ▌▌▌▌▌▄▄▄▄▄▀▀▄ ▄▌▌▌▌▄▄▄▀▀ ▀▄▀▀▀ ▀
|
||||
▄▌▌▄▄▄▄▄▄▄▀▀ ▌▌▌▌▌▌▄▄▄▄▀▀▀ ▄▌▌▌▄▄▄▀▀▀ ▀▄▄▀▀▀ ▀
|
||||
▌▌▌▌▄▄▄▄▄▄▀▀ ▄▌▌▌▌▄▄▄▄▄▀▀▀ ▄▄▌▌▌▄▄▄▀▀▀ ▄▄▄▄▀ ▀▀
|
||||
▄▌▌▄▄▄▄▄▄▄▄▀▌ ▄▌▌▌▄▄▄▄▄▄▀▀▀ ▄▌▌▌▄▄▄▀▀▀▀ ▌▄▄▄▄▄▀▀▀▄
|
||||
▄▄▄▄▄▄▄▄▄▄▄▀▀ ▄▌▌▌▄▄▀▄▄▄▀▀▌ ▄▌▌▌▄▄▀▀▀▀▀ ▄▄▄▄▄▄▀▀▀▌
|
||||
▄▌▌▄▄▄▄▀▄▄▄▀▀ ▄▄▄▌▄▄▀▀▄▄▄▀ ▄▄▌▌▄▄▄▀▀▀▀▀ ▄▄▄▄▄▀▀▀▀
|
||||
▄▌▌▌▄▄▀▀▄▄▄▀▀ ▄▌▌▄▄▄▄▄▄▄▀▀ ▀▄▄▄▄▄▄▄▄▀▀▀ ▌▄▄▄▄▄▀▀▀▀
|
||||
▄▄▌▌▄▄▄▄▄▌▄▀▀ ▄▌▌▌▄▄▄▄▄▄▀▀ ▀▄▄▄▄▀▀▀▀▀▀ ▀▄▄▄▄▄▀ ▌
|
||||
▌▄▄▌▄▌▄▄▄▌▄▄▀ ▄▌▌▌▄▄▄▄▄▄▀▀▄ ▄▄▄▄▄▀▀▀▀▀ ▌▀▄▄▄▄▄▀▀▀
|
||||
▌▄▌▌▄▄▄▄▄▄▄▀▀ ▄▌▌▌▌▄▄▄▄▄▀▀▄▀▄▄▄▄▄▄▀▀▀▀▀ ▀▄▄▄▄▄▀▀▀▀
|
||||
▐▌▄▄▌▌▄▄▄▄▄▀▀▌ ▄▄▌▌▌▄▄▄▄▀▀▀▄▀▄▄▄▄▄▀▀▄▀▀▌ ▌▀▄▄▄▄▄▀▀▀▄
|
||||
▌▌▌▌▄▄▄▄▄▄▀▀▀ ▄▄▌▄▄▄▄▄▄▀▀▀▌▀▄▄▄▄▄▄▄▄▀▀ ▀▄▄▄▄▄▀▀▀▀
|
||||
▄▌▌▌▄▄▄▄▄▄▄▀▀ ▀▄▌▄▄▄▄▄▀▀▀▀ ▀▄▄▄▄▄▄▄▀▀▀ ▄▀▀▄▄▄▀▀▀▀▀
|
||||
▄▌▌▌▄▄▄▄▄▄▄▀▀▀▀▀▄▌▄▄▄▄▄▀▀▀▀ ▀▄▄▄▄▄▀▀▀▀▄ ▀▀▀▄▄▄▀▀▀▀▄
|
||||
▄▌▄▄▄▄▄▄▄▄▄▀▀▀▄▄▄▄▄▄▄▄▄▀▀▀▀ ▀▄▄▄▄▄▄▀▀▀ ▀▀▀▄▀▀▀ ▀
|
||||
▌▌▌▌▌▄▄▄▄▄▄▀▀▀▄▄▌▌▌▄▄▄▄▄▀▀▀ ▀▄▄▄▄▀▀▀▀▀ ▀▀▀▀▀▀▀ ▌
|
||||
▌▌▌▌▄▌▄▄▄▄▄▀▀▀▄▄▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▀▀▀▀▀ ▀▀▄▄▀▀▀ ▀
|
||||
▌▌▌▌▌▌▌▄▄▄▄▄▀▄▄▌▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▀▀▀▀▀ ▀▀▄▄▀▀▀▀▀
|
||||
▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▀▀▀▀▀▒ ▀▀▄▄▀▀▀▀▌
|
||||
▌▄▄▄▄▄▄▌ ▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▄▀▀▀▀ ▀▀▄▄▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▌▌▌▌▌▄▄▀▀▀▄▄▄▄▄▄▄▀▀▀▀ ▀▀▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▀▀▀▀▀▀▀▄▄ ▄▄▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▌▌▌▌▄▄▀▀▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▄▀▀▀ ▀▀▀▀▀▀▄ ▌▌▄▄▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▌▌▌▌▄▄▄▄▄▀▀▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀ ▀▀▀▀▀▀ ▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▌▌▌▄▄▀▄▄▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▄▀▀▀▀▀
|
||||
▌ ▀▀▀▀▀▀▀▌ ▌▌▌▄▌▌▄▌▌▄▄▄▄▀▄▀▀▄▄▄▌▌▄▄▄▀▄▄▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▌▀ ▀▀▀▀▀▀▀▀▀▄ ▌▌▌▄▄▄▄▄▄▄▄▄▀▀▄▀▀▀▄▄▄▄▄▄▀▀▄▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀ ▌▌▌▌▌▄▄▄▄▄▄▄▀▄▀▀▀▀▀▄▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▄▀▀▀▀▀▌
|
||||
▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀ ▌▌▌▌▌▌▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀ ▀▀
|
||||
▀ ▀▀▀▀▀ ▀▀▀▀▀▀▀▀▄ ▌▌▌▌▌▌▌▌▄▄▄▀▀▀▄▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀ ▀▀
|
||||
▄▀▀▀▀ ▀▀ ▀▀▀▀▀▀▀▀▄▄▌ ▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▀▄▄▄▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀
|
||||
▌▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▌▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▄
|
||||
▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▌▄▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▌
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀
|
||||
▄▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▌▌▌▄▄▄▄▄▄▄▄▄▀▀▄▄▄▄▀▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▄
|
||||
▄▀▀▀▀▀▀▀▀▄▀▀▄▀▌▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▄▄▄▄▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▄▄▀▀▀ ▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀ ▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀ ▀▄
|
||||
▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀ ▀ ▀▀▀ ▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀<3▀▀▀▀▀▄▄▄▄▄▄▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▌▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▄▄▄▄▄▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▄
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▄▄▄▀▀▄▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀
|
||||
▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▄▄▄▄▄▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▌
|
||||
▌▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▄▄▀▄▄▄▄▄▀▀▄▄▀▀▀▀▀▀▀▀▀▀:^)▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▄▄▄▄▄▀▄▀▀▀▀▀▀▀▄▄▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀▀▀ ▀▀▀▄▄▄▄▄▄▄▄▄▀▀▄▀▀▄▄▀▀▀▄▄▄▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▌
|
||||
▄▀▀▀ ▀▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀
|
||||
▌▀▀▀ ▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀▀▀ ▀▀▄▄▄▄▄▄▌▌▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀▀▀▀ ▀▀▄▄▄▄▄▄▌▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▐▀▀▀▀▀▀▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▄▀▀▀▀▀▀▀▀▄
|
||||
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▄▀▀▀▀▀▀▀▀▀▀▌
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▌
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▄▄▄▄▄▀▀▄▀▀▀
|
||||
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▄▄▄▄▄▄▄▄▄▄▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▄▄▄▄▄▄▄▄▀▄▄▄▄▄▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▄▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▄▄▄▀▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre id="hand2">
|
||||
|
||||
|
||||
|
||||
|
||||
▌▄▄▄▄▌
|
||||
▄▄▌▄▄▀▀▀
|
||||
▄▄▄▄▀▀▀▀ ▌
|
||||
▄▄▄▄▀▀ ▌
|
||||
▄▄▄▀▀▀
|
||||
▌▌▄▄▄▀ ▌▄▄▄▀▀ ▌ ▌▄▄▄▄▄
|
||||
▄▄▄▄▀▀▀▀ ▄▌▄▄▀▀▀▀▀ ▌ ▌▄▄▌▄▀▀▀▌
|
||||
▄▄▄▄▄▀▀▀ ▄▌▄▄▄▀▀▀▀▀▌ ▄▀▄▄▀▀ ▀
|
||||
▄▄▀▄▀▀ ▄▄▄▄▄▄▄▀▀▀▌ ▄▀▄▀▀
|
||||
▄▄▀▀▀▀ ▌ ▄▄▄▄▄▀▀▀▀▀▌ ▌▄▄▄▀▀ ▀
|
||||
▌▄▄▄▀▀▀▀▀▀▄ ▌▌▄▄▄▄▀▀▀▀ ▄▄▄▄▀▀ ▀
|
||||
▄▄▄▄▄▄▀▀▀▀▀ ▌▌▌▌▄▄▄▄▀▀▀ ▄▄▄▄▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▀▀ ▌▌▌▌▌▄▄▄▄▄▀ ▄▄▌▄▄▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▀▀ ▌▌▌▌▌▄▄▄▄▀▀ ▄▄▄▄▄▄▀▀▀▀
|
||||
▄▄▄▄▄▄▄▀▀▀▀ ▌▌▌▌▌▄▄▄▄▀▀ ▌▄▄▄▄▄▀▀▀ ▀
|
||||
▄▄▄▄▄▄▄▄▄▄▀ ▌▌▌▌▌▄▄▄▀▀▀ ▄▄▄▄▄▄▄▀▀ ▀ ▌▄▄▄
|
||||
▄▄▄▄▌▄▄▄▄▄▀ ▌▌▌▌▌▄▄▄▄▀▀▀ ▄▄▌▌▄▄▄▀▀▀▄ ▄▀▄▄▀▀▌
|
||||
▄▄▌▌▌▄▄▄▄▄▀ ▌▌▌▌▄▄▄▄▄▀▀▀▌ ▄▌▌▌▌▄▄▄▀▀▌ ▄▀▀▀▀▀▀
|
||||
▄▌▌▌▄▄▄▄▄▄▀▄ ▌▌▌▌▌▄▄▄▄▄▀▀▄ ▄▌▌▌▌▄▄▄▀▀ ▀▄▀▀▀ ▀
|
||||
▄▌▌▄▄▄▄▄▄▄▀▀ ▌▌▌▌▌▌▄▄▄▄▀▀▀ ▄▌▌▌▄▄▄▀▀▀ ▀▄▄▀▀▀ ▀
|
||||
▌▌▌▌▄▄▄▄▄▄▀▀ ▄▌▌▌▌▄▄▄▄▄▀▀▀ ▄▄▌▌▌▄▄▄▀▀▀ ▄▄▄▄▀ ▀▀
|
||||
▄▌▌▄▄▄▄▄▄▄▄▀▌ ▄▌▌▌▄▄▄▄▄▄▀▀▀ ▄▌▌▌▄▄▄▀▀▀▀ ▌▄▄▄▄▄▀▀▀▄
|
||||
▄▄▄▄▄▄▄▄▄▄▄▀▀ ▄▌▌▌▄▄▀▄▄▄▀▀▌ ▄▌▌▌▄▄▀▀▀▀▀ ▄▄▄▄▄▄▀▀▀▌
|
||||
▄▌▌▄▄▄▄▀▄▄▄▀▀ ▄▄▄▌▄▄▀▀▄▄▄▀ ▄▄▌▌▄▄▄▀▀▀▀▀ ▄▄▄▄▄▀▀▀▀
|
||||
▄▌▌▌▄▄▀▀▄▄▄▀▀ ▄▌▌▄▄▄▄▄▄▄▀▀ ▀▄▄▄▄▄▄▄▄▀▀▀ ▌▄▄▄▄▄▀▀▀▀
|
||||
▄▄▌▌▄▄▄▄▄▌▄▀▀ ▄▌▌▌▄▄▄▄▄▄▀▀ ▀▄▄▄▄▀▀▀▀▀▀ ▀▄▄▄▄▄▀ ▌
|
||||
▌▄▄▌▄▌▄▄▄▌▄▄▀ ▄▌▌▌▄▄▄▄▄▄▀▀▄ ▄▄▄▄▄▀▀▀▀▀ ▌▀▄▄▄▄▄▀▀▀
|
||||
▌▄▌▌▄▄▄▄▄▄▄▀▀ ▄▌▌▌▌▄▄▄▄▄▀▀▄▀▄▄▄▄▄▄▀▀▀▀▀ ▀▄▄▄▄▄▀▀▀▀
|
||||
▐▌▄▄▌▌▄▄▄▄▄▀▀▌ ▄▄▌▌▌▄▄▄▄▀▀▀▄▀▄▄▄▄▄▀▀▄▀▀▌ ▌▀▄▄▄▄▄▀▀▀▄
|
||||
▌▌▌▌▄▄▄▄▄▄▀▀▀ ▄▄▌▄▄▄▄▄▄▀▀▀▌▀▄▄▄▄▄▄▄▄▀▀ ▀▄▄▄▄▄▀▀▀▀
|
||||
▄▌▌▌▄▄▄▄▄▄▄▀▀ ▀▄▌▄▄▄▄▄▀▀▀▀ ▀▄▄▄▄▄▄▄▀▀▀ ▄▀▀▄▄▄▀▀▀▀▀
|
||||
▄▌▌▌▄▄▄▄▄▄▄▀▀▀▀▀▄▌▄▄▄▄▄▀▀▀▀ ▀▄▄▄▄▄▀▀▀▀▄ ▀▀▀▄▄▄▀▀▀▀▄
|
||||
▄▌▄▄▄▄▄▄▄▄▄▀▀▀▄▄▄▄▄▄▄▄▄▀▀▀▀ ▀▄▄▄▄▄▄▀▀▀ ▀▀▀▄▀▀▀ ▀
|
||||
▌▌▌▌▌▄▄▄▄▄▄▀▀▀▄▄▌▌▌▄▄▄▄▄▀▀▀ ▀▄▄▄▄▀▀▀▀▀ ▀▀▀▀▀▀▀ ▌
|
||||
▌▌▌▌▄▌▄▄▄▄▄▀▀▀▄▄▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▀▀▀▀▀ ▀▀▄▄▀▀▀ ▀
|
||||
▌▌▌▌▌▌▌▄▄▄▄▄▀▄▄▌▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▀▀▀▀▀ ▀▀▄▄▀▀▀▀▀
|
||||
▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▀▀▀▀▀▒ ▀▀▄▄▀▀▀▀▌
|
||||
▌▄▄▄▄▄▄▌ ▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▌▌▌▌▌▄▄▄▀▀▀▀▄▄▄▄▄▄▀▀▀▀ ▀▀▄▄▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄ ▄▄▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▌▌▌▌▌▄▄▀▀▀▄▄▄▄▄▄▄▀▀▀▀ ▀▀▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▀▀▀▀▀▀▀▄▄ ▄▄▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▌▌▌▌▄▄▀▀▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▄▀▀▀ ▀▀▀▀▀▀▄ ▌▌▄▄▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▌▌▌▌▄▄▄▄▄▀▀▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀ ▀▀▀▀▀▀ ▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▌▌▌▄▄▀▄▄▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▄▀▀▀▀▀
|
||||
▌ ▀▀▀▀▀▀▀▌ ▌▌▌▄▌▌▄▌▌▄▄▄▄▀▄▀▀▄▄▄▌▌▄▄▄▀▄▄▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▌▀ ▀▀▀▀▀▀▀▀▀▄ ▌▌▌▄▄▄▄▄▄▄▄▄▀▀▄▀▀▀▄▄▄▄▄▄▀▀▄▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀ ▌▌▌▌▌▄▄▄▄▄▄▄▀▄▀▀▀▀▀▄▄▄▄▄▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▄▀▀▀▀▀▌
|
||||
▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀ ▌▌▌▌▌▌▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀ ▀▀
|
||||
▀ ▀▀▀▀▀ ▀▀▀▀▀▀▀▀▄ ▌▌▌▌▌▌▌▌▄▄▄▀▀▀▄▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀ ▀▀
|
||||
▄▀▀▀▀ ▀▀ ▀▀▀▀▀▀▀▀▄▄▌ ▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▀▄▄▄▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀
|
||||
▌▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▌▌▌▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▄
|
||||
▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▌▄▌▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▌
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▌▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀
|
||||
▄▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▌▌▌▌▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▌▌▌▄▄▄▄▄▄▄▄▄▀▀▄▄▄▄▀▀▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▄
|
||||
▄▀▀▀▀▀▀▀▀▄▀▀▄▀▌▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▄▄▄▄▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▄▄▀▀▀ ▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀ ▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀ ▀▄
|
||||
▀▀▀▀▀▀▀▀▀▀▀▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀ ▀ ▀▀▀ ▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀<3▀▀▀▀▀▄▄▄▄▄▄▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▌▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▄▄▄▄▄▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▄
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▄▄▄▀▀▄▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▄▄▄▄▄▄▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀▀
|
||||
▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▄▀▄▄▄▄▄▀▀▀▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▌
|
||||
▌▀▀▀▀▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▄▄▀▄▄▄▄▄▀▀▄▄▀▀▀▀▀▀▀▀▀▀:^)▀▀▀▀▀▀▀
|
||||
▀▀▀▀▀▀▀▀▄▄▄▄▄▀▄▀▀▀▀▀▀▀▄▄▀▀▀▀▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀▀▀ ▀▀▀▄▄▄▄▄▄▄▄▄▀▀▄▀▀▄▄▀▀▀▄▄▄▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▌
|
||||
▄▀▀▀ ▀▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀
|
||||
▌▀▀▀ ▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▀▀▀ ▀▀▄▄▄▄▄▄▌▌▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀▀▀▀ ▀▀▄▄▄▄▄▄▌▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▐▀▀▀▀▀▀▀▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▄▀▀▀▀▀▀▀▀▄
|
||||
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▄▀▀▀▀▀▀▀▀▀▀▌
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▄▄▀▀▀▀▀▀▀▌
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▄▄▄▄▄▀▀▄▀▀▀
|
||||
▌▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▄▄▄▄▄▄▄▄▄▄▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▄▄▄▄▄▄▄▄▀▄▄▄▄▄▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▄▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▄▄▄▀▀▀▀▀▀▀
|
||||
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▀▀▀▀▀▀▀▀
|
||||
|
||||
|
||||
|
||||
|
||||
</pre>
|
||||
<pre id="ornament" class="box">
|
||||
|
||||
|
||||
▀▀▀▀ ▀▀▀▀▀
|
||||
█▀▀▀ ▄▀▀▀▀▀▀ ▀ ▀▀ ▀▒
|
||||
▀▀▀ ▀▀▀▀ ▀▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀ ▀
|
||||
▀▀ ▀▀▀▀▀ ▀▀▀ ▀▀▀▄▀▀▌ ▀▀
|
||||
▀▀ ▀▀█▀▀▀ ▒▀▀▀▒▀▀▌ ▒▀▀
|
||||
▒▀▀ ▀▀▀▀▀▀ ▒▀▀█ ▀▀▀ ▀▀▀
|
||||
▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀
|
||||
░▀▀▀ ▀▀▀▀ ▀▀ ▀▀▀▀▀ ▀ ▀▀▀ ▀▀ ▀▀▀
|
||||
▀▀▀▀▀▀ ▀▀▀ ▀▀ ▀▀ ▀ ▀▀▀▀▒ ▀▀▀ ▀▀▀▒
|
||||
▀▀ ▀▀▀ ▐▀▀ ▀▀ ▀▀▀▀ ▀▄▀▀▄ ▀▀▒ ▀▀▀▀
|
||||
▀▀▀▀▀ ▀▀ ▀▀ ▀▀▀ ▀▀▀▀▀ ▀▀ ░▀▀▀░
|
||||
▀▀ ▀▀ ▀▀▀ ▀▀▀▀▀▀ ▀▀▀░ ▀▀▀▀ ▀▀▀
|
||||
▀▀▀▀▀▀ ▀▀▀▄ ▀▀▀▀▀▀▀ ▀▀▒ ▀▀▀▀▀▀
|
||||
▀▀▀▀░▀▀▀▀▀ ▀▀▀▀▄▀▀▀▀▀▀█ ▀▀▀▀ ▀
|
||||
▀▀▀ ▀▀▀▀▀▀ ▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▒ ▀
|
||||
▀▀▀▐ ▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▄▀▀ ▀▀▀▀ █▀▀ ▀ ▀
|
||||
▀▀▀▀ ▀▀▀▀▀▀▀ ▀▀ ▀▒▀▀▀ ▀▀▀ ▀▀▀▀▒▀▀ ▀▀▀▀▀▀ ▀
|
||||
▀ ▀▀▀▀▀▀▀▀▀▀ ▀▀▒▀▀▀▀▒▄▀▀▀▀▀▒▀ ▀▀ ▀▀▀▀▒▀▀▀█▀
|
||||
▀ ▒▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀ ▀▀▀▐▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▓▀ ▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀ ▀▀ ▀▀▀ ▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▒▀ ▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▀ ▀▀ ▀▀▌ ▀▀▀ ▀▀▀▀ ▀▀▀▀▀ ▀ ▐▀ ▀▀▀▀▀▀▀▒▀▀▀▀▀
|
||||
▀ ▀▀ ▀▀▄ ▀▀▀ ▀▀▀▀ ▀▀▀▀▀ ▀ ▀▀ ▀▀▀▀▀▀▀ ▀▀▀▀▀▀
|
||||
▀▀ ▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀▒ ▀ ▀▀ ▀▀▀▀▀▀▒▀▀▀▀▀▀▀
|
||||
▀▀ ▀▀▀▀▀▀ ▀▀ ▀▀ █▀ ▀▀ ▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀
|
||||
▐▀ ▀▀▀▀▀▀ ▀▀ ▀▀ ▀▀ ▀▀▀ ▀▀▀▀▀▀▀ ▀▀ ▀▀
|
||||
▀ ▀▀▀▀▀▀ ▀▀ ▀▀ ▀▀ ▌▌ ▀▀▀▀▀▀▀▀ ▐▀█
|
||||
▀▀▀▀▀▀▀▀ ▀ ▌▀▀ ▀▀ ▀▀▀▀▀
|
||||
▀▀▀ ▀▀▀ ▀▀ ▀▀ ▀▀▀▀▀▀▀█
|
||||
▀▀▀ █▀▀▀ ▀▀▀▀▀ ▀▀▌ ▀▀▀▀
|
||||
▀▀▀ ▀▀▀ ▀▓▀ ▀▀░▀▀▀▀▀
|
||||
▀▀ ▀▀ ▀▀ ▌▀▀▀▀
|
||||
▀▀▀ ▀▀ ▀▀ ▀▀▀▀ ▀▀▀
|
||||
▀▀ ▀▀ ▀▀ ▀▀▀▀ ▀▀ ▒▀▀▀▀▀▀▀
|
||||
▀ ▀ ▀▀ ▀▀▀▀ ▀▀▀▀▀▀▀▀▀
|
||||
▀▒▀ ▀▀ ▀▀▀▀▀▄
|
||||
▀ ▀
|
||||
▀
|
||||
|
||||
</pre>
|
||||
</div>
|
||||
<div id="logos">
|
||||
<img
|
||||
src="assets/images/head-genève.jpg"
|
||||
alt="logo de la HEAD Genève" />
|
||||
<img
|
||||
src="assets/images/universite-de-strasbourg-840263118.jpg"
|
||||
alt="logo de l'Université de Strasbourg" />
|
||||
</div>
|
||||
<div class="canvas outside">
|
||||
<div class="margin-canvas"></div>
|
||||
</div>
|
||||
<div class="canvas inside">
|
||||
<h1>
|
||||
<span>Quand le</span>
|
||||
<span class="code">code</span>
|
||||
<span>rencontre l'</span
|
||||
><span class="interface code">interface</span>
|
||||
</h1>
|
||||
<h2 class="subheading">
|
||||
hybrider les outils du design graphique
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box tools">
|
||||
<div class="glyphs">
|
||||
<br /><br />䷀<br /><br /><br />⮻<br /><br /><br /><br /><br /><br /><br /><br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="box poster">
|
||||
<details class="level1" open>
|
||||
<summary>Journée d'études</summary>
|
||||
<p>
|
||||
Quand le code rencontre l’interface :
|
||||
<br />hybrider les outils du design graphique
|
||||
</p>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>date</summary>
|
||||
<date>25-26 juin 2026</date>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>lieu</summary>
|
||||
<address>Amphitéâtre de la MISHA — Strasbourg</address>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>institutions partenaires</summary>
|
||||
<p>HEAD Genève, Université de Strasbourg</p>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>organisé par</summary>
|
||||
|
||||
<p>Julie Blanc, Nolwenn Maudet et Clémence Imbert</p>
|
||||
<p>
|
||||
dans le cadre du projet
|
||||
<a href="https://wysiwyg.ch">wysiwyg.ch</a>
|
||||
</p>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>avec</summary>
|
||||
<p>
|
||||
Clémence Imbert, Yann Trividic, Timothée Goguely &
|
||||
Arthur Pons, Eric Schrijver, Camille Gobert, Adrien
|
||||
Payet, Sarah Garcin, E+K — Élise Gay & Kévin Donnot,
|
||||
Machines — Arnaud Juracek & Stéphane Buellet, Olivia
|
||||
Jack & Paula Haertel, César Fernández Acebal,
|
||||
Bert Bos
|
||||
</p>
|
||||
</details>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<div class="colophon">
|
||||
design: Camille de Noray  Composé en CSS
|
||||
</div>
|
||||
|
||||
<div class="box programme">
|
||||
<details class="level1" open>
|
||||
<summary>Journée d'études</summary>
|
||||
<p>
|
||||
Quand le code rencontre l’interface :
|
||||
<br />hybrider les outils du design graphique
|
||||
</p>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>date</summary>
|
||||
<date>25-26 juin 2026</date>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>lieu</summary>
|
||||
<address>Amphitéâtre de la MISHA – Strasbourg</address>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>institutions partenaires</summary>
|
||||
<p>HEAD Genève, Université de Strasbourg (logos)</p>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>organisé par</summary>
|
||||
<details class="level3">
|
||||
<summary>Julie Blanc</summary>
|
||||
<p></p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Nolwenn Maudet</summary>
|
||||
<p>
|
||||
Maîtresse de conférences en design numérique à
|
||||
l'université de Strasbourg Biographie Nolwenn Maudet
|
||||
est enseignante-chercheuse en design numérique à
|
||||
l’université de Strasbourg, directrice du
|
||||
département design au sein de la faculté des arts.
|
||||
Ses recherches portent sur les multiples relations
|
||||
qui existent entre le design et le numérique,
|
||||
notamment les manières dont les outils numériques
|
||||
ont façonné et façonnent encore les pratiques de
|
||||
design. Elle co-dirige le programme de recherche
|
||||
"Milieux graphiques et numériques" au sein du
|
||||
laboratoire ACCRA et elle est co-fondatrice du
|
||||
collectif de chercheur·euses "Limites Numériques"
|
||||
qui étudie les impacts environnementaux des
|
||||
pratiques actuelles du design numérique.
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Clémence Imbert</summary>
|
||||
<p>
|
||||
Titre ou profession : Chargée de cours HEAD-Genève,
|
||||
HES-SO Biographie : Clémence Imbert est enseignante
|
||||
à la HEAD-Genève et historienne du design graphique.
|
||||
Ses recherches ont porté sur les expositions de
|
||||
design graphique et sur les couvertures de livre.
|
||||
Elle dirige actuellement le projet de recherche
|
||||
"WYSIWYG. Une enquête sur l’adoption des logiciels
|
||||
de création graphique, France-Suisse,
|
||||
1980-aujourd’hui" (wysiwyg.ch) Titre de la
|
||||
présentation : Apprendre à cliquer. Etait-il si
|
||||
facile de débuter sur un logiciel de PAO dans les
|
||||
années 1980 ?
|
||||
</p>
|
||||
</details>
|
||||
<p>
|
||||
dans le cadre du projet
|
||||
<a href="https://wysiwyg.ch">wysiwyg.ch</a>
|
||||
</p>
|
||||
</details>
|
||||
|
||||
<details class="level2" open>
|
||||
<summary>avec</summary>
|
||||
<details class="level3">
|
||||
<summary>Clémence Imbert</summary>
|
||||
<p>
|
||||
Titre ou profession : Chargée de cours HEAD-Genève,
|
||||
HES-SO Biographie : Clémence Imbert est enseignante
|
||||
à la HEAD-Genève et historienne du design graphique.
|
||||
Ses recherches ont porté sur les expositions de
|
||||
design graphique et sur les couvertures de livre.
|
||||
Elle dirige actuellement le projet de recherche
|
||||
"WYSIWYG. Une enquête sur l’adoption des logiciels
|
||||
de création graphique, France-Suisse,
|
||||
1980-aujourd’hui" (wysiwyg.ch) Titre de la
|
||||
présentation : Apprendre à cliquer. Etait-il si
|
||||
facile de débuter sur un logiciel de PAO dans les
|
||||
années 1980 ?
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Yann Trividic</summary>
|
||||
<p>
|
||||
Doctorant LISN (UPSaclay, CNRS, Inria), éditions
|
||||
Burn~Août - Biographie (500 signes max) : y a des
|
||||
redites avec les infos précédentes, mais du coup je
|
||||
sais pas si la bio va être côte à côte avec
|
||||
l'affiliation/le titre... Je peux adapter si besoin
|
||||
: Yann Trividic est doctorant au Laboratoire
|
||||
Interdisciplinaire des Sciences du Numériques
|
||||
(LISN), où il s’intéresse aux formes de
|
||||
collaboration dans l’édition de livres. Il est
|
||||
également membre des éditions Burn~Août, pour
|
||||
lesquelles il conçoit des publications ainsi que des
|
||||
logiciels libres destinés aux acteurices de
|
||||
l’édition indépendante, dans une démarche alliant
|
||||
réflexivité sur les pratiques éditoriales, technique
|
||||
et collectif. Titre de la présentation : OutDesign,
|
||||
ou comment libérer les fichiers InDesign du giron
|
||||
d'Adobe
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Timothée Goguely & Arthur Pons</summary>
|
||||
<p>
|
||||
Arthur Pons Doctorant en sciences informatiques
|
||||
Université Claude-Bernard Lyon 1 Doctorant à Lyon 1,
|
||||
Arthur s'intéresse aux impacts
|
||||
socio-environnementaux du numérique depuis 2019.
|
||||
Pratiquant la culture Unix, il tente de la mobiliser
|
||||
pour limiter l'obsolescence logicielle. Attaché à
|
||||
l'idée de rendre les terminaux plus abordables pour
|
||||
tout le monde il expérimente des services numériques
|
||||
durables à Commown et sur le serveur communautaire
|
||||
bebou. Timothée Goguely Maître de conférences
|
||||
associé à mi-temps Université de Strasbourg Designer
|
||||
et développeur web spécialisé en écoconception et
|
||||
accessibilité numérique, Timothée s’intéresse aux
|
||||
pratiques et aux formes d’un numérique émancipateur
|
||||
et soutenable. Il enseigne à la Faculté des arts de
|
||||
l’Université de Strasbourg l’UI/UX design et les
|
||||
bases de l’HTML et du CSS, au sein de la Licence
|
||||
Design graphique et numérique et du Master Design
|
||||
Environnements numériques. Titre de la présentation
|
||||
: GUI | CGI | CLI : interfacer le web et la ligne de
|
||||
commande
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Eric Schrijver</summary>
|
||||
<p>
|
||||
Author, designer Eric Schrijver (Amsterdam, 1984) is
|
||||
a designer, performer, and author. He lives and
|
||||
works in Brussels and edits the blog ‘I like tight
|
||||
pants and mathematics’. A former member of the Open
|
||||
Source Publishing collective, he has led numerous
|
||||
workshops and taught design and coding at the
|
||||
Graphic Design department of KABK in The Hague. His
|
||||
first book Copy This Book: an artist’s guide to
|
||||
copyright was published in 2018, followed by its
|
||||
collaborative French adaptation, Copiez ce livre, in
|
||||
2023. - Title of the presentation : No longer
|
||||
afraid: the surprising love story of WYSIWYG and
|
||||
code.
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Camille Gobert</summary>
|
||||
<p>
|
||||
camillegobert.fr Postdoctorant en interaction
|
||||
humain-machine Équipe ex)situ du LISN, Université
|
||||
Paris-Saclay/Inria Camille Gobert est chercheur
|
||||
postdoctoral en interaction homme-machine à
|
||||
l'Université Paris-Saclay. Il travaille actuellement
|
||||
sur la conception d'une chaîne éditoriale
|
||||
collaborative et multi-formats. Avant cela, il a
|
||||
obtenu un doctorat en informatique de l'Université
|
||||
Paris-Saclay pour ses travaux sur l'interaction avec
|
||||
les langages informatiques, notamment concernant le
|
||||
fait de complémenter la représentation textuelle
|
||||
d'un fragment de langage avec d'autres
|
||||
représentations interactives. Titre de la
|
||||
présentation : « Code » ou « Interface » : une
|
||||
histoire de formats
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Adrien Payet</summary>
|
||||
<p>
|
||||
Titre ou profession Philosophie, design, code Nom du
|
||||
collectif Studio Variable (président co-fondateur)
|
||||
Biographie Adrien Payet fait de la philosophie, du
|
||||
design et du développement web. Ancien membre du
|
||||
collectif Bam et du studio Praticable, il cofonde en
|
||||
2025 le studio Variable avec la designer et
|
||||
chercheuse Julie Blanc, dédié au design d’interface
|
||||
et aux outils numériques, de la conception à la
|
||||
réalisation. Il coédite actuel-inactuel.fr, forme
|
||||
éditoriale web consacrée aux approches critiques des
|
||||
arts et des techniques. Après être passé par
|
||||
plusieurs établissements, il enseigne aujourd’hui la
|
||||
théorie du design à l’École Nationale Supérieure de
|
||||
Création Industrielle (ENSCI) et à l’École des Arts
|
||||
de la Sorbonne (Université Paris 1). Titre de la
|
||||
présentation Autonomiser la création graphique avec
|
||||
des outils web2print
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Sarah Garcin</summary>
|
||||
<p>
|
||||
Titre ou profession Design graphique et développeuse
|
||||
Nom du collectif L’Atelier des Chercheurs Biographie
|
||||
Sarah Garcin est designer graphique, designer
|
||||
d’interaction et développeuse indépendante. Elle
|
||||
s’intéresse à la conception d’outils au service du
|
||||
design graphique, aux systèmes alternatifs de
|
||||
publication — notamment en web-to-print —, aux
|
||||
pratiques collaboratives d’écriture et aux approches
|
||||
de web frugal. Elle travaille au sein de plusieurs
|
||||
collectifs, dont l’Atelier des Chercheurs, g-u-i et
|
||||
p-node, et est à l’initiative de PrePostPrint avec
|
||||
Raphaël Bastide. À travers ces différentes
|
||||
collaborations, elle développe une recherche située
|
||||
à la croisée du design graphique, de la
|
||||
programmation et de l’édition, attentive aux
|
||||
conditions techniques, sociales et écologiques de
|
||||
production. Son travail s’attache à concevoir des
|
||||
outils ouverts favorisant l’autonomie des usagers et
|
||||
la mutualisation des savoir-faire. Il s’inscrit dans
|
||||
une réflexion plus large sur les pratiques
|
||||
collaboratives et les formes contemporaines de
|
||||
publication, entre expérimentation graphique,
|
||||
recherche collective et création numérique.
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>E+K — Élise Gay & Kévin Donnot</summary>
|
||||
<p>
|
||||
Designer graphique Nom du collectif E+K — Élise Gay
|
||||
& Kevin Donnot Biographie Kévin Donnot est design
|
||||
graphique et développeur. Il est cofondateur d’E+K –
|
||||
Élise Gay et Kévin Donnot, un atelier de design
|
||||
graphique spécialisé dans les projets éditoriaux
|
||||
imprimés et/ou numériques depuis 2011. Enseignant à
|
||||
la HEAR Strasbourg, il est associé à plusieurs
|
||||
projets de recherche en cours (DESIGRAPH, DESIGNSHS,
|
||||
CPJ Fashion Heritage) et a cofondé Back Office, une
|
||||
revue éditée par les Éditions B42 qui interroge les
|
||||
relations qu’entretiennent design graphique et
|
||||
pratiques numériques. Titre de la présentation Du
|
||||
Web-to-print aux approches hybrides — exemples de
|
||||
publications et de leurs chaines d'outils
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>
|
||||
Machines — Arnaud Juracek & Stéphane Buellet
|
||||
</summary>
|
||||
<p>
|
||||
Titre/profession : Designers, artistes et
|
||||
développeurs Nom du studio : Machines Biographie
|
||||
Machines est un studio de création à l’intersection
|
||||
de l’art, du design et des technologies. Nous
|
||||
fabriquons des systèmes visuels interactifs et
|
||||
narratifs. Nous inventons nos propres outils afin
|
||||
d’explorer de nouveaux paradigmes de création. Nous
|
||||
sommes spécialisés en direction artistique, création
|
||||
numérique, et en développement de systèmes
|
||||
génératifs. Titre de la présentation « Concevoir des
|
||||
générateurs graphiques »
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Olivia Jack & Paula Haertel</summary>
|
||||
<p>
|
||||
Olivia Jack is a programmer and artist who works
|
||||
frequently with open-source software, cartography,
|
||||
live coding, and experimental interfaces. She is the
|
||||
creator of browser-based art tools including Hydra
|
||||
video synthesizer, Wobble Web, PIXELSYNTH, and
|
||||
LiveLab (peer2peer media router). Her live
|
||||
audiovisual sets explore algorithmic representations
|
||||
of unpredictable and chaotic systems, and writing
|
||||
software as a messy and ephemeral process.
|
||||
https://ojack.xyz/ Presentation title: Wobble Web
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>César Fernández Acebal</summary>
|
||||
<p>
|
||||
Job title: Lecturer Affiliation: University of
|
||||
Oviedo Biography: Lecturer and researcher in
|
||||
software design and web standards, he was a member
|
||||
of the W3C CSS Working Group and a visiting
|
||||
researcher at ERCIM–W3C, collaborating with Bert Bos
|
||||
on extending CSS with advanced layout capabilities.
|
||||
He is co-editor of the Template Layout Module, a
|
||||
precursor to modern CSS Grid Layout. This work
|
||||
formed the basis of his PhD thesis and was presented
|
||||
at the World Wide Web Conference (Edinburgh, 2006)
|
||||
and later at the ACM Symposium on Document
|
||||
Engineering (Paris, 2012). Titre de la présentation
|
||||
: When Layout Meets the Web: The Long Road to CSS
|
||||
Grid.
|
||||
</p>
|
||||
</details>
|
||||
<details class="level3">
|
||||
<summary>Bert Bos</summary>
|
||||
<p>
|
||||
Job title: Team Contact & Graphic Designer
|
||||
Affiliation: W3C / ERCIM Biographie (en) : Bert Bos
|
||||
completed his Ph.D. in Groningen, The Netherlands,
|
||||
on a prototyping language for graphical user
|
||||
interfaces. He then developed a web browser for
|
||||
humanities scholars, before joining W3C in 1995. He
|
||||
is co-inventor of CSS and created & led W3C's
|
||||
Internationalization (i18n) activity. After working
|
||||
on HTML and XML, he led for many years the CSS
|
||||
activity. Currently, he works among others on
|
||||
Mathematics (MathML), i18n and Geo-spatial, and he
|
||||
is part of the W3C communications team. Biographie
|
||||
(fr) : Bert Bos a obtenu son doctorat à Groningue
|
||||
(Pays-Bas) sur un langage de prototypage destiné aux
|
||||
interfaces utilisateur graphiques. Il a ensuite
|
||||
développé un navigateur web destiné aux chercheurs
|
||||
en sciences humaines, avant de rejoindre le W3C en
|
||||
1995. Il est co-inventeur du CSS et a créé et dirigé
|
||||
les travaux du W3C sur l'internationalisation
|
||||
(i18n). Après avoir travaillé sur le HTML et le XML,
|
||||
il a dirigé pendant de nombreuses années les travaux
|
||||
sur le CSS. Actuellement, il travaille notamment sur
|
||||
MathML at l'i18n, et il fait partie de l'équipe de
|
||||
communication du W3C.
|
||||
</p>
|
||||
</details>
|
||||
</details>
|
||||
</details>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
references/._IMG_3063.jpg
Normal file
BIN
references/._IMG_3063.jpg
Normal file
Binary file not shown.
BIN
references/._IMG_3065.jpg
Normal file
BIN
references/._IMG_3065.jpg
Normal file
Binary file not shown.
BIN
references/._IMG_3066.jpg
Normal file
BIN
references/._IMG_3066.jpg
Normal file
Binary file not shown.
BIN
references/._IMG_3067.jpg
Normal file
BIN
references/._IMG_3067.jpg
Normal file
Binary file not shown.
BIN
references/._IMG_3068.jpg
Normal file
BIN
references/._IMG_3068.jpg
Normal file
Binary file not shown.
BIN
references/IMG_3063.jpg
Normal file
BIN
references/IMG_3063.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 306 KiB |
BIN
references/IMG_3065.jpg
Normal file
BIN
references/IMG_3065.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 426 KiB |
BIN
references/IMG_3066.jpg
Normal file
BIN
references/IMG_3066.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 410 KiB |
BIN
references/IMG_3067.jpg
Normal file
BIN
references/IMG_3067.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 432 KiB |
BIN
references/IMG_3068.jpg
Normal file
BIN
references/IMG_3068.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 457 KiB |
Loading…
Add table
Add a link
Reference in a new issue