diff --git a/css/boilerform.css b/css/boilerform.css new file mode 100644 index 0000000..4acf4a5 --- /dev/null +++ b/css/boilerform.css @@ -0,0 +1,35 @@ +:root{ + --text : black; +} + +body{ + width: 100%; + margin: 0; + box-sizing: border-box; + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 8.5pt; +} +.disclaimer, form{ + margin-right: 70mm; +} + +.f-page h1{ + font-size: 60px; + margin: 0 auto; + margin-top: 30mm; + text-align: center; +} + +.p-breaker{ + break-after: page; +} + + +@print{ + @page{ + margin: 20mm; + } + + + +} diff --git a/css/pagedjs_interface.css b/css/pagedjs_interface.css new file mode 100644 index 0000000..2bdf9f2 --- /dev/null +++ b/css/pagedjs_interface.css @@ -0,0 +1,180 @@ +/* CSS for Paged.js interface – v0.4 */ + +/* Change the look */ +:root { + --color-background: whitesmoke; + --color-pageSheet: #cfcfcf; + --color-pageBox: violet; + --color-paper: white; + --color-marginBox: transparent; + --pagedjs-crop-color: black; + --pagedjs-crop-shadow: white; + --pagedjs-crop-stroke: 1px; +} + +/* To define how the book look on the screen: */ +@media screen, pagedjs-ignore { + body { + background-color: var(--color-background); + } + + .pagedjs_pages { + display: flex; + width: calc(var(--pagedjs-width) * 2); + flex: 0; + flex-wrap: wrap; + margin: 0 auto; + } + + .pagedjs_page { + background-color: var(--color-paper); + box-shadow: 0 0 0 1px var(--color-pageSheet); + margin: 0; + flex-shrink: 0; + flex-grow: 0; + margin-top: 10mm; + } + + .pagedjs_first_page { + margin-left: var(--pagedjs-width); + } + + .pagedjs_page:last-of-type { + margin-bottom: 10mm; + } + + .pagedjs_pagebox{ + box-shadow: 0 0 0 1px var(--color-pageBox); + } + + .pagedjs_left_page{ + z-index: 20; + width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width))!important; + } + + .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop { + border-color: transparent; + } + + .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{ + width: 0; + } + + .pagedjs_right_page{ + z-index: 10; + position: relative; + left: calc(var(--pagedjs-bleed-left)*-1); + } + + /* show the margin-box */ + + .pagedjs_margin-top-left-corner-holder, + .pagedjs_margin-top, + .pagedjs_margin-top-left, + .pagedjs_margin-top-center, + .pagedjs_margin-top-right, + .pagedjs_margin-top-right-corner-holder, + .pagedjs_margin-bottom-left-corner-holder, + .pagedjs_margin-bottom, + .pagedjs_margin-bottom-left, + .pagedjs_margin-bottom-center, + .pagedjs_margin-bottom-right, + .pagedjs_margin-bottom-right-corner-holder, + .pagedjs_margin-right, + .pagedjs_margin-right-top, + .pagedjs_margin-right-middle, + .pagedjs_margin-right-bottom, + .pagedjs_margin-left, + .pagedjs_margin-left-top, + .pagedjs_margin-left-middle, + .pagedjs_margin-left-bottom { + box-shadow: 0 0 0 1px inset var(--color-marginBox); + } + + /* uncomment this part for recto/verso book : ------------------------------------ */ + + + .pagedjs_pages { + flex-direction: column; + width: 100%; + } + + .pagedjs_first_page { + margin-left: 0; + } + + .pagedjs_page { + margin: 0 auto; + margin-top: 10mm; + } + + .pagedjs_left_page{ + width: calc(var(--pagedjs-bleed-left) + var(--pagedjs-pagebox-width) + var(--pagedjs-bleed-left))!important; + } + + .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-crop{ + border-color: var(--pagedjs-crop-color); + } + + .pagedjs_left_page .pagedjs_bleed-right .pagedjs_marks-middle{ + width: var(--pagedjs-cross-size)!important; + } + + .pagedjs_right_page{ + left: 0; + } + + + + + /*--------------------------------------------------------------------------------------*/ + + + + /* uncomment this par to see the baseline : -------------------------------------------*/ + + + /* .pagedjs_pagebox { + --pagedjs-baseline: 22px; + --pagedjs-baseline-position: 5px; + --pagedjs-baseline-color: cyan; + background: linear-gradient(transparent 0%, transparent calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) calc(var(--pagedjs-baseline) - 1px), var(--pagedjs-baseline-color) var(--pagedjs-baseline)), transparent; + background-size: 100% var(--pagedjs-baseline); + background-repeat: repeat-y; + background-position-y: var(--pagedjs-baseline-position); + } */ + + + /*--------------------------------------------------------------------------------------*/ +} + + + + + +/* Marks (to delete when merge in paged.js) */ + +.pagedjs_marks-crop{ + z-index: 999999999999; + +} + +.pagedjs_bleed-top .pagedjs_marks-crop, +.pagedjs_bleed-bottom .pagedjs_marks-crop{ + box-shadow: 1px 0px 0px 0px var(--pagedjs-crop-shadow); +} + +.pagedjs_bleed-top .pagedjs_marks-crop:last-child, +.pagedjs_bleed-bottom .pagedjs_marks-crop:last-child{ + box-shadow: -1px 0px 0px 0px var(--pagedjs-crop-shadow); +} + +.pagedjs_bleed-left .pagedjs_marks-crop, +.pagedjs_bleed-right .pagedjs_marks-crop{ + box-shadow: 0px 1px 0px 0px var(--pagedjs-crop-shadow); +} + +.pagedjs_bleed-left .pagedjs_marks-crop:last-child, +.pagedjs_bleed-right .pagedjs_marks-crop:last-child{ + box-shadow: 0px -1px 0px 0px var(--pagedjs-crop-shadow); +} diff --git a/css/style.css b/css/style.css index 655f352..0bef25d 100644 --- a/css/style.css +++ b/css/style.css @@ -78,7 +78,10 @@ button:hover{ .thesis h2{ font-size: 30pt; } - +p{ + font-size: 4pt; + line-height: 1.6em; +} @@ -88,16 +91,14 @@ button:hover{ .cover, .thesis{ width: 70%; margin: 0 10mm; + } h2{ break-before: page; } - p{ - font-size: 12pt; - line-height: 1.6em; - } - } + + .multiply{ position:absolute; } diff --git a/inspection_form.html b/inspection_form.html new file mode 100644 index 0000000..1d32190 --- /dev/null +++ b/inspection_form.html @@ -0,0 +1,307 @@ + + +
+ + + +Within a context of generalized precarity and massive rise of the costs of life, maintenance has become an extremely delicate and contradicting practice for self-organized cultural initiatives which run and maintain independent digital infrastructures.
The present form is a tool to inspect the current status of infrastructural well-being within such initiatives. It is an attempt to zoom-in into the everydays struggles and contradictions emerging from the self-administered survival of digital solidarity networks. The hope is that of triggering discussion and elaborate on questions like WHAT NEEDS TO BE MAINTAINED AND HOW? WHAT IS DIFFICULT TO MAINTAIN? WHAT NEEDS TO NOT BE MAINTAINED? WHICH COLLECTIVITY IS ACTUALLY INVOLVED IN THE MAINTENANCE?
Any form of collectivity is hereby simply addressed as "the organization".
+ + +The boiler inspection will take around 60min, but obstacles and difficult conversation might stretch the inspection time up to 3 hours. + The questions present in the inspection might not encompass all the issues and might generate even more questions; yet they might be used to address internal and/or external unspoken conflicts in a formalized way. Answers to the questions do not pretend to be exhaustive, and solutions MIGHT NOT BE GRANTED.
+The following questions have been formulated and calibrated on the basis of past boiler inspections. Feel free to correct or modify both questions and answers according the specificities of your organizational urgencies.
+Please, be wary that some of the questions might trigger anxiety, dizziness, headache, tension and/or confusion. If you experience any of these symptoms feel free to verbalize and discuss them, or to take a break, or to have a walk, or to leave blank spaces, or to leave thick black marks, or to fold the corners of the form, ot to rip them off, or to crumple up the whole form.
+PLEASE MARK WITH THE SYMBOLS ⚠️ or 🔥 or 😡 ANY SENSITIVE INFORMATION YOU WISH NOT TO BE PUBLIC. Such information will be held as professional secret.
+ +Find the appropriate time and space for the boiler inspection. You can decide to conduct it together with others that
+ Ask not to be disturbed.
+ Find a comfortable position, and take a deep breath.
+
Now you can turn the page and start the boiler inspection.
+ + + + ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ +