master
grgr 11 months ago
parent 073b15520c
commit 42bff99ff2

@ -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;
}
}

@ -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);
}

@ -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;
}

@ -0,0 +1,307 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boiler inspection</title>
<link rel="stylesheet" href="/css/pagedjs_interface.css">
<link rel="stylesheet" href="/css/boilerform.css">
<script src="/js/paged.polyfill.js"></script>
</head>
<body>
<div class="f-page">
<h1 id="first-p">Boiler Inspection</h1>
<div class="p-breaker"></div>
</div>
<div class="disclaimer">
<!-- <h6>Hacking maintenance with care. Reflections on the self-administered survival of digital solidarity networks</h6> -->
<div class="intro">
<h1>Introduction</h1>
<h3>CONTEXT</h3>
<p>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. <br> 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?</p>
<p>Any form of collectivity is hereby simply addressed as "the organization". </p>
<h3>WARNING!</h3>
<p>The boiler inspection will take around <span class="highlight">60min</span>, but obstacles and difficult conversation might stretch the <span class="highlight">inspection time up to 3 hours.</span>
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 <span class="highlight">MIGHT NOT BE GRANTED.</span> </p>
<p>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.</p>
<p>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.</p>
<p>PLEASE MARK WITH THE SYMBOLS ⚠️ or 🔥 or 😡 ANY SENSITIVE INFORMATION YOU WISH NOT TO BE PUBLIC. Such information will be held as professional secret.</p>
<h3>GETTING READY</h3>
<p>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. <br>
Find a comfortable position, and take a deep breath.
</p>
<p>Now you can turn the page and start the boiler inspection.</p>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
</div>
</div>
<div class="p-breaker"></div>
<form action="">
<h1>Inspection form</h1>
<br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<br>
<label for="org_name">name of the organization</label>
<input type="text" name="org_name">
<br>
<label for="date">inspected on</label>
<input type="text" name="date" placeholder="date">
<label for="inspector">by</label>
<input type="text" name="inspector" placeholder="name/alias of the inspector">
<br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<h5>1. description of the boiler</h5>
Age of the organization: <input type="text"> <br><br>
<label for="org_description">short description of the organization's activity</label> <br>
<textarea name="org_description" id="" cols="80" rows="6"></textarea>
<br>
<br>
The following infrastructural elements are collectively used by the organization for its activities (select multiple): <br>
<div id="infra-elem">
<div class="inp"><input type="checkbox"> <label for="">meeting/working table</label></div>
<div class="inp"><input type="checkbox"> <label for="">kitchen</label></div>
<div class="inp"><input type="checkbox"> <label for="">stairs</label></div>
<div class="inp"><input type="checkbox"> <label for="">toilet</label></div>
<div class="inp"><input type="checkbox"> <label for="">couch</label></div>
<div class="inp"><input type="checkbox"> <label for="">server</label></div>
<div class="inp"><input type="checkbox"> <label for="">Internet Relay Chat (IRC)</label></div>
<div class="inp"><input type="checkbox"> <label for="">file sharing</label></div>
<div class="inp"><input type="checkbox"> <label for="">email service</label></div>
<div class="inp"><input type="checkbox"> <label for="">cloud</label></div>
<div class="inp"><input type="checkbox"> <label for="">code of conduct</label></div>
<div class="inp"><input type="checkbox"> <label for="">working agreements</label></div>
<div class="inp"><input type="checkbox"> <label for="">insurances</label></div>
<div class="inp"><input type="checkbox"> <label for="">sick pay</label></div>
<div class="inp"><input type="checkbox"> <label for="">pension</label></div>
<div class="inp"><input type="checkbox"> <label for="">bank account</label></div>
<div class="inp"><input type="checkbox"> <label for="">printers</label></div>
<div class="inp"><input type="checkbox"> <label for="">3D printer</label></div>
<div class="inp"><input type="checkbox"> <label for="">DIY tools and software</label></div>
<div class="inp"><input type="checkbox"> <label for="">social media platform</label></div>
<div class="inp"><input type="checkbox"> <label for="">API (Application Programming Interface)</label></div>
<div class="inp"><input type="checkbox"> <label for="">other electronic components</label></div>
<div class="inp"><input type="checkbox"> <label for="">other hosting services</label></div>
<div class="inp"><input type="checkbox"> <label for="">open source budgeting software</label></div>
<div class="inp"><input type="checkbox"> <label for="">open source ticketing system</label></div>
<div class="inp"><input type="checkbox"> <label for="">other open source admin tools</label></div>
<div class="inp"><input type="checkbox"> <label for="">other</label> <input type="text"></div>
</div>
<br>
<label for="boiler_img">Map of the boiler: <br> schematic drawing of the overall infrastructure, including the elements above mentioned </label>
<br><textarea name="boiler_img" id="" cols="50" rows="16"></textarea>
<br>
<br>
All the people inside the organization have "equal" access and/or basic knowledge of the infrastructural elements marked above and drawed on the map.<br>
Write T (true) or F (false) next to their checkboxes and mark them with a cross on the map.<br>
<br>
<br>
Is the organization ONLY using FLOSS (Free Open Source) software for their activities? <br>
<input type="radio" name="" id=""> yes <input type="radio">yes, but... <input type="radio">no <br><br>
If no, which proprietary softare are present? <br>
<input type="text"> <br> <br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br>
<h5>Governance</h5>
Formal number of people inside the organization<input type="text" name="" id=""> <br>
Actual number of people involved in activities of governance and maintenance of the organization<input type="text"> <br><br>
<label for="org_type">What organizational model is used?</label> <br>
<input type="radio" name="org_type" id="collective"><label for="collective">collective</label> <br>
<input type="radio" name="org_type" id="membership"><label for="membership">member based</label> <br>
<input type="radio" name="org_type" id="informal"><label for="informal">informal group</label> <br>
<input type="radio" name="org_type" id="other"><label for="other">other:</label> <input type="text" name="other_orgtype" placeholder="write here"> <br>
<br>Are tasks clearly and fairly distributed (for example, not only based on the skills and knowledge of each individual)?<br>
<input type="radio">yes <input type="radio">yes, but...<input type="radio">no
<br><br>
Who can make decisions? <br>
<input type="checkbox"> <label for="">everyone in the organization</label> <br>
<input type="checkbox"> <label for="">some in the organization</label><br>
<input type="checkbox"> <label for="">a representative</label><br>
<input type="checkbox"> <label for="">people outside of the organization</label> <br>
<input type="checkbox"> <label for="">Others</label> <input type="text" name="" id=""> <br>
<br>
How are decision making processes moderated? <br>
<textarea name="" id="" cols="30" rows="10"></textarea>
<br> <br>
Is the organization taking all the necessary caring procedures for eventual turnover (for example with exhaustive documentation)? How? <br>
<textarea name="" id="" cols="40" rows="14"></textarea> <br>
<br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br>
<h5>Administration</h5>
<br>
What are the sources of income? (select multiple)<br>
<input type="checkbox"> <label for="">Contributions from private individuals incl. companies, or associations of friends </label> <br>
<input type="checkbox"> <label for="">Contributions from private funds </label> <br>
<input type="checkbox"> <label for="">Contributions from charity lotteries </label> <br>
<input type="checkbox"> <label for="">Other contributions from private resources </label> <input type="text"><br>
<input type="checkbox"> <label for="">Contributions from public funds </label> <br>
<input type="checkbox"> <label for="">Subsidy government (culture funds) </label> <br>
<input type="checkbox"> <label for="">Municipality subsidy</label> <br>
<input type="checkbox"> <label for="">European Union subsidy </label> <br>
<input type="checkbox"> <label for="">Other subsidies from public organizations </label> <input type="text"> <br>
<input type="checkbox"> <label for="">Beers </label> <br>
<input type="checkbox"> <label for="">Meals </label> <br>
<input type="checkbox"> <label for="">"In kind" facilities</label> <br>
<input type="checkbox"> <label for="">"In kind" material</label> <br>
<input type="checkbox"> <label for="">Coverage of travel costs</label> <br>
<input type="checkbox"> <label for="">Coverage of accomodation costs</label> <br>
<input type="checkbox"> <label for="">Other </label> <input type="text" name="" id=""> <br>
<br>
Average number of other jobs that the organization's members have: <br>
<input type="text">
<br><br>
Dependency of the members on the organization's income stream. Score from 1 (not at all) to 10 (a lot.) <br>
<input type="text" min="1" max="10"> <br>
<br>
Is the current funding model/schema sustainable and wage fairly distributed? (Please elaborate)<br>
<textarea name="" id="" cols="70" rows="7"></textarea>
<br><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br>
<h5>working conditions</h5>
Do people work: <br>
<input type="radio" name="" id=""><label for="">on a contract basis </label> <br>
<input type="radio" name="" id=""><label for="">on a freelance basis </label> <br>
<input type="radio" name="" id=""><label for="">on a voluntary basis </label> <br>
<input type="radio" name="" id=""><label for="">other </label> <input type="text"><br>
<br>
<br><br><br>
score the following from 1 to 10 ( 1 = not at all, 10 = a lot.) <br> <br><br>
Space and resources for failure <br>
<input type="text"> <br>
Autonomy from bigger cultural institutions and their agenda <br>
<input type="text"> <br>
Space and resource for learning administration work <br>
<input type="text"> <br>
Space and resources for learning technical things <br>
<input type="text"> <br>
Space and resources for research and experimentation <br>
<input type="text"><br>
Frustration due to technical issues <br>
<input type="text"> <br>
Time dedicated to connect with the components(members) of the organization <br>
<input type="text"><br>
Time dedicated to repair broken things?<br>
<input type="text"> <br> <br>
Time dedicated to the organization outside of designated moments<br>
<input type="text"> <br><br>
<br>
Mental load*: check as many as you feel metally loaded.<br>
* It indicates the feeling of saturation and overload due to extra time dedicated to think and worry about the organization outside of designated working hours. <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"> <br><br><br>
Anxiety experienced<br>
<input type="color" style="width:200px;"> <br> <br>
How many nervous breakdown in the past year?<br>
<input type="text"> <br> <br>
Frustration due to inter-personal misunderstandings <br>
<input type="radio"><input type="radio"><input type="radio"><input type="radio"><input type="radio"> <input type="radio"><input type="radio"><input type="radio"><input type="radio"><input type="radio"><br><br>
Is time dedicated to address unsolved conflicts among the members of the organization?<br>
<input type="radio">yes <input type="radio">yes, but... <input type="radio">no <br><br>
Are there space and resources for emotional support? <br>
score from 1 to 10 (1 = there's none, 10 = there's a loooot)<br>
<input type="text"> <br> <br>
<br> <br>
other <input type=""> <br>
<input type="text"> <br>
<br><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<br>
<h5>TBC Q&A </h5>
Space for more questions: <br>
<textarea name="" id="" cols="70" rows="7"></textarea>
<br><br>
<br><br><br>
<input type="submit" value="submit" id="submit">
</form>
</body>
</html>

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save