diff --git a/week5/app2.py b/week5/app2.py index d14412e..fa04866 100644 --- a/week5/app2.py +++ b/week5/app2.py @@ -9,7 +9,7 @@ from shutil import copyfile, move from datetime import datetime UPLOAD_FOLDER = os.path.join("static", "img") -ALLOWED_EXTENSIONS = {'txt', 'pdf', 'png', 'jpg', 'jpeg', 'gif', 'mp3', 'm4a', 'ogg', 'ogv', 'mp4', 'mkv'} +ALLOWED_EXTENSIONS = {'txt', 'html', 'pdf', 'png', 'jpg', 'jpeg', 'gif', 'mp3', 'm4a', 'ogg', 'ogv', 'mp4', 'mkv'} def allowed_file(filename): return '.' in filename and \ filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS diff --git a/week5/static/img/00/20230629154356448039.html b/week5/static/img/00/20230629154356448039.html new file mode 100644 index 0000000..cb439e7 --- /dev/null +++ b/week5/static/img/00/20230629154356448039.html @@ -0,0 +1,52 @@ +--------------------------------------------------------------------------------------------------- + Hexalogue + (writings by) The Computercations People to Come +--------------------------------------------------------------------------------------------------- +Introduction +--------------------------------------------------------------------------------------------------- + +This booklet is a trace, a memory, a script, a score, a single item, a collection. Six people coincided to discuss binaries, definitions, explanations, times, circlusions, pebbles. Aglaia Petta, Boyana Stoilova, Irmak Ertaş, +Jara Rocha, Martino Morandi, Stephen Kerr. Six steps: individual writing produced six texts, collective rewriting braided them back into eachother. +Six voices separated them once more, only to be rejoined in a single audio recording. Six speakers pull the wormball apart yet again, until this publication inevitably entangles. + +But there is always the ghost, there are after all seven planets in total. Your gravity pulls from a distance that we cannot close, but you will take the seventh step: continue, complete, open, adapt, forget, remember. Do you remember? Will you remember for us? + + + + + + + + + + + + + + + + + + + + + +Hexalogue was produced in June 2023 as part of TTY, special issue 21 of the experimental publishing masters at piet zwart institute, rotterdam. For more see issue.xpub.nl/21 + + + + + + + + + + + + + + + + + + ䷥ \ No newline at end of file diff --git a/week5/static/img/00/20240619161156212105.html b/week5/static/img/00/20240619161156212105.html new file mode 100644 index 0000000..8465b66 --- /dev/null +++ b/week5/static/img/00/20240619161156212105.html @@ -0,0 +1,61 @@ + + + + + + +--------------------------------------------------------------------------------------------------- + Hexalogue + (writings by) The Computercations People to Come +--------------------------------------------------------------------------------------------------- +Introduction +--------------------------------------------------------------------------------------------------- + +This booklet is a trace, a memory, a script, a score, a single item, a collection. Six people coincided to discuss binaries, definitions, explanations, times, circlusions, pebbles. Aglaia Petta, Boyana Stoilova, Irmak Ertaş, +Jara Rocha, Martino Morandi, Stephen Kerr. Six steps: individual writing produced six texts, collective rewriting braided them back into eachother. +Six voices separated them once more, only to be rejoined in a single audio recording. Six speakers pull the wormball apart yet again, until this publication inevitably entangles. + +But there is always the ghost, there are after all seven planets in total. Your gravity pulls from a distance that we cannot close, but you will take the seventh step: continue, complete, open, adapt, forget, remember. Do you remember? Will you remember for us? + + + + + + + + + + + + + + + + + + + + + +Hexalogue was produced in June 2023 as part of TTY, special issue 21 of the experimental publishing masters at piet zwart institute, rotterdam. For more see issue.xpub.nl/21 + + + + + + + + + + + + + + + + + + ䷥ + + + \ No newline at end of file diff --git a/week5/static/style-iframe.css b/week5/static/style-iframe.css new file mode 100644 index 0000000..f5d9811 --- /dev/null +++ b/week5/static/style-iframe.css @@ -0,0 +1,8 @@ +:root{ + --color2: #ffc; + --color1: #103; +} +body{ + overflow: hidden; + font-size: 0.6em; +} \ No newline at end of file diff --git a/week5/static/style.css b/week5/static/style.css new file mode 100644 index 0000000..7528bc9 --- /dev/null +++ b/week5/static/style.css @@ -0,0 +1,72 @@ +:root{ + --color1: #ffc; + --color2: #103; +} +@font-face { + font-family: "TeleType"; + src: url("./static/css/teletype.ttf"); +} +body{ + clear: both; + margin: 2rem; + font-family: "TeleType", 'Courier New', Courier, monospace; + line-height: 1.3; + text-transform: uppercase; + color: var(--color1); + background-color: var(--color2); +} +a{ + color: var(--color1); + text-decoration: none; +} +a:hover{opacity: 0.7;} +.abraxas{ + text-align: center; +} +h1,h2,h3,h4,h5,h6,p{ + margin: 0 0 1rem;; + font-size: 1rem; + font-weight: normal; +} +img,video,.divaudio,audio, .abraxas,iframe{ + display:inline-block; + width: calc( 100% / 7 ); + margin: 0; + padding: 0; + object-fit: cover; + height: calc( 100% / 6) ; + overflow: hidden; + border: none; +} +.intro{ + padding-right: 2rem; + margin: 1rem 0; + width: 100%; + flex: 1; +} +.intro-outer{ + width: 100%; + display: flex; + gap: 1rem; +} +a{position:relative; + z-index:2;} +video,audio{position:relative; z-index:1;} +audio{height:auto;position:absolute;} +img:hover{ + filter: invert(1); +} +::selection{ + color: var(--color2); + background-color: var(--color1); +} + +@media screen and (min-width: 768px){ + p{font-size: 1rem;} + body{font-size: 1.5rem;} +} + +@media screen and (max-width: 767px){ + .intro-outer{flex-direction: column;} + body{font-size: 3rem;} +} \ No newline at end of file diff --git a/week5/static/teletype.ttf b/week5/static/teletype.ttf new file mode 100644 index 0000000..3c305f8 Binary files /dev/null and b/week5/static/teletype.ttf differ diff --git a/week5/templates/mosaic2.html b/week5/templates/mosaic2.html index f09baae..0bc0e67 100644 --- a/week5/templates/mosaic2.html +++ b/week5/templates/mosaic2.html @@ -1,56 +1,80 @@ - + + OVERLAP + + + - {% for file in range (0,42) -%} - {%- set filez = '%02d' % file -%} - {%- set filename = lastfiles[file] -%} - - {%- if 'png' in filename or 'jpg' in filename or 'jpeg' in filename or 'gif' in filename -%} - - {%- endif -%} - {%- if 'mp3' in filename or 'm4a' in filename or 'ogg' in filename -%} -
-
+ {% for file in range (0,42) -%} + {%- set filez = '%02d' % file -%} + {%- set filename = lastfiles[file] -%} + + {%- if 'png' in filename or 'jpg' in filename or 'jpeg' in filename or 'gif' in filename -%} + + {%- endif -%} + {%- if 'mp3' in filename or 'm4a' in filename or 'ogg' in filename -%} +
+ +
+ {%- endif -%} + {%- if 'mp4' in filename or 'mkv' in filename or 'ogv' in filename -%} + + {%- endif -%} + {%- if 'html' in filename -%} + + {%- endif -%} + + {%- endfor %} +

a

b

r

a

x

a

s

+
+
+
+

* *
*

+
+
+

+ Overlap was produced in June 2023 as part of TTY, special issue 21 of the experimental publishing masters at piet zwart institute, rotterdam. For more see issue.xpub.nl/21 +

- {%- endif -%} - {%- if 'mp4' in filename or 'mkv' in filename or 'ogv' in filename -%} - - {%- endif -%} - - {%- endfor %} - +
+ diff --git a/week5/templates/zoomreplace2.html b/week5/templates/zoomreplace2.html index d37a2f1..6511521 100644 --- a/week5/templates/zoomreplace2.html +++ b/week5/templates/zoomreplace2.html @@ -1,5 +1,10 @@ + + OVERLAP + + +