User:Bnstlv/prototyping: Difference between revisions

From XPUB & Lens-Based wiki
Line 35: Line 35:


=== <span style="color: white; font-family: Monaco; color: white; background-color: black;> Prototyping 02 </span>===
=== <span style="color: white; font-family: Monaco; color: white; background-color: black;> Prototyping 02 </span>===
[https://pad.xpub.nl/p/SI19-prototyping-2 Pad: the internet, the web, mark up that text]<be>
[https://pad.xpub.nl/p/SI19-prototyping-2 Pad: the internet, the web, mark up that text]<br>


[[File:Hello, World!.png|thumb|right]]
[[File:Hello, World!.png|thumb|right]]

Revision as of 23:26, 25 October 2022

back to home

Prototyping 01

Pad: Hello, world!

Breadcube.png


Our server was born on Sep 20, 2022! We called it breadcube. During our first Prototyping session, we talked a lot about Sandbox, Debian, and Unix-like systems, and went through some of the basic terms, commands, and syntax, like Shell Cheat Sheet:

- bo@breadcube:~$ whoami
- bo@breadcube:~$ cd ..
- bo@breadcube:/$ ls
- bo@breadcube:/var/www/html$ nano bo.html and more


Manetta and Joak also showed us some figlet art. :)

                    _     
- __  ___ __  _   _| |__  
- \ \/ / '_ \| | | | '_ \ 
-  >  <| |_) | |_| | |_) |
- /_/\_\ .__/ \__,_|_.__/ 
-      |_|                
-  _                        _            _          
- | |__  _ __ ___  __ _  __| | ___ _   _| |__   ___ 
- | '_ \| '__/ _ \/ _` |/ _` |/ __| | | | '_ \ / _ \
- | |_) | | |  __/ (_| | (_| | (__| |_| | |_) |  __/
- |_.__/|_|  \___|\__,_|\__,_|\___|\__,_|_.__/ \___|
                                                 

Prototyping 02

Pad: the internet, the web, mark up that text

Hello, World!.png


During our second Prototyping session, we invited our breadcube to join the XPUB HUB. To do that we used Tinc, and followed all steps described here XPUB HUB New Nodes. Breadcube is on the HUB!


Key learnings:

  1. Pads are private and can be used for private notes. Wiki Pages are public (-ish);
  2. XPUB HUB is the only server that could be accessed freely via the internet;
  3. Up arrow - to go back to previous commands, history of commands;
  4. the $ is for Bash language;
  5. the # is for commands to the root;
  6. they both ($ and #) indicate to us that are waiting for our command;
  7. the "man" command stands for "manual" and gives us detailed instructions on how and what the specific command can do for us (ex: man cat; mac ls; etc.);
  8. the /root folder is a secured folder with restricted access, so only people with the right rights can change it;
  9. our folders are not protected, each one of us can access, change and even delete (lol) them;
  10. bashrc - to go back to the home folder
  11. sudo is a permission group; a group of people like all of us from xpub1
  12. drwxr-xr-x
    1. rwx = user
    2. rdw = group
    3. rwx = others

Prototyping 03

Pad: Jupyter - HTML - CSS

During the first half of the day, we got to know the Jupyter Notebook app, its interface, functions and capabilities. Later, we dug into the world of HTML and CSS.

  • >> Inside Jupyter Notebook

Prototyping 04

Pad: HTML/CSS 2.0: flex


Prototyping 05

Pad: Hi, Python!

Built-in Modules

Trying out Python - A house of plants - messing up with lists of words inside the .py file, replacing words, and making new sentences. I went for the garden theme. Here is one of the randomly generated results:

 FERMENTING
     MEANS WAVING
           BY USING MUSHROOMS
                 DONE BY WARRIORS, BUGS AND OTHER INSECTS.

Making Cards