diff --git a/01/img/_DSC1931.jpg b/01/img/_DSC1931.jpg index 1602875..0def4d1 100644 Binary files a/01/img/_DSC1931.jpg and b/01/img/_DSC1931.jpg differ diff --git a/01/img/_DSC1943.jpg b/01/img/_DSC1943.jpg index 1d3851e..7a7b11d 100644 Binary files a/01/img/_DSC1943.jpg and b/01/img/_DSC1943.jpg differ diff --git a/01/img/_DSC2013.jpg b/01/img/_DSC2013.jpg index ec38d35..e6ced4e 100644 Binary files a/01/img/_DSC2013.jpg and b/01/img/_DSC2013.jpg differ diff --git a/01/img/_DSC2019.jpg b/01/img/_DSC2019.jpg index 3316244..09b6ea4 100644 Binary files a/01/img/_DSC2019.jpg and b/01/img/_DSC2019.jpg differ diff --git a/01/img/_DSC2066.jpg b/01/img/_DSC2066.jpg index dca1af6..e244117 100644 Binary files a/01/img/_DSC2066.jpg and b/01/img/_DSC2066.jpg differ diff --git a/01/img/_DSC2067.jpg b/01/img/_DSC2067.jpg index 74c784c..ced9c89 100644 Binary files a/01/img/_DSC2067.jpg and b/01/img/_DSC2067.jpg differ diff --git a/01/img/_DSC2254.jpg b/01/img/_DSC2254.jpg index 10623c0..8457d96 100644 Binary files a/01/img/_DSC2254.jpg and b/01/img/_DSC2254.jpg differ diff --git a/01/img/_DSC2327.jpg b/01/img/_DSC2327.jpg index dc6b084..b4fda0f 100644 Binary files a/01/img/_DSC2327.jpg and b/01/img/_DSC2327.jpg differ diff --git a/01/img/_DSC2334.jpg b/01/img/_DSC2334.jpg index 468195d..e1ff0bd 100644 Binary files a/01/img/_DSC2334.jpg and b/01/img/_DSC2334.jpg differ diff --git a/fonts/GT-Cinetype-Bold.otf b/fonts/GT-Cinetype-Bold.otf new file mode 100644 index 0000000..372dfbb Binary files /dev/null and b/fonts/GT-Cinetype-Bold.otf differ diff --git a/fonts/Gidugu.ttf b/fonts/Gidugu.ttf new file mode 100644 index 0000000..7ae73ca Binary files /dev/null and b/fonts/Gidugu.ttf differ diff --git a/fonts/LibreBaskerville-Regular.eot b/fonts/LibreBaskerville-Regular.eot new file mode 100644 index 0000000..0ecad52 Binary files /dev/null and b/fonts/LibreBaskerville-Regular.eot differ diff --git a/fonts/LibreBaskerville-Regular.svg b/fonts/LibreBaskerville-Regular.svg new file mode 100644 index 0000000..383573a --- /dev/null +++ b/fonts/LibreBaskerville-Regular.svg @@ -0,0 +1,5882 @@ + + + + +Created by FontForge 20090622 at Mon Nov 27 16:25:52 2017 + By deploy user +Copyright (c) 2012, Pablo Impallari (www.impallari.com|impallari@gmail.com), Copyright (c) 2012, Rodrigo Fuenzalida (www.rfuenzalida.com|hello@rfuenzalida.com), with Reserved Font Name Libre Baskerville. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/LibreBaskerville-Regular.ttf b/fonts/LibreBaskerville-Regular.ttf new file mode 100644 index 0000000..57e3c23 Binary files /dev/null and b/fonts/LibreBaskerville-Regular.ttf differ diff --git a/fonts/LibreBaskerville-Regular.woff b/fonts/LibreBaskerville-Regular.woff new file mode 100644 index 0000000..5969fac Binary files /dev/null and b/fonts/LibreBaskerville-Regular.woff differ diff --git a/fonts/cmuntb.ttf b/fonts/cmuntb.ttf new file mode 100644 index 0000000..fa687ae Binary files /dev/null and b/fonts/cmuntb.ttf differ diff --git a/fonts/cmunvi.ttf b/fonts/cmunvi.ttf new file mode 100644 index 0000000..288f91d Binary files /dev/null and b/fonts/cmunvi.ttf differ diff --git a/fonts/cmunvt.ttf b/fonts/cmunvt.ttf new file mode 100644 index 0000000..57bcaf4 Binary files /dev/null and b/fonts/cmunvt.ttf differ diff --git a/fonts/dashness.ttf b/fonts/dashness.ttf new file mode 100644 index 0000000..288a5b5 Binary files /dev/null and b/fonts/dashness.ttf differ diff --git a/img/header.png b/img/header.png new file mode 100644 index 0000000..d45a0e4 Binary files /dev/null and b/img/header.png differ diff --git a/img/special-issue-1.jpg b/img/special-issue-1.jpg new file mode 100644 index 0000000..9da39b9 Binary files /dev/null and b/img/special-issue-1.jpg differ diff --git a/img/special-issue-2.jpg b/img/special-issue-2.jpg new file mode 100644 index 0000000..5cbc403 Binary files /dev/null and b/img/special-issue-2.jpg differ diff --git a/img/special-issue-3.png b/img/special-issue-3.png new file mode 100644 index 0000000..86b02bb Binary files /dev/null and b/img/special-issue-3.png differ diff --git a/img/special-issue-4-alternative.png b/img/special-issue-4-alternative.png new file mode 100644 index 0000000..bbef043 Binary files /dev/null and b/img/special-issue-4-alternative.png differ diff --git a/img/special-issue-4.png b/img/special-issue-4.png new file mode 100644 index 0000000..212a0a3 Binary files /dev/null and b/img/special-issue-4.png differ diff --git a/img/unknown.svg b/img/unknown.svg new file mode 100644 index 0000000..e074c4e --- /dev/null +++ b/img/unknown.svg @@ -0,0 +1,67 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/index.html b/index.html index e1ded49..e8a7f1f 100644 --- a/index.html +++ b/index.html @@ -1,105 +1,154 @@ - - - - XPUB Special Issues - - - + + + + XPUB Special Issues + + - - -
-
- -
-

Issue 01

-

OP=OP
20161210

-
+ +
+
+

XPUB Special Issues

+

Experimental Publishing (XPUB) is a new study path of the Piet Zwart Institute's Media Design Master programme.

+

XPUB's interests in publishing are twofold:

+

first, publishing as the inquiry and participation into the technological frameworks, political context and cultural processes through which things are made public;

+

and second, publishing as the desire to expand the means of discourse circulation beyond print media and its direct digital translation.

+
+

xpub.nl
+ pzimediadesign.nl

+
+ + + +
+ + -
- -
-

Issue 02

-

TGC #3
20170324

-
+ -
- -
-

Issue 03

-

Interfacing the Law
20170615

-
+ -
- -
-

Issue 04

-

20171207

-
+ + + -
- -
-

Issue 05

-

???

-
+ -
- -
-

Issue 06

-

???

-
+ -
- -
-

Issue 07

-

???

-
+ + + -
- -
-

Issue 08

-

???

-
+ -
- -
-

Issue 09

-

???

-
+ -
- - - + + + + +
+ diff --git a/old/index.html b/old/index.html new file mode 100644 index 0000000..e1ded49 --- /dev/null +++ b/old/index.html @@ -0,0 +1,105 @@ + + + + + XPUB Special Issues + + + + + + +
+
+ +
+

Issue 01

+

OP=OP
20161210

+
+
+
+ +
+

Issue 02

+

TGC #3
20170324

+
+
+
+ +
+

Issue 03

+

Interfacing the Law
20170615

+
+
+
+ +
+

Issue 04

+

20171207

+
+
+
+ +
+

Issue 05

+

???

+
+
+
+ +
+

Issue 06

+

???

+
+
+
+ +
+

Issue 07

+

???

+
+
+
+ +
+

Issue 08

+

???

+
+
+
+ +
+

Issue 09

+

???

+
+
+
+ + + + + diff --git a/style.css b/old/style.css similarity index 100% rename from style.css rename to old/style.css diff --git a/stylesheet.css b/stylesheet.css new file mode 100644 index 0000000..27c0f1a --- /dev/null +++ b/stylesheet.css @@ -0,0 +1,224 @@ +body{ + min-width: 1024px; + margin: 0; + padding: 0; + font-size: 14px; + line-height: 22px; + background-color: rgb(254,247,220); +} + +/* header, intro (on the left), future (for future issues) */ +.intro, .issue.future{ + font-family: 'default'; +} +header{ + position: absolute; + width: 100%; + height: 10px; + top:0; + padding:0; + z-index: 1; + background-image: url('img/header.png'); + overflow: hidden; +} +.intro{ + position: absolute; + width: 160px; + height:100vh; + top:20px; + padding:10px; + font-size: 10pt; + line-height: 14pt; + color:rgb(15,15,93); +} + .intro p{ + margin:0 0 10px; + } + .intro b{ + letter-spacing: 0.05em; + } + .intro a{ + font-size:14px; + } +.issue.future{ + opacity: 0.2; +} + .issue.future div.issue-img{ + width: 100%; + border:1px solid; + } + +/* custom rules per issue */ +/* the font size is adjusted here in % to balance the differences in size between fonts out. */ +.issue#special-issue-1{ + font-family: 'special-issue-1'; + letter-spacing: 0.2px; +} +.issue#special-issue-2{ + font-family: 'special-issue-2'; + font-size: 170%; + letter-spacing: 0.5px; +} +.issue#special-issue-3{ + font-family: 'special-issue-3'; + font-size: 120%; + letter-spacing: 2.5px; +} +.issue#special-issue-4{ + font-family: 'special-issue-4'; + font-size: 90%; +} + +/* rules for the general structural elements */ +section{ + display: flex; + flex-direction: columns; + flex-wrap: wrap; + margin:0 14px; + padding-top:80px; + padding-left:170px; +} +.issue{ + flex:3 3 auto; + display: inline-block; + width: calc(33.3% - 42px); + vertical-align: top; + margin:0 0 80px; + padding:0 15px; + color:rgb(40,40,40); +} +.issue-title, .issue-nr{ + font-size: 275%; + line-height: 40px; +} +.issue-title, .issue-nr, .issue-date{ + margin:15px 0 15px 20px; +} + .issue-nr{ + margin-top:0; + } + .issue-date{ + height: 22px; + } +.issue-img{ + line-height: 0; +} + .issue-img img{ + width: 100%; + } +.issue-text{ + margin:15px 10px 0 20px; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; +} + .issue-text p{ + margin:13px 0; + } + /* prevent hyphens in the list of names */ + .issue-text p:last-of-type{ + -webkit-hyphens: none; + -ms-hyphens: none; + hyphens: none; + } + +/* links */ + a, a:active, a:visited{ + color:inherit; + text-decoration: none; +} +a img{ + -webkit-filter:grayscale(100%); +} +a img:hover{ + -webkit-filter:grayscale(0%); +} + +/* responsive rules for mobile */ +@media (max-width: 500px) { + body{ + min-width: 0; + font-size: 16px; + line-height: 24px; + } + div.intro{ + position: relative; + width: calc(100% - 40px); + height: auto; + margin:10px 20px 80px 20px; + padding:0; + font-size: 18px; + line-height: 26px; + } + div.background img{ + position: fixed; + width: 90%; + margin:50px 5%; + left:0; + } + section{ + width: 100%; + left:0; + top:0; + margin:0; + padding:0; + } + .issue{ + width: 100%; + margin: 0 0 80px 0; + } + .issue-title, .issue-nr, .issue-abstract, .issue-date, .issue-text{ + margin:20px; + padding:0; + height: auto; + } + .issue-title, .issue-nr{ + line-height: 50px; + margin-left: 60px + } + .issue-nr{ + max-width: 75%; + } + .issue-abstract{ + margin-bottom:0; + } + .issue-date{ + margin-top:0; + margin-left: 60px + } + .issue.future div.issue-img{ + min-height: 0; + } + a:hover{ + opacity: 1; + } +} + +/* fonts */ +@font-face{ + font-family:'special-issue-1'; + src:url('fonts/GT-Cinetype-Bold.otf'); +} +@font-face{ + font-family:'special-issue-2'; + src:url('fonts/Gidugu.ttf'); +} +@font-face{ + font-family:'special-issue-3'; + src:url('fonts/dashness.ttf'); +} +@font-face { + font-family: 'special-issue-4'; + src: url('fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/LibreBaskerville-Regular.woff') format('woff'), url('fonts/LibreBaskerville-Regular.ttf') format('truetype'), url('fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg'); +} +@font-face{ + font-family:'default'; + src:url('fonts/cmunvt.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} +@font-face{ + font-family:'default'; + src:url('fonts/cmunvi.ttf') format('truetype'); + font-style: italic; +} \ No newline at end of file