-
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index/img/special-issue-1-bw.jpg b/index/img/special-issue-1-bw.jpg
deleted file mode 100644
index 8010a85..0000000
Binary files a/index/img/special-issue-1-bw.jpg and /dev/null differ
diff --git a/index/img/special-issue-2-bw.jpg b/index/img/special-issue-2-bw.jpg
deleted file mode 100644
index 97e0a9a..0000000
Binary files a/index/img/special-issue-2-bw.jpg and /dev/null differ
diff --git a/index/img/special-issue-3-bw.png b/index/img/special-issue-3-bw.png
deleted file mode 100644
index 6c2ad86..0000000
Binary files a/index/img/special-issue-3-bw.png and /dev/null differ
diff --git a/index/index.html b/index/index.html
deleted file mode 100644
index 5277d47..0000000
--- a/index/index.html
+++ /dev/null
@@ -1,164 +0,0 @@
-
-
-
-
-
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
-
-
-
-
-
\ No newline at end of file
diff --git a/index/stylesheet.css b/index/stylesheet.css
deleted file mode 100644
index 7833356..0000000
--- a/index/stylesheet.css
+++ /dev/null
@@ -1,179 +0,0 @@
-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
diff --git a/stylesheet.css b/stylesheet.css
new file mode 100644
index 0000000..76add49
--- /dev/null
+++ b/stylesheet.css
@@ -0,0 +1,230 @@
+body{
+ min-width: 1024px;
+ margin: 0;
+ padding: 0;
+ font-size: 14px;
+ line-height: 22px;
+ background-color: rgb(254,247,220);
+}
+
+/* header, intro, footer, future */
+header, .intro, .issue.future, footer{
+ font-family: 'default';
+}
+header{
+ position: absolute;
+ width: 100%;
+ height: 30px;
+ top:0;
+ padding:0;
+ z-index: 1;
+ background-image: url('img/pix.png');
+ overflow: hidden;
+}
+footer{
+ width: auto;
+ margin: 0;
+ padding: 10px 20px;
+}
+.intro{
+ position: absolute;
+ width: 150px;
+ height:100vh;
+ top:30px;
+ padding:10px;
+ font-size: 10pt;
+ line-height: 14pt;
+ color:rgb(15,15,93);
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ hyphens: auto;
+}
+ .intro p{
+ margin:0 0 10px;
+ }
+ .intro a{
+ font-size:14px;
+ }
+.issue.future{
+ opacity: 0.2;
+}
+ .issue.future .issue-title{
+ font-size: smaller;
+ }
+ .issue.future .issue-title:after{
+ content: '...';
+ }
+ .issue.future a:hover{
+ opacity: 1;
+ }
+ .issue.future img{
+ border:none;
+ }
+
+/* custom rules per issue */
+.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: 100%;
+}
+
+/* rules for the general structural elements */
+section{
+ display: flex;
+ flex-direction: columns;
+ flex-wrap: wrap;
+ margin:0 14px;
+ padding-top:90px;
+ 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 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;
+}
+.issue a, .issue a:active, .issue a:visited{
+ -webkit-filter:grayscale(100%);
+}
+a:hover{
+ -webkit-filter:grayscale(0%);
+}
+
+/* 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
+ }
+ a:hover{
+ opacity: 1;
+ }
+}
+
+@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/cmunvt.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
\ No newline at end of file
- 
