diff --git a/README.md b/README.md index 67f5fa4..66d39f7 100644 --- a/README.md +++ b/README.md @@ -7,11 +7,19 @@ Or index all the gaduation works: `python mmdc_wiki2web.py --category Graduation_work` +## Thumbnails +thumbnails in work pages are hidden. this can be changed. + +style_projectpage.css: + +`#thumnail { +display: none; +}` + ## template files web/page-template.html - -1) SCRIPTS in buttom of generated pages does not close proberly. And non-relevant scripts are also still in. +1) SCRIPTS in bottom of generated pages does not close proberly. And non-relevant scripts are also still in. should be: ========= @@ -31,15 +39,19 @@ is now: + + + diff --git a/web/2015-Henk-Jelle_de_Groot.html b/web/2015-Henk-Jelle_de_Groot.html index 4f980f1..eb690a0 100644 --- a/web/2015-Henk-Jelle_de_Groot.html +++ b/web/2015-Henk-Jelle_de_Groot.html @@ -2,7 +2,7 @@ - Title + U ntitled @@ -20,21 +20,21 @@
- +

Henk-Jelle de Groot

-

Title 2015

+

U ntitled 2015

- +

Untitled is a work about visualizing non audible and non visual acoustic properties of a space. Every space has a certain acoustic reverberation, a property that can't be heard or seen on it's own. With this project I aim to visualize that property trough data visualization. Untitled contains a (few) examples of spaces that have been mapped and visualized in a new form and material. These sculptures are presented in a way that the viewer may contextualize on it's own what the nature of the sculpture is

-
+

Henk-Jelle de Groot is a Rotterdam based sound designer and musician. After graduating with an Audio / Visual design bachelor Henk-Jelle setup a sound studio in Rotterdam to work in the Audio / Visual industry. After 7 years of working he returned to the Piet Zwart Institute to graduate in a Master of comm design something something. In addition to working in the Audio / Visual industry, he is muscian and builder of electronic instruments.

+
-

+

@@ -48,7 +48,7 @@
-

Title

+

U ntitled

@@ -56,7 +56,7 @@
- +
@@ -64,12 +64,10 @@
- + + + diff --git a/web/2015-Lucia_Dossin.html b/web/2015-Lucia_Dossin.html index 59d05cd..143714c 100644 --- a/web/2015-Lucia_Dossin.html +++ b/web/2015-Lucia_Dossin.html @@ -2,7 +2,7 @@ - Title + Mina @@ -20,19 +20,19 @@
- +

Lucia Dossin

-

Title 2015

+

Mina 2015

- +

Mina is a smart chat bot, a commercial project designed by a promising startup to fulfill humans' need of talking to someone else in a world where communication has become almost completely mediated by social media services. To keep the illusion alive, the software aims to be invisible.

-
hoi
+

The bio is coming soon.

+

www.example.com

@@ -48,7 +48,7 @@
-

Title

+

Mina

@@ -71,12 +71,10 @@
- + + + diff --git a/web/2015-Luther_Blisset.html b/web/2015-Luther_Blisset.html index d03906b..03330e7 100644 --- a/web/2015-Luther_Blisset.html +++ b/web/2015-Luther_Blisset.html @@ -2,7 +2,7 @@ - Title + Qq @@ -20,19 +20,19 @@
- +

Luther Blisset

-

Title 2015

+

Qq 2015

- +

The novel Q was written by four Bologna-based members of the LBP, as a final contribution to the project, and published in Italy in 1999. So far, it has been translated into English (British and American), Spanish, German, Dutch, French, Portuguese (Brazilian), Danish, Polish, Greek, Czech, Russian, Turkish, Basque and Korean. In August 2003 the book was nominated for the Guardian First Book Prize.

-
Oh
+

Luther Blissett is a multiple-use name, an open pop star informally adopted and shared by hundreds of artists and activists all over Europe and the Americas since 1994. The pseudonym first appeared in Bologna, Italy, in mid-1994, when a number of cultural activists began using it for staging a series of urban and media pranks and to experiment with new forms of authorship and identity. From Bologna the multiple-use name spread to other European cities, such as Rome and London, as well as countries such as Germany, Spain, and Slovenia.[1] Sporadic appearances of Luther Blissett have been also noted in Canada, the United States, and Brazil.

+

https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)

@@ -48,7 +48,7 @@
-

Title

+

Qq

@@ -73,10 +73,11 @@
- - - - + + + + + \ No newline at end of file diff --git a/web/2015-Max_Dovey.html b/web/2015-Max_Dovey.html index c4618f9..39564b9 100644 --- a/web/2015-Max_Dovey.html +++ b/web/2015-Max_Dovey.html @@ -2,7 +2,7 @@ - Title + User:Max Dovey/maxgradbio @@ -20,19 +20,19 @@
- +

Max Dovey

-

Title 2015

+

User:Max Dovey/maxgradbio 2015

- +

How to be more or less human.

-
+

My Bio

+

http://maxdovey.com

@@ -48,7 +48,7 @@
-

Title

+

User:Max Dovey/maxgradbio

@@ -65,12 +65,10 @@
- + + + diff --git a/web/css/style.css b/web/css/style.css index ea99dca..00405fb 100644 --- a/web/css/style.css +++ b/web/css/style.css @@ -115,6 +115,12 @@ body { font-family: "texgyreheroscnbold", monospace; } +.colophon a { + color: white; + text-decoration: none; + border-bottom: 3px solid white; +} + #sortArea label{ margin-right: 6px; } @@ -289,7 +295,8 @@ label{ max-width: 100%; max-height: 100%; vertical-align: middle; - + width:500px; + -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); diff --git a/web/css/style_projectpage.css b/web/css/style_projectpage.css index 6c242b4..d00f030 100644 --- a/web/css/style_projectpage.css +++ b/web/css/style_projectpage.css @@ -12,6 +12,9 @@ h2 { font-family: "inconsolata", monospace; font-weight: normal; margin: 0; +} + +#creator { border-bottom: 0; padding-bottom: 0; } @@ -21,6 +24,8 @@ h2 { width: 80%; float: right; position:relative; + height: 100%; + display: table; } .zwartAreaText{ @@ -45,7 +50,6 @@ h2 { color: white; } - .colophon, .highlight{ color: white; } @@ -56,17 +60,33 @@ h2 { #sideBarDescInfo{ border-bottom: 3px solid white; - /*height: 60px;*/ + padding: 10px; +} + +#sideBarDescInfo p{ + display: initial; } -#sideBarDescInner p:first-of-type{ - padding-top: 0; +.hightlightSidebar { + word-wrap: break-word; } #sideBarDescInner p{ border-bottom: 3px double white; } +#bio { + line-height: 22px; + font-size: 16px; + font-family: "inconsolata", monospace; + padding: 10px; + border-bottom: 3px double white; +} + +#title { + padding-top: 0 !important; +} + #sideBarDescInner a, #sideBarDescInner a:active, #sideBarDescInner a:visited, @@ -152,6 +172,39 @@ h2 { max-height: 600px; } +.project h1, +.project h2, +.project h3 { + font-family: 'texgyreheroscnbold'; + +} + +.project h1 { + font-size: 25px; + padding-left: 10px; + text-indent: 50px; +} + +.project h2 { + font-size: 23px; + padding-left: 10px; + text-indent: 50px; +} + +.project h3 { + font-size: 21px; + padding-left: 10px; + text-indent: 50px; +} + +#thumnail { + display: none; +} + +iframe { + border: none; +} + @media only screen and (max-width:1600px){ .project { @@ -179,11 +232,9 @@ h2 { } @media only screen and (max-width:1280px){ - .project { width: 90%; } - } @media only screen and (max-width: 768px){ @@ -200,10 +251,25 @@ h2 { border-bottom: 3px solid white; } + #sideBarDescInfo p { + padding: 0; + } + .project { - width: 100%; - margin-top: 50px; - } + width: 100%; + margin-top: 50px; + } + + .project img { + max-width: 100%; + padding: 10px 0 10px 0; + } + + iframe { + border: none; + max-width: 100%; + padding: 10px 0 10px 0; + } .sidebarBorderLeft { border-left: 0; @@ -213,7 +279,7 @@ h2 { -webkit-box-shadow: inset 0px -3px 0px 0px white; -moz-box-shadow: inset 0px -3px 0px 0px white; box-shadow: inset 0px -3px 0px 0px white; - } + } .hoverBackA { display: none !important; diff --git a/web/img/arrowa.svg b/web/img/arrowa.svg deleted file mode 100644 index 9ebcfaf..0000000 --- a/web/img/arrowa.svg +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/web/img/arrowb.svg b/web/img/arrowb.svg deleted file mode 100644 index 86334c7..0000000 --- a/web/img/arrowb.svg +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - - - - - image/svg+xml - - - - - - - - - - - diff --git a/web/index.html b/web/index.html index 50d992a..7751cba 100644 --- a/web/index.html +++ b/web/index.html @@ -1,8 +1,8 @@ - - - + + + Piet Zwart Institute: Master Media Design & Communication @@ -70,7 +70,7 @@
- +
@@ -102,7 +102,7 @@ <div class="item video flash"><img src="img/project_roel2.png"></div> <div class="item narrative"><img src="img/project_andre.jpeg"></div--> -
+
diff --git a/web/page-template.html b/web/page-template.html index dbb47cb..cc8ea6d 100644 --- a/web/page-template.html +++ b/web/page-template.html @@ -22,13 +22,13 @@
- +

{creator}

{title} {date}

- +
{description}
@@ -48,7 +48,7 @@
-

{title}

+

{title}

@@ -64,10 +64,10 @@
- - - - + + + +