Peripheral Centers and Feminist Servers/TL;DR: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
Line 186: Line 186:
   }
   }
</pre>
</pre>
 
=== Template & annotations ===
The code has been merged and is now accessable via the [https://git.xpub.nl/vitrinekast/tl-dr GIT repo], and this (temp) [https://hub.xpub.nl/chopchop/~vitrinekast/annotated-logs/page.html URL].
The code has been merged and is now accessable via the [https://git.xpub.nl/vitrinekast/tl-dr GIT repo], and this (temp) [https://hub.xpub.nl/chopchop/~vitrinekast/annotated-logs/page.html URL].
In the template, we've got the following variables, corresponding with commands.  For each variable, there is a small if statement. If a variable is set, we show a level 1 annotation, visible when updating the slider.   
* last_user_added <code>sudo journalctl _COMM=useradd -r -n 1 --output-fields=MESSAGE</code>
* users_created_today <code>"sudo", "journalctl", "-S","today","_COMM=useradd","-r","-n","1","--output-fields=MESSAGE</code>
* list_active_services <code>"sudo", "service", "--status-all"</code>
* list_groups <code>getent group <code>
* since_last_boot  <code>uptime -s</code>
* list_package_installs <code>grep "install " /var/log/dpkg.log</code>
* list_package_upgrade <code>grep "upgrade " /var/log/dpkg.log</code>
* list_package_remove <code>grep "remove " /var/log/dpkg.log</code>
* device_info <code>grep "Model" /proc/cpuinfo | awk -F: '{ print $2}'<code>
* debian_version <code>cat /etc/debian_version</code>
* kernel_version <code>uname -a</code>
* hostname <code>hostname -i</code>

Revision as of 15:44, 15 March 2024

This page documents the tl;dr project part of Peripheral_Centers_and_Feminist_Servers

tl;dr researches ways to make sense of the hidden labour that goes on in a feminist server through log files and unlogged effort / activity. 

In a seamless world, awareness of techno-social infrastructure surfaces only when it's not working. But when you upload a photo, install an application, move a file, a technology serves, works, labours to execute what you've asked of it.

Inaccessible files track this work as data. These files are inaccessible in two ways: they're hard to retrieve and hard to decipher. While these hidden files contain the not so hidden infrastructures of a server, they only manage to show a portion of it. After all, log files have a bias towards the technological ecology, prioritizing the labour of machines.

The actual infrastructure consists of much more: the people maintaining (rebooting, organizing, meeting) for the tech to work. A feminist data center acknowledges and fosters the infrastructure surrounding this technology; the physical labour, the decisions about shared spaces, the different knowledges that depend on each other for the network to exist.

Project description

[describe project matter of factly] [photos of project in varia during launch]

Motivation and evolution

[describe problem]

[initial idea]

[comments by Joseph and Manetta]

[updated idea]


Design process

[sketches go here]

[describe how sketches led to the following designs]

First digital mockup, version a
First digital mockup, version b

[describe 2024-03-13 meeting between Senka and Thijs that led to the following updated design]

cap

As the TL;DR can be previewed on an e-reader at varia, we'd like to test what we can do in terms of HTML/CSS/Javascript with the e-reader. A test page was created, that includes some scrollbars, some font stylings, some javascript scroll tracking, some animations, etc.

html/css

Html:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
    content="width=device-width,
    initial-scale=1.0"/>
    <title>tldir</title>
    <link rel="stylesheet" href="tldir.css" />
</head>
<body>
 <div class="everything">
    <h1>tl;dr</h1>
    <h2>too log didn't read</h2>
    <div class="logs">
     <div class="slider">
        <p class="time">time</p>
        <div class="button"></div>
     </div>
     <div class="log">
        <p class="main-text">
            10.0.0.1 - - [05/Mar/2024:14:27:39 +0000] 
            "GET /~murtaugh/__lab__/api/sessions?1709648858744  
            AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36"
            10.0.0.1 - - [05/Mar/2024:14:27:39 +0000] "GET /~murtaugh/__lab__/
            api/kernelspecs?1709648858775 HTTP/1.1" 200 540 
            "https://hub.xpub.nl/chopchop/~murtaugh/__lab__/lab/tree/public_html/
            T2_Assessments.ipynb" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36
            (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36" 
            <span>a new user was added, a network of trust grew</span>
            lic_html/T2_Assessments.ipynb" "Mozilla/5.0 (X11; Linux x86_64) 
            AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36"
            10.0.0.1 - - [05/Mar/2024:14:27:39 +0000] "GET /~murtaugh/__lab__/
            api/kernelspecs?1709648858775 HTTP/1.1" 200 540 
            "https://hub.xpub.nl/chopchop/~murtaugh/__lab__/lab/tree/public_html/
            T2_Assessments.ipynb" "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36
            (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36"
            <span>there's a peak users logged into the server, if everyone uses 
            it, th eserver might crash</span>
        </p>
     </div>
    </div>
 </div>

    <script type="text/javascript">
    </script>
</body>
</html>

Css:

body{
    background-color: #D1D1D1;
    color: black;
    font-family: CascadiaCode VTT;
 }
@font-face {
    font-family: DuctusRegular;
    src: url(fonts/DuctusRegular.otf);
}
@font-face {
    font-family: CascadiaCode VTT;
    src: url(fonts/CascadiaCode_VTT.ttf);
}
.main-text{
    /* width: 40vw; */
    padding-left: 15px;
    font-family: CascadiaCode VTT;
    color: white;
}
h1{
    padding: 0;
    font-family: DuctusRegular;
}
h2{
    padding: 0;
    font-family: CascadiaCode VTT;
}
span{
    font-family: DuctusRegular;
    color: black;
    background-color: white; 
}
.everything{
    top: 2rem;
    left: 2rem;
    position: absolute;
}
.slider{
    width: 90vw;
    height: 15px;
    border: solid black 1px;
    /* box-shadow: inset 0 0 5px black;  */
    border-radius: 30px;
    display: float;
    position: relative;
}
.button{
    top: 0;
    left: 0;
    width: 10vw;
    height: 15px;
    background-color: white;
    border: solid black 1px;
    border-radius: 30px;
}
.time{
    top: 0;
    right: 0;
    position: absolute;
    float: right;
    color: rgb(97, 97, 97);
    font-family: DuctusRegular;
}
.logs{
    position: relative;
    left: 2rem;
    width: 90vw;
    height: 80vh;
    display: float;
    flex-wrap: wrap;
    background-color: rgb(174, 174, 174);
}
.log{
    background-color: rgb(97, 97, 97);
    width: 80vw;
    height: 70vh;
}
::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px black; 
    border-radius: 30px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: white; 
    border: solid black 1px;
    border-radius: 30px;
  }

Template & annotations

The code has been merged and is now accessable via the GIT repo, and this (temp) URL. In the template, we've got the following variables, corresponding with commands. For each variable, there is a small if statement. If a variable is set, we show a level 1 annotation, visible when updating the slider.

  • last_user_added sudo journalctl _COMM=useradd -r -n 1 --output-fields=MESSAGE
  • users_created_today "sudo", "journalctl", "-S","today","_COMM=useradd","-r","-n","1","--output-fields=MESSAGE
  • list_active_services "sudo", "service", "--status-all"
  • list_groups getent group
  • since_last_boot uptime -s
  • list_package_installs grep "install " /var/log/dpkg.log
  • list_package_upgrade grep "upgrade " /var/log/dpkg.log
  • list_package_remove grep "remove " /var/log/dpkg.log
  • device_info grep "Model" /proc/cpuinfo | awk -F: '{ print $2}'
  • debian_version cat /etc/debian_version
  • kernel_version uname -a
  • hostname hostname -i