diff --git a/.DS_Store b/.DS_Store index 9d94270..cd69814 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/cartographies-of-counter-speculation/img/COI_1.png b/cartographies-of-counter-speculation/img/COI_1.png new file mode 100644 index 0000000..d8e725a Binary files /dev/null and b/cartographies-of-counter-speculation/img/COI_1.png differ diff --git a/cartographies-of-counter-speculation/img/COI_2.png b/cartographies-of-counter-speculation/img/COI_2.png new file mode 100644 index 0000000..522d6d4 Binary files /dev/null and b/cartographies-of-counter-speculation/img/COI_2.png differ diff --git a/cartographies-of-counter-speculation/img/COI_3.png b/cartographies-of-counter-speculation/img/COI_3.png new file mode 100644 index 0000000..cbf9c7c Binary files /dev/null and b/cartographies-of-counter-speculation/img/COI_3.png differ diff --git a/cartographies-of-counter-speculation/img/COI_4.png b/cartographies-of-counter-speculation/img/COI_4.png new file mode 100644 index 0000000..a36bbdc Binary files /dev/null and b/cartographies-of-counter-speculation/img/COI_4.png differ diff --git a/cartographies-of-counter-speculation/img/COI_5.png b/cartographies-of-counter-speculation/img/COI_5.png new file mode 100644 index 0000000..9aac470 Binary files /dev/null and b/cartographies-of-counter-speculation/img/COI_5.png differ diff --git a/cartographies-of-counter-speculation/img/COI_6.png b/cartographies-of-counter-speculation/img/COI_6.png new file mode 100644 index 0000000..7bd82fe Binary files /dev/null and b/cartographies-of-counter-speculation/img/COI_6.png differ diff --git a/cartographies-of-counter-speculation/index.html b/cartographies-of-counter-speculation/index.html new file mode 100644 index 0000000..ba9f28f --- /dev/null +++ b/cartographies-of-counter-speculation/index.html @@ -0,0 +1,82 @@ + + + + + + + + Cartographies of Counter-Speculation + + + + + + +
+ << home +
+

Cartorgaphies of Counter-Speculation

+

Paloma García García

+
+ +
+
+ +
+

'Cartographies of Counter-Speculation' is a collection of maps and diagrams that envisions alternative housing models that are almost never represented on maps. The project is based on the practice of three communities in Rotterdam: Stad in de Maak, Poortgebow and Stichting NAC, which are exposing property speculation, each of them in their own specific way. Maps and diagrams are not only elements of contemplation but they are also open spaces to start conversations. Dig deep into them and leave your footprint! +

+
+
+

Paloma García García (1992, ES) is an architect and researcher currently based in Rotterdam. Her work explores digital communication mediums that can be used as socio political communication tools. Her life is based on drawing diagrams and mapping everyhthing that is in front of her.
+

+
+ go back +
+
+
+
+
+
+
+
+
+

Work

+
    +
  • Project Website
  • + + + + + + + +
  • License
  • +

    [Paloma García García, Cartographies of Counter-Speculation, 2020. Rotterdam].
    +Copyleft: This is a free work, you can copy, distribute, and modify it under the terms of the Free Art License
    +http://artlibre.org/licence/lal/en/

    +
+
+
+

Thesis

+ + + + +
+
+
+ + + \ No newline at end of file diff --git a/eigengrau/index.html b/eigengrau/index.html index 642e765..666797f 100755 --- a/eigengrau/index.html +++ b/eigengrau/index.html @@ -62,8 +62,6 @@ He graduated from Design Academy Eindhoven and currently studies Media Design ma
  • Project Website
  • - -

    Publication

    diff --git a/ilinx/index.html b/ilinx/index.html new file mode 100644 index 0000000..942e300 --- /dev/null +++ b/ilinx/index.html @@ -0,0 +1,143 @@ + + + + + + + ilinx + + + + + + + +
    + << home + +
    +

    ilinx

    +

    Tancredi Di Giovanni

    + +
    + +
    +
    +
    +

    Work

    + +
    +
    + + + + + +
    + +
    +
    + +
    + + \ No newline at end of file diff --git a/ilinx/pdf/OHE.pdf b/ilinx/pdf/OHE.pdf new file mode 100644 index 0000000..8f866cc Binary files /dev/null and b/ilinx/pdf/OHE.pdf differ diff --git a/index.html b/index.html index 854bafa..1c974dc 100644 --- a/index.html +++ b/index.html @@ -109,11 +109,10 @@
    - +
    - - -
    + +
    @@ -249,8 +248,8 @@

    Tancredi Di Giovanni

    -

    Project Name

    -

    PDF // IMG

    +

    ilinx

    +

    Out of Hardware Experience: Consciousness and Software // IMG

    Bohye Woo

    @@ -279,8 +278,8 @@

    Biyi Wen

    -

    Project Name

    -

    PDF // IMG

    +

    The Repeater Archive

    +

    PDF // IMG

    diff --git a/parallel-colonialism/.DS_Store b/parallel-colonialism/.DS_Store new file mode 100644 index 0000000..abaeb0a Binary files /dev/null and b/parallel-colonialism/.DS_Store differ diff --git a/parallel-colonialism/fonts/.DS_Store b/parallel-colonialism/fonts/.DS_Store new file mode 100644 index 0000000..719ab8a Binary files /dev/null and b/parallel-colonialism/fonts/.DS_Store differ diff --git a/parallel-colonialism/fonts/belgika-16th-webfont.ttf b/parallel-colonialism/fonts/belgika-16th-webfont.ttf new file mode 100755 index 0000000..5260b40 Binary files /dev/null and b/parallel-colonialism/fonts/belgika-16th-webfont.ttf differ diff --git a/parallel-colonialism/fonts/belgika-40th-webfont.ttf b/parallel-colonialism/fonts/belgika-40th-webfont.ttf new file mode 100755 index 0000000..772c8b2 Binary files /dev/null and b/parallel-colonialism/fonts/belgika-40th-webfont.ttf differ diff --git a/parallel-colonialism/fonts/belgika-5th-webfont.ttf b/parallel-colonialism/fonts/belgika-5th-webfont.ttf new file mode 100755 index 0000000..ecfd91b Binary files /dev/null and b/parallel-colonialism/fonts/belgika-5th-webfont.ttf differ diff --git a/parallel-colonialism/fonts/belgika-8th-webfont.ttf b/parallel-colonialism/fonts/belgika-8th-webfont.ttf new file mode 100755 index 0000000..d0c4a6e Binary files /dev/null and b/parallel-colonialism/fonts/belgika-8th-webfont.ttf differ diff --git a/parallel-colonialism/img/.DS_Store b/parallel-colonialism/img/.DS_Store new file mode 100644 index 0000000..ab76803 Binary files /dev/null and b/parallel-colonialism/img/.DS_Store differ diff --git a/parallel-colonialism/img/parallel-colonialism-01.png b/parallel-colonialism/img/parallel-colonialism-01.png new file mode 100644 index 0000000..e0147d8 Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-01.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-02.png b/parallel-colonialism/img/parallel-colonialism-02.png new file mode 100644 index 0000000..f5e460e Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-02.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-03.png b/parallel-colonialism/img/parallel-colonialism-03.png new file mode 100644 index 0000000..ea4f1e3 Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-03.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-05.png b/parallel-colonialism/img/parallel-colonialism-05.png new file mode 100644 index 0000000..f9ce114 Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-05.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-06.png b/parallel-colonialism/img/parallel-colonialism-06.png new file mode 100644 index 0000000..d40cc15 Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-06.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-07.png b/parallel-colonialism/img/parallel-colonialism-07.png new file mode 100644 index 0000000..9b3db03 Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-07.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-08.png b/parallel-colonialism/img/parallel-colonialism-08.png new file mode 100644 index 0000000..4635f8a Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-08.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-09.png b/parallel-colonialism/img/parallel-colonialism-09.png new file mode 100644 index 0000000..b3651aa Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-09.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-10.png b/parallel-colonialism/img/parallel-colonialism-10.png new file mode 100644 index 0000000..565171c Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-10.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-11.png b/parallel-colonialism/img/parallel-colonialism-11.png new file mode 100644 index 0000000..c19912e Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-11.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-12.png b/parallel-colonialism/img/parallel-colonialism-12.png new file mode 100644 index 0000000..2a0b960 Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-12.png differ diff --git a/parallel-colonialism/img/parallel-colonialism-13.png b/parallel-colonialism/img/parallel-colonialism-13.png new file mode 100644 index 0000000..5bc721e Binary files /dev/null and b/parallel-colonialism/img/parallel-colonialism-13.png differ diff --git a/parallel-colonialism/index.html b/parallel-colonialism/index.html new file mode 100644 index 0000000..c637afc --- /dev/null +++ b/parallel-colonialism/index.html @@ -0,0 +1,89 @@ + + + + + + + + + + + + PARALLEL COLONIALISM + + + + +
    +
    + + + << home + +
    +

    Parallel Colonialism

    +

    Bohye Woo

    + +
    +
    +
    + + +
    + +

    Parallel Colonialism is a digital text archiving tool that offers a comparative reading application between historical and contemporary documents. It allows users to experience how regulatory terms play in colonialism by offering two types of legal documents: Terms of Services and historical colonial treaties.

    + +

    By selecting one of each document, a parallel reading platform is enabled, in which you can comparatively label, highlight and analyze a range of specific terms. This helps you to analyze on how these documents operate similar ways in colonialism, and it opens up discussions in finding a colonial resemblance by mapping out the whole contractual landscape of terms used in each document.

    + +---------------- +

    Parallel Colonialism (2020) has been produced in the context of the graduation research of Bohye Woo from the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.

    + +

    Licence: This is a free work. You can copy, distribute, and modify it under the terms of the Free Art License (http://artlibre.org/licence/lal/en/)

    +---------------- +
    + + +
    +

    Bio will be added soon.

    + +
    + +
    + +
    +
    +
    +
    + + +
    +
    +
    +

    Work

    + + + + + + + + + +
    + +
    + +

    Publication

    + + + +
    +
    +
    + + + diff --git a/parallel-colonialism/pdf/.DS_Store b/parallel-colonialism/pdf/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/parallel-colonialism/pdf/.DS_Store differ diff --git a/parallel-colonialism/pdf/bohye-woo-thesis-2020.pdf b/parallel-colonialism/pdf/bohye-woo-thesis-2020.pdf new file mode 100644 index 0000000..59d33a1 Binary files /dev/null and b/parallel-colonialism/pdf/bohye-woo-thesis-2020.pdf differ diff --git a/parallel-colonialism/style.css b/parallel-colonialism/style.css new file mode 100644 index 0000000..33510a4 --- /dev/null +++ b/parallel-colonialism/style.css @@ -0,0 +1,187 @@ +@font-face { + font-family: "Belgika"; + src: url("fonts/belgika-5th-webfont.ttf"); + font-weight: 5; + font-style: normal;} + +@font-face { + font-family: "Belgika"; + src: url("fonts/belgika-8th-webfont.ttf"); + font-weight: 8; + font-style: normal;} + +@font-face { + font-family: "Belgika"; + src: url("fonts/belgika-16th-webfont.ttf"); + font-weight: 16; + font-style: italic;} + +@font-face { + font-family: "Belgika"; + src: url("fonts/belgika-40th-webfont.ttf"); + font-weight: 40; + font-style: normal; +} + + + +body{ + background: none; +} + +a{ + color: white; + text-decoration: none; + display: inline; + border-bottom: 0px; + background: none; +} + +.ext{ + background: none; +} + +a:hover{ + color: grey; + text-decoration: none; + cursor: pointer; +} + +a:visited{ + text-decoration: none; +} + +/* HEADER */ + +aside{ + position: fixed; + top: 5px; + width: calc(100vw - 15px); + font-size: 12px; + font-family: "Belgika", Arial, Helvetica, sans-serif; + font-weight: 5; + font-style: normal; + z-index: 999; +} + +.marquee { + position: relative; + width: calc(100vw - 15px); + max-width: 100%; + overflow-x: hidden; + height: 50px; +} + +.track { + position: absolute; + white-space: nowrap; + will-change: transform; + animation: marquee 20s linear infinite; +} + +@keyframes marquee { + from { transform: translateX(0); } + to { transform: translateX(-50%); } +} + +/* HOME BUTTON */ + +.homebutton{ + background-color: inherit; + text-align:right; + color:black; + position:absolute; + top:0; + right:0; + margin-right:2%; + margin-top:25px; + padding:0.3% 0 0 0.3%; + font-size:0.6em; + z-index:999; +} + +/* TYPE STYLE */ + +#project-title{ + font-family: "Belgika", Arial, Helvetica, sans-serif; + font-weight: 5; + font-style: normal; + color: white; +} + +#about-student{ + font-family: helvetica; + font-style: italic; + color: #3c3c3c; + font-weight: 16; + font-size: calc(8px + 0.3vw); + padding-top: 10px; + color: white; + +} + +#about-project { + color: white; +} + +#inner-hleft-text { + color: white; + +} + +.mytypestyle{ + font-family: "Belgika", Arial, Helvetica, sans-serif; + font-weight: 4; + color: black; +} + +#inner-hleft-text{ + overflow-y: scroll; + font-family: helvetica; + font-weight: 16; + font-size: calc(11px + 0.3vw); + color: white; + + +} + +li{ + list-style: none; + transform-origin: 0 0; + color: white; +} + +#inner-hleft-text::-webkit-scrollbar { + display: none; +} + + +.workimg{ + padding: 0 0 0 0; +} + + +#bg-left{ + position: fixed; + left: 0; + top: 0; + display: inline-block; + width: 25vw; + height: 100vh; + background-color: black; +} + +#bg-right{ + position: fixed; + left: 25vw; + top: 0; + display: inline-block; + height: 100vh; + width: 75vw; + background-color: white; +} + +p { + line-height: 1.5em; +} + diff --git a/syster-papyri-magicae/index.html b/syster-papyri-magicae/index.html index 6c9bb1e..069e2d7 100644 --- a/syster-papyri-magicae/index.html +++ b/syster-papyri-magicae/index.html @@ -19,52 +19,43 @@ h3 { font-family: BLKCHCRY; } - #homebttn { - background-color: transparent!important; - }
    - << home + << home
    -

    Syster Papyri Magicae
    <<

    - -
    +

    Syster Papyri Magicae

    Artemis Gryllaki

    -
    +
    -

    Syster Papyri Magicae is an interactive non-linear narration of stories, that unfolds the phenomenon of gender exclusions in male-dominated hacker culture. The project aims to document, discuss and activate a variety of feminist practices that respond to this issue. A fantasy context, including spells, quests, witches and wizards, is used to describe actual incidents and testimonies. +

    Syster Papyri Magicae is a project that unfolds the phenomenon of gender exclusions in male-dominated tech environments, aiming to document, discuss and activate a variety of feminist practices that respond to this issue.

    -The website manifests as playful navigation to a growing, collectively editable Wiki, where incidents of sexism in tech, as well as feminist projects, are being documented. With the aid of the early web witchcraft of hyperlinks, one may discover documentation of actual events, wiki pages to write their versions of stories, external feminist projects, or even dead-ends.

    +The Syster Papyri Magicae website enables a playful navigation to a collection of stories and practices that are gathered in a growing, editable Wiki. Aided by the early web magic of hyperlinks, one may discover documentation of sexist incidents in tech, feminist hacker projects, wiki pages to write their versions of stories, or even dead-ends. A fictional context of sorcery provides a game-like atmosphere but is also tactically used. On the one hand, the witch as an excluded figure symbolises female strength, that challenges patriarchal systems. On the other hand, witchcraft is a theme ever-present in the geek culture, proposing that technology has a source of magical power, that one can harness for their own sense of agency and empowerment.

    -While strolling through the website, one receives a number of quests, that ask them to choose what they would do in several situations of gender exclusion. This method helps to realise how hard it is to respond and take action, under these circumstances. It is also a way to open discussions on diverse feminist approaches, learn about the urgencies and potential of feminist hacker practices, and if interested, become a contributor.

    -

    +Strolling through the website, the visitor encounters several quests, that challenge them to choose what they would do in situations of exclusion. This method helps them realise how hard it is, to take action under these circumstances. It is also a way to open discussions on diverse feminist approaches, learn about feminist hacker practices, and if interested, become a contributor.

    Syster Papyri Magicae (2020) is published under the terms of the Peer Production License (PPL). The Peer Production License is an example of CopyFair licensing, in which only other commoners, collectives and nonprofits can share and re-use the material in question.

    -

    -


    Artemis Gryllaki is a researcher and media artist, with a background in architecture and music. Her current work focuses on the urgencies and potentials of autonomous networks and feminist communities.

    - go back + go back +
    - -

    @@ -79,18 +70,13 @@ While strolling through the website, one receives a number of quests, that ask t - - - - -

    Publication

    - +
    diff --git a/tactical-watermarks/.DS_Store b/tactical-watermarks/.DS_Store new file mode 100644 index 0000000..c4461fe Binary files /dev/null and b/tactical-watermarks/.DS_Store differ diff --git a/tactical-watermarks/fonts/Favorit_Medium-Italic.ttf b/tactical-watermarks/fonts/Favorit_Medium-Italic.ttf new file mode 100644 index 0000000..366f53e Binary files /dev/null and b/tactical-watermarks/fonts/Favorit_Medium-Italic.ttf differ diff --git a/tactical-watermarks/fonts/Favorit_Medium.ttf b/tactical-watermarks/fonts/Favorit_Medium.ttf new file mode 100644 index 0000000..c2d29cf Binary files /dev/null and b/tactical-watermarks/fonts/Favorit_Medium.ttf differ diff --git a/tactical-watermarks/fonts/Favorit_Regular-Italic.ttf b/tactical-watermarks/fonts/Favorit_Regular-Italic.ttf new file mode 100644 index 0000000..33deaf3 Binary files /dev/null and b/tactical-watermarks/fonts/Favorit_Regular-Italic.ttf differ diff --git a/tactical-watermarks/fonts/Favorit_Regular.ttf b/tactical-watermarks/fonts/Favorit_Regular.ttf new file mode 100644 index 0000000..fa62511 Binary files /dev/null and b/tactical-watermarks/fonts/Favorit_Regular.ttf differ diff --git a/tactical-watermarks/fonts/LyonJeanTrue.ttf b/tactical-watermarks/fonts/LyonJeanTrue.ttf new file mode 100644 index 0000000..fd6a073 Binary files /dev/null and b/tactical-watermarks/fonts/LyonJeanTrue.ttf differ diff --git a/tactical-watermarks/img/.DS_Store b/tactical-watermarks/img/.DS_Store new file mode 100644 index 0000000..ab76803 Binary files /dev/null and b/tactical-watermarks/img/.DS_Store differ diff --git a/tactical-watermarks/img/beau.png b/tactical-watermarks/img/beau.png new file mode 100644 index 0000000..a4c8a79 Binary files /dev/null and b/tactical-watermarks/img/beau.png differ diff --git a/tactical-watermarks/img/psc01.jpg b/tactical-watermarks/img/psc01.jpg new file mode 100644 index 0000000..31cd30e Binary files /dev/null and b/tactical-watermarks/img/psc01.jpg differ diff --git a/tactical-watermarks/img/psc02.jpg b/tactical-watermarks/img/psc02.jpg new file mode 100644 index 0000000..fc87c87 Binary files /dev/null and b/tactical-watermarks/img/psc02.jpg differ diff --git a/tactical-watermarks/img/psc03.jpg b/tactical-watermarks/img/psc03.jpg new file mode 100644 index 0000000..a74d918 Binary files /dev/null and b/tactical-watermarks/img/psc03.jpg differ diff --git a/tactical-watermarks/img/psc04.jpg b/tactical-watermarks/img/psc04.jpg new file mode 100644 index 0000000..6414539 Binary files /dev/null and b/tactical-watermarks/img/psc04.jpg differ diff --git a/tactical-watermarks/img/psc05.jpg b/tactical-watermarks/img/psc05.jpg new file mode 100644 index 0000000..6f8e93a Binary files /dev/null and b/tactical-watermarks/img/psc05.jpg differ diff --git a/tactical-watermarks/img/psc06.jpg b/tactical-watermarks/img/psc06.jpg new file mode 100644 index 0000000..82da1f8 Binary files /dev/null and b/tactical-watermarks/img/psc06.jpg differ diff --git a/tactical-watermarks/index.html b/tactical-watermarks/index.html new file mode 100644 index 0000000..36ef110 --- /dev/null +++ b/tactical-watermarks/index.html @@ -0,0 +1,96 @@ + + + + + + + + + + + + + TACTICAL WATERMARKS + + + + +
    +
    + + + + + ↜ HOME + +
    +

    Tactical Watermarks

    +

    Pedro Sá Couto

    + +
    +
    +
    + + +
    +

    Tactical Watermarks is an online republishing platform that exists in both the clear and dark web. I actively make use of digital watermarks as a means to explore topics such as anonymity, paywalls, archives, and provenance. While the primary intention of analogue watermarks was to leave traces of authenticity, marks of quality or even aesthetic enhancements, digital watermarks are being used as a way to create accountability for users. Through this platform, I describe and document ways of living within and resist a culture of surveillance in the realm of publishing.

    + +

    I am motivated by all the invisible individuals behind extra-legal publishing platforms, from curators, the ones who host, upload and even download material. Through the act of watermarking, I embed layers of information often dissolved within the processes of sharing texts. I experiment on how the process of adding stains can be twisted and revived. Stains are what I call user patches or marks that are difficult to remove and that do not play an active role in archives.

    + +

    In this platform, users can upload and request different titles. While talking with members from the Library Genesis forum, I understood the need to create a tool that allows people to share watermarked pdfs in a safe way. My platform is NOT a library, and it is also NOT an archive. I don't keep the files or intend to archive them. What I open is a space to de-watermark files, and append new anonymous watermarks with the technical and personal regards around sharing specific texts. In the end, these stories will circulate alongside the main narrative. This is an automated republishing stream that spreads these new and unique files to Library Genesis.

    + +

    Tactical Watermarks (2020). License — Copyleft: This is a free work. You can copy, distribute, and modify it underthe terms of the Free Art License http://artlibre.org/licence/lal/en/

    +
    + + +
    +

    Pedro Sá Couto is a media researcher, hacker and graphic designer from Porto, Portugal. His research focuses on surveillance in the realm of publishing, while questioning authorship, protecting users’ identity and revealing hidden processes required to subvert surveillance in physical and digital media.

    +
    + +
    + +
    +
    +
    +
    + + +
    +
    +
    +

    Work

    + + + + + + + + + +
    + +
    + +

    Publication

    + + + +
    +
    +
    + + + diff --git a/tactical-watermarks/pdf/Thesis_Master_PSC_HD.pdf b/tactical-watermarks/pdf/Thesis_Master_PSC_HD.pdf new file mode 100644 index 0000000..d9139cf Binary files /dev/null and b/tactical-watermarks/pdf/Thesis_Master_PSC_HD.pdf differ diff --git a/tactical-watermarks/style.css b/tactical-watermarks/style.css new file mode 100644 index 0000000..db48aa7 --- /dev/null +++ b/tactical-watermarks/style.css @@ -0,0 +1,177 @@ +@font-face { + font-family: "Lyon"; + src: url("fonts/LyonJeanTrue.ttf"); + font-weight: 300; + font-style: normal;} + +@font-face { + font-family: "Favorit"; + src: url("fonts/Favorit_Regular.ttf"); + font-weight: 300; + font-style: normal;} + +@font-face { + font-family: "Favorit"; + src: url("fonts/Favorit_Regular-Italic.ttf"); + font-weight: 300; + font-style: italic;} + +@font-face { + font-family: "Favorit"; + src: url("fonts/Favorit_Medium.ttf"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: "Favorit"; + src: url("fonts/Favorit_Medium-Italic.ttf"); + font-weight: 400; + font-style: italic;} + +body{ + background: none; +} + +a{ + color: #000; + text-decoration: none; + display: inline; + border-bottom: 0px; + background: none; +} + +.ext{ + background: none; +} + +a:hover{ + color: #c3c3c3; + text-decoration: none; + cursor: pointer; +} + +a:visited{ + text-decoration: none; +} + +/* HEADER */ + +aside{ + position: fixed; + top: 5px; + width: calc(100vw - 15px); + font-size: 12px; + font-family: "Lyon", Arial, Helvetica, sans-serif; + font-weight: 300; + font-style: normal; + z-index: 999; +} + +.marquee { + position: relative; + width: calc(100vw - 15px); + max-width: 100%; + overflow-x: hidden; + height: 50px; +} + +.track { + position: absolute; + white-space: nowrap; + will-change: transform; + animation: marquee 20s linear infinite; +} + +@keyframes marquee { + from { transform: translateX(0); } + to { transform: translateX(-50%); } +} + +/* HOME BUTTON */ + +.homebutton{ + background-color: inherit; + text-align:right; + color:black; + position:absolute; + top:0; + right:0; + margin-right:2%; + margin-top:25px; + padding:0.3% 0 0 0.3%; + font-size:0.6em; + z-index:999; +} + +/* TYPE STYLE */ + +#project-title{ + font-family: "Lyon", Arial, Helvetica, sans-serif; + font-weight: 300; + font-style: normal; +} + +#about-student{ + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-style: italic; + color: #3c3c3c; + font-weight: 300; + font-size: calc(8px + 0.3vw); + padding-top: 10px; +} + +.mytypestyle{ + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-weight: 300; + transform: scaleX(0.75); + transform-origin: 0 0; + text-transform: uppercase; +} + +#inner-hleft-text{ + overflow-y: scroll; + font-family: "Favorit", Arial, Helvetica, sans-serif; + font-weight: 300; + font-size: calc(12px + 0.3vw); +} + +li{ + list-style: none; + transform: scaleX(0.75); + transform-origin: 0 0; +} + +#inner-hleft-text::-webkit-scrollbar { + display: none; +} + +/* TWO BACKGROUND COLORS */ + +#indexyellowleft{ + position: fixed; + left: 0; + top: 0; + display: inline-block; + width: 25vw; + height: 100vh; + background-color: white; +} + +#indexyellowright{ + position: fixed; + left: 25vw; + top: 0; + display: inline-block; + height: 100vh; + width: 75vw; + background-color: #cfff00; +} + +img{ + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.19); +} + +.workimg{ + padding: 0 0 0 0; +} diff --git a/the-repeater-archive/.DS_Store b/the-repeater-archive/.DS_Store deleted file mode 100644 index fff69a7..0000000 Binary files a/the-repeater-archive/.DS_Store and /dev/null differ diff --git a/the-repeater-archive/img/main_page_video_poster.png b/the-repeater-archive/img/main_page_video_poster.png new file mode 100644 index 0000000..349b3ca Binary files /dev/null and b/the-repeater-archive/img/main_page_video_poster.png differ diff --git a/the-repeater-archive/index.html b/the-repeater-archive/index.html index cbff439..a066066 100644 --- a/the-repeater-archive/index.html +++ b/the-repeater-archive/index.html @@ -84,7 +84,7 @@ Copyleft: This is a free work, you can copy, distribute, and modify it under the
  • Project Website
  • -