From 23bcf02c357db0ce1cb8d5900cced4a2adb64085 Mon Sep 17 00:00:00 2001 From: AlexRoidl Date: Tue, 28 Nov 2017 11:07:46 +0100 Subject: [PATCH 1/3] more responiveness --- .DS_Store | Bin 8196 -> 8196 bytes 04/index.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 55 insertions(+), 1 deletion(-) diff --git a/.DS_Store b/.DS_Store index 4fb107fc8b7cf6b2bd97ddc25d9da9d8ea2d8f77..f7a9c5d4a44f464ab9387ccb004201769d729a83 100644 GIT binary patch delta 20 bcmZp1XmQvOBgk%Ps-s|JY_K_5a3LQ6K*t5r delta 20 bcmZp1XmQvOBgk%QqN8AJV!1h4a3LQ6K+y%* diff --git a/04/index.html b/04/index.html index 3c4c674..d2115c3 100644 --- a/04/index.html +++ b/04/index.html @@ -1,6 +1,7 @@ + A bed, a chair and a table – Special Issue 4 @@ -106,7 +107,6 @@ margin-bottom: 50px; overflow: scroll; - } #infocontainer::-webkit-scrollbar { display: none; @@ -153,7 +153,61 @@ left:-80%; width:260%; height: 250vh; } +@media screen and (max-width: 980px) { + + #infocontainer .flowtext{ + + column-count: 2; + + + } + +} + +@media screen and (max-width: 680px) { + h1{ + margin-top: 10px; + font-family: LibreBaskerville-Regular,serif; + font-size: 65px; + text-transform:uppercase; + font-weight: normal; + letter-spacing: 15px; + } + h2{ + font-family: LibreBaskerville-Regular,serif; + font-size: 20px; + font-weight: normal; + margin-top: -40px; + } + #infocontainer{ + cursor: move; + position: fixed; + margin-top: 4%; + margin-left: 4%; + width:85%; + height:auto; + background: black; + overflow: scroll; + + + } + #containment-wrapper{ + position: fixed; + top:-200vh; + left:-200%; + width:500%; + height: 500vh; + } + #infocontainer .flowtext{ + + column-count: 1; + + + } + + +} From 3d957e182394787631ac232d31af99bbdd941851 Mon Sep 17 00:00:00 2001 From: AlexRoidl Date: Tue, 28 Nov 2017 11:10:39 +0100 Subject: [PATCH 2/3] collumns fix --- 04/index.html | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/04/index.html b/04/index.html index d2115c3..fc8ebeb 100644 --- a/04/index.html +++ b/04/index.html @@ -180,6 +180,13 @@ height: 250vh; font-weight: normal; margin-top: -40px; } + + #textcontainer p{ + column-count: 1; + column-gap: 40px; + text-align: justify; + } + #infocontainer{ cursor: move; position: fixed; From 86d2575657ce54cef680743f2f18c8ed40a2b604 Mon Sep 17 00:00:00 2001 From: AlexRoidl Date: Tue, 28 Nov 2017 11:13:23 +0100 Subject: [PATCH 3/3] mobile --- 04/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/04/index.html b/04/index.html index fc8ebeb..e122d1a 100644 --- a/04/index.html +++ b/04/index.html @@ -201,10 +201,10 @@ height: 250vh; } #containment-wrapper{ position: fixed; - top:-200vh; - left:-200%; - width:500%; - height: 500vh; + top:-2000vh; + left:-2000%; + width:5000%; + height: 5000vh; } #infocontainer .flowtext{