diff --git a/index/fonts/GT-Cinetype-Bold.otf b/index/fonts/GT-Cinetype-Bold.otf new file mode 100644 index 0000000..372dfbb Binary files /dev/null and b/index/fonts/GT-Cinetype-Bold.otf differ diff --git a/index/fonts/Gidugu.ttf b/index/fonts/Gidugu.ttf new file mode 100644 index 0000000..7ae73ca Binary files /dev/null and b/index/fonts/Gidugu.ttf differ diff --git a/index/fonts/LibreBaskerville-Regular.eot b/index/fonts/LibreBaskerville-Regular.eot new file mode 100644 index 0000000..0ecad52 Binary files /dev/null and b/index/fonts/LibreBaskerville-Regular.eot differ diff --git a/index/fonts/LibreBaskerville-Regular.svg b/index/fonts/LibreBaskerville-Regular.svg new file mode 100644 index 0000000..383573a --- /dev/null +++ b/index/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/index/fonts/LibreBaskerville-Regular.ttf b/index/fonts/LibreBaskerville-Regular.ttf new file mode 100644 index 0000000..57e3c23 Binary files /dev/null and b/index/fonts/LibreBaskerville-Regular.ttf differ diff --git a/index/fonts/LibreBaskerville-Regular.woff b/index/fonts/LibreBaskerville-Regular.woff new file mode 100644 index 0000000..5969fac Binary files /dev/null and b/index/fonts/LibreBaskerville-Regular.woff differ diff --git a/index/fonts/NotCourierSans-Bold.ttf b/index/fonts/NotCourierSans-Bold.ttf new file mode 100644 index 0000000..e359b45 Binary files /dev/null and b/index/fonts/NotCourierSans-Bold.ttf differ diff --git a/index/fonts/NotCourierSans.ttf b/index/fonts/NotCourierSans.ttf new file mode 100644 index 0000000..9fff7fd Binary files /dev/null and b/index/fonts/NotCourierSans.ttf differ diff --git a/index/fonts/dashness.ttf b/index/fonts/dashness.ttf new file mode 100644 index 0000000..288a5b5 Binary files /dev/null and b/index/fonts/dashness.ttf differ diff --git a/index/img/special-issue-1-bw.jpg b/index/img/special-issue-1-bw.jpg new file mode 100644 index 0000000..8010a85 Binary files /dev/null and b/index/img/special-issue-1-bw.jpg differ diff --git a/index/img/special-issue-1.jpg b/index/img/special-issue-1.jpg new file mode 100644 index 0000000..9da39b9 Binary files /dev/null and b/index/img/special-issue-1.jpg differ diff --git a/index/img/special-issue-2-bw.jpg b/index/img/special-issue-2-bw.jpg new file mode 100644 index 0000000..97e0a9a Binary files /dev/null and b/index/img/special-issue-2-bw.jpg differ diff --git a/index/img/special-issue-2.jpg b/index/img/special-issue-2.jpg new file mode 100644 index 0000000..f6555a4 Binary files /dev/null and b/index/img/special-issue-2.jpg differ diff --git a/index/img/special-issue-3-bw.png b/index/img/special-issue-3-bw.png new file mode 100644 index 0000000..6c2ad86 Binary files /dev/null and b/index/img/special-issue-3-bw.png differ diff --git a/index/img/special-issue-3.png b/index/img/special-issue-3.png new file mode 100644 index 0000000..91fe7c5 Binary files /dev/null and b/index/img/special-issue-3.png differ diff --git a/index/img/special-issue-4.png b/index/img/special-issue-4.png new file mode 100644 index 0000000..11c6913 Binary files /dev/null and b/index/img/special-issue-4.png differ diff --git a/index/index.html b/index/index.html new file mode 100644 index 0000000..5277d47 --- /dev/null +++ b/index/index.html @@ -0,0 +1,164 @@ + + + + + XPUB Special Issues + + + +
+ XPUB Special Issues +
+ + + +
+ +
+
+ +
+ +
OP=OP
+
Special Issue 1
+
playing, implementing
+
December 2016
+
+ +
+

Dear reader,

+

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

+

Looking forward seeing you there!

+

Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González, Julia Kul, Margreet Riphagen, Kimmy Spreeuwenberg, and Noémie Vidé

+
+
+
+ +
TGC #3
+
Special Issue 2
+
merging, unexpected publishing
+
March 2016
+
+ +
+

Dear reader,

+

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

+

Looking forward seeing you there!

+

Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Francisco González, Margreet Riphagen, Kimmy Spreeuwenberg

+
+
+
+ +
Interfacing the Law
+
Special Issue 3
+
to dribble, slightly
+
June 2017
+
+ +
+

Dear reader,

+

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

+

Looking forward seeing you there!

+

Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González

+
+
+ + +
+ +
A Bed, a Chair and a Table
+
Special Issue 4
+
...
+
December 2017
+
+ +
+

Dear reader,

+

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

+

Looking forward seeing you there!

+

Emily Buzzo, Karina Dukalska, Max Franklin, Giulia de Giovanelli, Clàudia Giralt, Pleun Gremmen, Francisco González

+
+
+
+ +
+
Special Issue 5
+
+
+
+ +
+
+ +
+
Special Issue 6
+
+
+
+ +
+ + +
+ +
+
Special Issue 7
+
+
+
+ +
+
+ +
+
Special Issue 8
+
+
+
+ +
+
+ +
+
Special Issue 9
+
+
+
+ +
+ + +
+ +
+
Special Issue 10
+
+
+
+ +
+
+ +
+
Special Issue 11
+
+
+
+ +
+
+ +
+
Special Issue 12
+
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/index/stylesheet.css b/index/stylesheet.css new file mode 100644 index 0000000..7833356 --- /dev/null +++ b/index/stylesheet.css @@ -0,0 +1,179 @@ +body{ + /*background-color:rgb(212, 210, 251);*/ + margin: 0; + padding: 0; + font-size: 14px; + line-height: 24px; +} + +/* header, footer, future */ +header, .issue.future, footer{ + font-family: 'sans-serif'; +} +header, footer{ + width: auto; + margin: 0; + padding: 10px 20px; +} +header{ + margin:27px; +} +.issue.future .issue-title{ + font-size: 14px; + margin-left: 20px; +} +.issue.future .issue-title:after, .issue.future .issue-abstract:after, .issue.future .issue-date:after{ + content: '...'; +} + +/* custom rules per issue */ +.issue#special-issue-1{ + font-family: 'special-issue-1'; + font-size: 110%; + 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.8px; +} +.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 12px; +} +div.background img{ + position: fixed; + width: 100vw; + height: auto; + -webkit-filter: blur(25px); + opacity: 0.85; + z-index: -1; + display: none; +} +.issue{ + flex:3 3 auto; + display: inline-block; + width: calc(33.3% - 30px); + vertical-align: top; + margin:0 0 80px; + padding:50px 15px; + color:rgb(40,40,40); +} +.issue-title{ + height: 160px; + font-size: 350%; + line-height: 55px; + margin-left: 15px; +} +.issue-abstract, .issue-nr, .issue-date{ + font-size: smaller; + line-height: 16px; + margin-left:20px; +} +.issue-nr{ + /*margin-left:0; + border:1px solid; + border-right:1px solid rgba(120,120,120,.5); + border-bottom:1px solid rgba(120,120,120,.5); + border-radius: 15px 15px 0 0; + padding:10px 10px 10px 20px; + margin-bottom:15px;*/ +} +.issue-date{ + margin-bottom:15px; +} +.issue-img img{ + width: 100%; +} +.issue-text{ + margin:13px 10px 0 20px; +} +p{ + margin:12px 0; +} + +/* other */ +a, a:active, a:visited{ + color:inherit; + text-decoration: none; +} +a:hover{ + opacity: 0.5; +} + +/* smaller screens */ +@media (max-width: 1024px) { + body{ + font-size: 20px; + line-height: 32px; + } + .issue{ + width: 100%; + margin: 0; + } + .issue-abstract, .issue-date, .issue-text, .issue-nr, .issue.future .issue-title{ + margin-left: 100px; + margin-right: 40px; + } + .issue-title{ + max-width: 500px; + height: auto; + font-size: 300%; + line-height: 70px; + margin-left:90px; + margin-top:20px; + margin-bottom:15px; + } + .issue-img img{ + width: 100%; + max-width: 600px; + } + .issue-text{ + max-width: 600px; + } +} + +@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('LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'), url('LibreBaskerville-Regular.woff') format('woff'), url('LibreBaskerville-Regular.ttf') format('truetype'), url('LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face{ + font-family:'default'; + src:url('fonts/NotCourierSans.ttf'); + font-weight: normal; + font-style: normal; +} +@font-face{ + font-family:'default'; + src:url('fonts/NotCourierSans-Bold.ttf'); + font-weight: bold; + font-style: normal; +} \ No newline at end of file