Prototyping, the trauma of coding and the magic of copy&paste: Difference between revisions

Revision as of 20:51, 13 October 2022

Tuesday, September 20th, 2022 | Install ourselves into XPUB, sandboxes, servers, web servers, Hello World! A SMALL BREADCUBE IS BORN

ssh ada @145.24.139.110
wall message
pwd (home)
ls (listing command)
apt intall nginx(install engine sever to access files from the server)
cd var/www/html 
nano ada.html
(exit cntrl x)
http://145.24.139.110/ada.html
<a href="suzan.html".suzan,/a>
(to write) 
figlet -f /usr/share/figlet/script.flf MESSAGE
ls /usr/share/figlet/
figlet -f shadow ada

Root = main user
Pseudo but not root: pseudoappinstall (will work if ur not root)

https://pad.xpub.nl/p/SI19-prototyping-1

Booklet: File:Install-myself-in-the-sandbox.pdf

Tuesday, September 27th, 2022 | the internet, the web, mark up that text

Hub: https://pzwiki.wdka.nl/mediadesign/HUB

Hidden network main notes: xvm(xpub virtual machine) is the only publicly reachable server on the network (so if u need to see a page like from the bootleg library, you ask for the bl server to serve the main page of the software used). Basically the request goes from a laptop to

laptop—> xvm —> bootleg —> xvm—→ laptop

XVM is the only one that has a domain name (xpub.nl, the rest is unreachable without xvm)

Tinc

Software that makes these hidden networks
Installing to add breadcube to the HUB

Shell Cheat Sheet

Breadcube setup

keywords: sandbox, raspberry pi, server, unix-like software, post-PRISM age (surveillance program)

Sandbox

Spaces for testing and prototyping software and describe how users and processes can be isolated for security purpuses.
Debian = OP most often used for servers, or computer without a graphic interaction (only terminal). UTF8 = character encoding

: https://pad.xpub.nl/p/SI19-prototyping-2

Tuesday, October 4th, 2022 | HTML, CSS, JUPITER LAB

hyperworld hypertext edit

HTML details about header, title and language processing

<!DOCTYPE html> tells me it's html
<html> 
   <head>
   <title> needs to be in head not body
   <style>
            h1{
                color: red;
            }
        </style> css is in the head for everything or can be used for specific parts 
      <h1 class="" style="color:blue;">text</h1> this way it's both the whole text and h1

https://pad.xpub.nl/p/SI19-prototyping-3

Tuesday, October 11th, 2022 | HTML, CSS, JUPITER LAB

Making cards, how to have a different web and print page

@media screen{
    body{
        background-color:beige;
    }
    section{
        display: flex;
        flex-flow: wrap row;
    }
    div.card{
        flex: 1 200px;
        background-color: beige;
        border: 3px solid white;
        margin: 10px;
        padding: 10px;
    }
    div.card:nth-of-type(3n) {
        flex: 2 300px;
        background-color: darkseagreen;
    }
    div.card:hover{
        background-color: cornflowerblue;
    }
}
@media print{
    @page{
        size: A5 landscape;
        margin: 10mm 25mm;
    }
    h1{
        display: none;
    }
    div.card{
        color:blueviolet;
        page-break-after: always;
            }
        }

https://pad.xpub.nl/p/SI19-prototyping-4

@@ Line 1: / Line 1: @@
 * '''Tuesday, September 20th, 2022 | ''Install ourselves into XPUB, sandboxes, servers, web servers, Hello World! A SMALL BREADCUBE IS BORN'''''
+<syntaxhighlight lang="bash" line="1">
+ssh ada @145.24.139.110
+wall message
+pwd (home)
+ls (listing command)
+apt intall nginx(install engine sever to access files from the server)
+cd var/www/html
+nano ada.html
+(exit cntrl x)
+http://145.24.139.110/ada.html
+<a href="suzan.html".suzan,/a>
+(to write)
+figlet -f /usr/share/figlet/script.flf MESSAGE
+ls /usr/share/figlet/
+figlet -f shadow ada
+</syntaxhighlight>
+* Root = main user
+* Pseudo but not root: pseudoappinstall (will work if ur not root)
 <nowiki>https://pad.xpub.nl/p/SI19-prototyping-1</nowiki>
@@ Line 6: / Line 26: @@
 * '''Tuesday, September 27th, 2022 | ''the internet, the web, mark up that text'''''
+Hub: [[HUB|https://pzwiki.wdka.nl/mediadesign/HUB]]
+Hidden network main notes: xvm(xpub virtual machine) is the only publicly reachable server on the network (so if u need to see a page like from the bootleg library, you ask for the bl server to serve the main page of the software used). Basically the request goes from a laptop to
+laptop—> xvm —> bootleg —> xvm—→ laptop
+* XVM is the only one that has a domain name (xpub.nl, the rest is unreachable without xvm)
+=== Tinc ===
+* Software that makes these hidden networks
+* Installing to add breadcube to the HUB
+Shell Cheat Sheet
+== Breadcube setup ==
+keywords: sandbox, raspberry pi, server, unix-like software, post-PRISM age (surveillance program)
+=== Sandbox ===
+* Spaces for testing and prototyping software and describe how users and processes can be isolated for security purpuses.
+* Debian = OP most often used for servers, or computer without a graphic interaction (only terminal). UTF8 = character encoding
 <nowiki>:</nowiki> <nowiki>https://pad.xpub.nl/p/SI19-prototyping-2</nowiki>
 * '''Tuesday, October 4th, 2022 | ''HTML, CSS, JUPITER LAB'''''
+# [https://hub.xpub.nl/breadcube/hyperworld/ hyperworld hypertext edit]
+HTML details about header, title and language processing<syntaxhighlight lang="html" line="1">
+<!DOCTYPE html> tells me it's html
+<html>
+   <head>
+   <title> needs to be in head not body
+   <style>
+            h1{
+                color: red;
+            }
+        </style> css is in the head for everything or can be used for specific parts
+      <h1 class="" style="color:blue;">text</h1> this way it's both the whole text and h1
+</syntaxhighlight>
 <nowiki>https://pad.xpub.nl/p/SI19-prototyping-3</nowiki>
 * '''Tuesday, October 11th, 2022 | ''HTML, CSS, JUPITER LAB'''''
+Making cards, how to have a different web and print page<syntaxhighlight lang="css" line="1">
+@media screen{
+    body{
+        background-color:beige;
+    }
+    section{
+        display: flex;
+        flex-flow: wrap row;
+    }
+    div.card{
+        flex: 1 200px;
+        background-color: beige;
+        border: 3px solid white;
+        margin: 10px;
+        padding: 10px;
+    }
+    div.card:nth-of-type(3n) {
+        flex: 2 300px;
+        background-color: darkseagreen;
+    }
+    div.card:hover{
+        background-color: cornflowerblue;
+    }
+}
+@media print{
+    @page{
+        size: A5 landscape;
+        margin: 10mm 25mm;
+    }
+    h1{
+        display: none;
+    }
+    div.card{
+        color:blueviolet;
+        page-break-after: always;
+            }
+        }
+</syntaxhighlight>
 <nowiki>https://pad.xpub.nl/p/SI19-prototyping-4</nowiki>