images and style missing

4 years ago · 05fb0ffaaa
parent 5592374756
commit 05fb0ffaaa
17 changed files with 208 additions and 0 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/tactical-watermarks/.DS_Store
+++ b/tactical-watermarks/.DS_Store
--- a/tactical-watermarks/fonts/Favorit_Medium-Italic.ttf
+++ b/tactical-watermarks/fonts/Favorit_Medium-Italic.ttf
--- a/tactical-watermarks/fonts/Favorit_Medium.ttf
+++ b/tactical-watermarks/fonts/Favorit_Medium.ttf
--- a/tactical-watermarks/fonts/Favorit_Regular-Italic.ttf
+++ b/tactical-watermarks/fonts/Favorit_Regular-Italic.ttf
--- a/tactical-watermarks/fonts/Favorit_Regular.ttf
+++ b/tactical-watermarks/fonts/Favorit_Regular.ttf
--- a/tactical-watermarks/fonts/LyonJeanTrue.ttf
+++ b/tactical-watermarks/fonts/LyonJeanTrue.ttf
--- a/tactical-watermarks/img/.DS_Store
+++ b/tactical-watermarks/img/.DS_Store
--- a/tactical-watermarks/img/psc01.jpg
+++ b/tactical-watermarks/img/psc01.jpg
--- a/tactical-watermarks/img/psc02.jpg
+++ b/tactical-watermarks/img/psc02.jpg
--- a/tactical-watermarks/img/psc03.jpg
+++ b/tactical-watermarks/img/psc03.jpg
--- a/tactical-watermarks/img/psc04.jpg
+++ b/tactical-watermarks/img/psc04.jpg
--- a/tactical-watermarks/img/psc05.jpg
+++ b/tactical-watermarks/img/psc05.jpg
--- a/tactical-watermarks/img/psc06.jpg
+++ b/tactical-watermarks/img/psc06.jpg
--- a/tactical-watermarks/index.html
+++ b/tactical-watermarks/index.html
@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="date" content="JULY 2020">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <link rel="stylesheet" href="../css/pages.css">
+  <link rel="stylesheet" href="style.css">
+  <link rel="icon"  href="img/beau.png">
+  <meta name="description" content="XPUB">
+  <title>TACTICAL WATERMARKS</title>
+</head>
+
+<body>
+
+<aside>
+  <div class="leftmarquee">
+    <div class="marquee">
+      <div class="track">
+        <div class="content"><a class="head" href="https://hub.xpub.nl/watermark/">TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS TACTICAL WATERMARKS</a></div>
+      </div>
+    </div>
+  </div>
+</aside>
+
+<!-- XPUB SYNTAX -->
+<a href='https://project.xpub.nl/' id='homebutton'> ↜ HOME </a>
+
+<header>
+  <h1 id='project-title'>Tactical Watermarks</h1>
+  <h2 id='student-name' class="mytypestyle"><a href="pedrosacouto.com">Pedro Sá Couto</a></h2>
+
+  <div id='hleft-text'>
+    <div id='inner-hleft-text'>
+       <div id='ihtp'>
+
+       <object>
+       <div id='about-project'>
+          <p><i>Tactical Watermarks</i> is an online republishing platform. 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. </p>
+
+          <p>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. </p>
+
+          <p>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. With python, I will automate a republishing stream that enables me to automatically spread these unique files to Library Genesis. </p>
+
+          <p><i>Tactical Watermarks</i> (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/</p>
+        </div>
+
+        <hr align='left'>
+          <div id='about-student'>
+            <p> Pedro Sá Couto is a media researcher, hacker and graphic designer from Porto, Portugal. His work focuses on bypassing 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.</p>
+          </div>
+
+      </object>
+
+      </div>
+    </div>
+  </div>
+</header>
+
+
+<section id='main'>
+  <div id="galleries">
+    <div id='work' class="mytypestyle">
+      <h3 class='gal-title' class="mytypestyle">Work</h3>
+
+      <ul id='publist'>
+        <li><a href='https://hub.xpub.nl/watermark/' target="_blank" class='ext' class="mytypestyle">Project Website</a></li>
+      </ul>
+
+      <img src="img/psc01.png" class='workimg'/>
+      <img src="img/psc02.png" class='workimg'/>
+      <img src="img/psc03.png" class='workimg'/>
+      <img src="img/psc04.png" class='workimg'/>
+      <img src="img/psc05.png" class='workimg'/>
+      <img src="img/psc06.png" class='workimg'/>
+    </div>
+
+    <div id='publication' class="mytypestyle">
+
+      <h3 class='gal-title' class="mytypestyle">Publication</h3>
+
+      <ul id='publist'>
+        <li><a href='pdf/Thesis_Master_PSC_HD.pdf' target="_blank" class='ext'>Thesis (PDF)</a></li>
+      </ul>
+
+    </div>
+  </div>
+</section>
+
+</body>
+</html>
--- a/tactical-watermarks/pdf/Thesis_Master_PSC_HD.pdf
+++ b/tactical-watermarks/pdf/Thesis_Master_PSC_HD.pdf
--- a/tactical-watermarks/style.css
+++ b/tactical-watermarks/style.css
@ -0,0 +1,115 @@
+@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: #cfff00;
+}
+
+a{
+  color: #000;
+  text-decoration: none;
+  display: inline;
+}
+
+a:hover{
+  color: #cfff00;
+  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;
+}
+
+.mytypestyle{
+  font-family: "Favorit", Arial, Helvetica, sans-serif;
+  font-weight: 300;
+  transform: scaleX(0.75);
+  transform-origin: 0 0;
+  text-transform: uppercase;
+}