Prototyping, the trauma of coding and the magic of copy&paste: Difference between revisions
No edit summary |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
=== '''Tuesday, September 20th, 2022 | ''Install ourselves into XPUB, sandboxes, servers, web servers, Hello World! A SMALL BREADCUBE IS BORN''''' === | |||
<nowiki>*</nowiki>''I copied Ada's prototyping notes'' <syntaxhighlight lang="bash" line="1"> | |||
<syntaxhighlight lang="bash" line="1"> | ssh aglaia @145.24.139.110 | ||
ssh | |||
wall message | wall message | ||
pwd (home) | pwd (home) | ||
Line 8: | Line 7: | ||
apt intall nginx(install engine sever to access files from the server) | apt intall nginx(install engine sever to access files from the server) | ||
cd var/www/html | cd var/www/html | ||
nano | nano aglaia.html | ||
(exit cntrl x) | (exit cntrl x) | ||
http://145.24.139.110/ | http://145.24.139.110/aglaia.html | ||
<a href=" | <a href="aglaia.html".aglaia,/a> | ||
(to write) | (to write) | ||
figlet -f /usr/share/figlet/script.flf MESSAGE | figlet -f /usr/share/figlet/script.flf MESSAGE | ||
ls /usr/share/figlet/ | ls /usr/share/figlet/ | ||
figlet -f shadow | figlet -f shadow aglaia | ||
</syntaxhighlight> | </syntaxhighlight> | ||
*Root = main user | |||
*Pseudo but not root: pseudoappinstall (will work if ur not root) | |||
==== '''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>https://pad.xpub.nl/p/SI19-prototyping-2</nowiki> | |||
<nowiki>https://pad.xpub.nl/p/SI19-prototyping-1</nowiki> | <nowiki>https://pad.xpub.nl/p/SI19-prototyping-1</nowiki> | ||
Booklet: [[: | Booklet: [[:File:Install-myself-in-the-sandbox.pdf]] | ||
=== '''Tuesday, September 27th, 2022 | ''the internet, the web, mark up that text''''' === | |||
Hub: [[HUB|https://pzwiki.wdka.nl/mediadesign/HUB]] | 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 | 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 | laptop—> xvm —> bootleg —> xvm—→ laptop | ||
*XVM is the only one that has a domain name (xpub.nl, the rest is unreachable without xvm) | |||
* Software that makes these hidden networks | ==== Tinc ==== | ||
* Installing to add breadcube to the HUB | *Software that makes these hidden networks | ||
*Installing to add breadcube to the HUB | |||
Shell Cheat Sheet | Shell Cheat Sheet | ||
=== '''Tuesday, October 4th, 2022 | ''HTML, CSS, JUPITER LAB''''' === | |||
#[https://hub.xpub.nl/breadcube/hyperworld/ hyperworld hypertext edit] | |||
# [https://hub.xpub.nl/breadcube/hyperworld/ hyperworld hypertext edit] | |||
HTML details about header, title and language processing<syntaxhighlight lang="html" line="1"> | HTML details about header, title and language processing<syntaxhighlight lang="html" line="1"> | ||
Line 59: | Line 55: | ||
<html> | <html> | ||
<head> | <head> | ||
<title> needs to be in head not body | <title> needs to be in head not body </title> | ||
<style> | <style> | ||
h1{ | h1{ | ||
Line 70: | Line 66: | ||
<nowiki>https://pad.xpub.nl/p/SI19-prototyping-3</nowiki> | <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"> | Making cards, how to have a different web and print page<syntaxhighlight lang="css" line="1"> |
Latest revision as of 21:09, 13 October 2022
Tuesday, September 20th, 2022 | Install ourselves into XPUB, sandboxes, servers, web servers, Hello World! A SMALL BREADCUBE IS BORN
*I copied Ada's prototyping notes
ssh aglaia @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 aglaia.html
(exit cntrl x)
http://145.24.139.110/aglaia.html
<a href="aglaia.html".aglaia,/a>
(to write)
figlet -f /usr/share/figlet/script.flf MESSAGE
ls /usr/share/figlet/
figlet -f shadow aglaia
- Root = main user
- Pseudo but not root: pseudoappinstall (will work if ur not root)
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
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
Tuesday, October 4th, 2022 | HTML, CSS, JUPITER LAB
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 </title>
<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