Welcome to Web3. Welcome to Astroport.

This commit is contained in:
fred 2024-04-12 23:26:54 +02:00
parent 39bb53897d
commit 8ebbe138ac
5 changed files with 338 additions and 5 deletions

View File

@ -116,7 +116,7 @@ fi
echo "#####################################"
echo "## CRYPTO LIB & PYTHON TOOLS"
export PATH=$HOME/.local/bin:$PATH
for i in pip setuptools wheel amzqr pdf2docx pyppeteer cryptography Ed25519 base58 google duniterpy pynacl pgpy pynentry SecureBytes; do
for i in pip setuptools wheel amzqr pdf2docx pyppeteer cryptography Ed25519 base58 google duniterpy pynacl pgpy pynentry; do
echo ">>> Installation $i <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<"
python -m pip install --break-system-packages -U $i
[[ $? != 0 ]] && echo "INSTALL $i FAILED." && echo "python -m pip install -U $i FAILED." >> /tmp/install.errors.log && continue

View File

@ -14,7 +14,7 @@ echo "#############################################"
#### SETUP JAKLIS ###############################################################
echo "=== SETUP jaklis"
cd ~/.zen/Astroport.ONE/tools/jaklis
sudo ./setup.sh
./setup.sh
## XBIAN fail2ban ERROR correction ##
#[....] Starting authentication failure monitor: fail2ban No file(s) found for glob /var/log/auth.log
@ -50,9 +50,9 @@ mkdir -p ~/.zen/tmp
for bin in fail2ban-client mount umount apt-get apt systemctl youtube-dl; do
binpath=$(which $bin)
[[ -x $binpath ]] \
&& echo "$USER ALL=(ALL) NOPASSWD:$binpath" | (sudo su -c 'EDITOR="tee" visudo -f /etc/sudoers.d/'$bin) \
&& echo "SUDOERS RIGHT SET FOR : $binpath" \
|| echo "ERROR MISSING $bin"
&& echo "$USER ALL=(ALL) NOPASSWD:$binpath" | (sudo su -c 'EDITOR="tee" visudo -f /etc/sudoers.d/'$bin) \
&& echo "SUDOERS RIGHT SET FOR : $binpath" \
|| echo "ERROR MISSING $bin"
done
### MODIFIYING /etc/sudoers ###
[[ "$USER" == "xbian" ]] && echo "xbian ALL=(ALL) NOPASSWD:ALL" | (sudo su -c 'EDITOR="tee" visudo -f /etc/sudoers.d/astroport')

View File

@ -0,0 +1,125 @@
<!DOCTYPE html>
<!-- TODO: Update the language if you're not writing in English! Hey, maybe remix this project and translate the instructions for other people? -->
<html lang="en">
<!-- TODO: Add a title for your zine -->
<title>[TW5 and TiddlyWiki]</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- TODO: Update the icon image if you want to get fancy! -->
<link rel="icon" type="image/png" href="/ipfs/QmTSfxH1kG12JooZ3TG8eGkoYqjcbxy29ejqiVworuBFro" />
<link rel="stylesheet"
href="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/style.css" />
<!-- TODO: Add a description for your zine -->
<meta name="Description" content="[UPlanet une planète Web3]" />
<!-- TODO: Update the theme color to match if you change the styles -->
<meta name="theme-color" content="#741b47" />
<main class="zine">
<header class="zine-page page-1">
<h1>Explorer les Profondeurs du Web3</h1>
<p>Bienvenue dans l'avenir du Web, où la décentralisation, la sécurité et l'autonomie règnent en maître. Dans ce fascicule, nous plongerons dans le monde fascinant du Web3, en mettant particulièrement l'accent sur l'identité numérique et les clés dérivées sur la blockchain UPlanet.</p>
<img class="full-img" src="/ipfs/QmTruWxJuhPvwSkyJmLqP4ocdejApwn5X9caLDVYWUKdFz">
<h2>🌐 en ligne et 🌴 hors ligne<br>
<button class="print-button">🖶📃📃📃</button> ✂️ découper 🙏 plier 📘 partager 💜</h2>
</header>
<section class="zine-page page-2">
<!-- TODO: Page 2 content goes here. This is also the inside of the front cover, so you can be minimal or fit in as much content as possible! -->
<h2>Le Web3 : Une Révolution Digitale</h2>
<p>Le Web3 représente la prochaine étape de l'évolution d'internet. Contrairement à ses prédécesseurs, le Web3 met l'accent sur la décentralisation, offrant ainsi aux utilisateurs un contrôle total sur leurs données et leur expérience en ligne. C'est un univers où la confiance est assurée par des protocoles cryptographiques et où les interactions sont transparentes et sécurisées.</p>
</section>
<section class="zine-page page-3">
<!-- TODO: Page 3 content here -->
<h2>L'Identité Numérique : Votre Empreinte Digitale</h2>
<hr>
<p>Dans le monde numérique d'aujourd'hui, votre identité en ligne est aussi précieuse que votre identité dans le monde réel. L'identité numérique englobe toutes les informations qui vous concernent en ligne, des informations personnelles aux interactions sur les réseaux sociaux. Avec l'émergence du Web3, la notion d'identité numérique évolue pour inclure des éléments tels que la propriété de données et la gestion des clés cryptographiques.</p>
</section>
<section class="zine-page page-4">
<!-- TODO: Page 4 - that's the halfway point, you're nearly there! -->
<h2>Les Clés Dérivées : Le Fondement de la Sécurité</h2>
<hr>
<p>Sur la blockchain UPlanet, les clés dérivées jouent un rôle crucial dans la sécurisation de votre identité numérique et de vos actifs. Ces clés sont générées à partir de la clé de wotre TW, offrant ainsi une méthode sécurisée pour diffuser et partager vos données à tous, ou vos amis seulement. Les clés dérivées garantissent également l'intégrité des données et la confidentialité des communications sur la blockchain.</p>
</section>
<section class="zine-page page-5">
<!-- TODO: You guessed it, page 5 content now -->
<h1>Usage des Clés Dérivées sur UPlanet</h1>
<p>Depuis votre TW5. Créez un Tiddler au nom de la clef dérivée que vous voulez créer, puis ajoutez le tag 'voeu'</p>
<hr>
<p>Le lendemain, votre "clef" s'active et fusionne les données de vos amis qui portent le même nom fusionnent... Et crée </p>
</section>
<section class="zine-page page-6">
<!-- TODO: Page 6, this is the last "page" but you can still keep going -->
<table class="zine-instructions">
<tr>
<td><b>Indexeur "json" :</b> Tous les tiddlers produisent un flux RSS (30 jours) "json" sur lequel vous installez votre application !</td>
<td><img class="mini-img" src="/ipfs/QmNsMvqSmi6Mz9dHGgrvGtXRxcSx6sFELvMc9nHooJbNRR">
</td>
</tr>
<tr>
<td><b>Application "js" :</b> Uniquement programmée en "fulljs" navigateur, la partie "nodejs" est remplacée par la blockchain</td>
<td><img class="mini-img" src="/ipfs/QmZHt74HeGhVrMMF9UYnQPd1Jha8ogPQwYfx9DBUfQfv84">
</td>
</tr>
<tr>
<td><b>Injecteur "bash" :</b> Une fois votre applicatif élaborée, /ASTROBOT/G1VotreVoeu.sh produit le nouvel index de la chaine.</td>
<td><img class="mini-img" src="/ipfs/QmV6vWp9T1Uoe6Q4uuk9a31LCxHTx5JPscjny5TWaxyZSt">
</td>
</tr>
</table>
</section>
<section class="zine-page page-7">
<!-- TODO: Page 7, this is the inside of the back cover -->
<h2>Le Principe</h2>
<table class="zine-instructions">
<tr>
<td><b>Faites un "voeu" :</b> Ajoutez un tiddler donnez lui le titre "NomDuVoeu" (votre clef dérivée). </td>
<td><img class="mini-img" src="/ipfs/QmNVdPHF4HP5AiDJemxD3TY6ZyJ7QxaGsQATUHktQp2j46">
</td>
</tr>
<tr>
<td><b>Utilisez son "tag" :</b> Utilisez le tag "NomDuVoeu" pour marquer les tiddlers à transmettre au programme ASTROBOT correspondant</td>
<td><img class="mini-img" src="/ipfs/QmXeb9ZdGh7xAeRdQFambbQ15v48UYFJgu6CkuEaE8EfPL">
</td>
</tr>
</table>
</section>
<footer class="zine-page page-8">
<!-- TODO: You made it! Page 8, the back cover. Feel free to use this for attributions. Hey, let me know if you want a review. I'll give you ★★★★★ and an amazing quote -->
<h2>Exemple</h2>
<table class="zine-instructions">
<tr>
<td><b>Copier Youtube :</b> Permet de déclencher yt-dlp sur les liens compatibles trouvé dans les tiddlers portant le tag ("CopierYoutube"). </td>
<td><img class="mini-img" src="/ipfs/QmNVdPHF4HP5AiDJemxD3TY6ZyJ7QxaGsQATUHktQp2j46">
</td>
</tr>
<tr>
<td><b>/ASTROBOT/G1CopierYoutube.sh :</b> Est le programme ASTROBOT qui se charge de réaliser le voeu de Copier Youtube. </td>
<td><img class="mini-img" src="/ipfs/QmXeb9ZdGh7xAeRdQFambbQ15v48UYFJgu6CkuEaE8EfPL">
</td>
</tr>
</table>
<h3>Vous souhaitez apprendre à programmer Astroport et maitriser le Web3 ? Contactez : support@qo-op.com</h2>
</footer>
</main>
<script src="/ipfs/QmeegmN4shouhnzvnDYpbSEJtdRsyy39SpL9XqYVHgtN44/script.js" async defer></script>
<!-- I know it says you need a closing </html> tag, but you actually don't! Feel free to add one though if it seems cleaner -->

View File

@ -0,0 +1,4 @@
// This script just adds a little print button to the page. It's not needed for the zine, unless you want to add one too!
document.querySelector(".print-button").addEventListener("click", () => {
window.print();
});

View File

@ -0,0 +1,204 @@
/* These are just the article styles, so change these to whatever fits your theme! */
/* Probably keep this one bit as is though, it's going to make arranging things in print easier for you! */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: sans-serif;
}
h1 {
color: #1c4587;
text-align: center;
font-style: italic;
font-size: 180%;
}
h2 {
background: #ead1dc;
color: #741b47;
font-family: monospace;
text-align: center;
font-size: 140%;
font-weight: normal;
margin: 0.2rem 0 0 0;
padding: 0.2rem 0 0.2rem;
}
th {
text-align: left;
background: #c9daf8;
color: #073763;
}
p {
padding: 0.2rem;
padding-top: 0.5rem;
font-size: 105%;
}
ul {
padding-left: 2rem;
list-style: none;
}
.zine-li:before {
content: '\21D2';
margin-left: -20px;
margin-right: 10px;
}
.zine-link {
font-family: monospace;
background: #c9daf8;
color: #073763;
}
.captioned-img {
object-fit: contain;
max-height: 100%;
max-width: 100%;
padding: 0 2rem 0 2rem;
}
figcaption {
font-family: monospace;
font-size: 80%;
font-style: italic;
background: #c9daf8;
color: #073763;
margin: 0 1rem 0 1rem;
}
.full-img {
object-fit: contain;
max-height: 100%;
max-width: 100%;
padding: 1rem;
}
.mini-img {
max-width: 10rem;
}
.glitchButton {
float: left;
padding: 1rem 0.5rem 0 0.5rem;
}
.cc-licence {
float: right;
margin: 1rem 0.5rem 0 0.5rem;
}
/* Any styles that you **only** want to appear on a device should go in here! */
@media screen {
body {
max-width: 30rem;
background: #ead1dc;
margin: auto;
}
.zine {
background: white;
padding: 10px;
border-left: 4px solid #741b47;
border-bottom: 4px solid #741b47;
}
.zine-page {
margin-top: 10px;
}
}
/* Any styles that you want to apply **just** when the zine is printed go in here! */
@media print {
body {
font-size: 66%;
}
a {
color: inherit;
text-decoration: none;
}
.mini-img {
max-width: 4.4rem;
}
/* The styles below here are specifically for creating the page layout.
* -> DON'T CHANGE THESE <- unless you know what you're doing!
*/
@page {
size: landscape;
margin: 0;
bleed: 0;
}
.zine {
width: 100vw;
height: 100vh;
display: grid;
gap: 1.5px;
background: lightgrey;
grid-template-areas:
"page-5 page-4 page-3 page-2"
"page-6 page-7 page-8 page-1";
grid-template-columns: repeat(4, 25%);
grid-template-rows: repeat(2, 50%);
}
.zine-page {
background: white;
padding: .2rem;
overflow: hidden;
}
.page-5, .page-4, .page-3, .page-2 {
transform: rotate(180deg) translateX(-0.1px);
}
.page-1 {
grid-area: page-1;
}
.page-2 {
grid-area: page-2;
}
.page-3 {
grid-area: page-3;
}
.page-4 {
grid-area: page-4;
}
.page-5 {
grid-area: page-5;
}
.page-6 {
grid-area: page-6;
}
.page-7 {
grid-area: page-7;
}
.page-8 {
grid-area: page-8;
}
}