fst

2021-05-31 13:13:26 +01:00 · 2021-05-31 13:13:26 +01:00 · a134bb6c0a
commit a134bb6c0a
60 changed files with 34978 additions and 0 deletions
--- a/1611787310332.png
+++ b/1611787310332.png
--- a/1612516958284.jpg
+++ b/1612516958284.jpg
--- a/1616297771952.jpg
+++ b/1616297771952.jpg
--- a/1616760428581.png
+++ b/1616760428581.png
--- a/1616760463346.jpg
+++ b/1616760463346.jpg
--- a/1617309778519.jpg
+++ b/1617309778519.jpg
--- a/2_computers.gif
+++ b/2_computers.gif
--- a/2_computers_text.gif
+++ b/2_computers_text.gif
--- a/asdfgh.html
+++ b/asdfgh.html
@ -0,0 +1,41 @@
+<html><head><meta charset="utf-8">
+<style type="text/css">
+div {
+  position: absolute;
+  top: 30%;
+  transform: translate(50%, -50%);
+  padding:0px;
+  max-width:50%;
+  background:#f0f0f0; 
+  font-family: 'Inconsolata', monospace;
+  font-size: 18px;
+}
+body {
+    background-image: url('./media-server-bg.jpg');
+  background-repeat: repeat-xx;
+}
+
+</style>
+<link rel='stylesheet'  href="/fonts/inconsolata/stylesheet.css" type='text/css' media='all' />
+<title>Lezzo in alto mare</title>
+  </head>
+  <body>
+    <div>
+      <h1> LEGGIMI ⤵</h1>
+      <p>
+        Allaccia stretta la bandana e issa le vele: <a href="pirateria.html">guida alla pirateria</a>.
+        Rispetta la solita regola d'oro: tieniti stretto le tue credenziali e se proprio devi condividere un file pubblicamente contattaci.
+      </p>
+      <p>
+        Se noti doppioni o file con nomenclatura incoerente contattaci.
+        Cerchi un file o una collezione rara? Vuoi un invito ad un tracker privato per sentirti meno normie? Contattaci su #paygimps 
+      </p>
+      ⤷ <a href="/asdfgh/audiovideo" >audiovideo</a>: file multimediali vari<br>
+      ⤷ <a href="/asdfgh/games" >games</a>: videogiochi ma anche giochi IRL<br>
+      ⤷ <a href="/asdfgh/lit" >lit</a>: fumetti, libri, zine e pubblicazioni accademiche, rant vari<br>
+      ⤷ <a href="/asdfgh/matrioska" >matrioska</a>: film, ma non quei film :^) e serie tv<br>
+      ⤷ <a href="/asdfgh/vibbra" >vibbra</a>: ora che hai tutta la musica ti mancano solo le info<br>
+      </br>
+    </div>
+  </body>
+</html>
--- a/b.html
+++ b/b.html
@ -0,0 +1,19 @@
+  <head>
+    <title>Title of the document</title>
+    <style>
+      body {
+        /* background-image: url('https://i.4cdn.org/wg/1611787310332.png'); */
+          background-image: url('./1612516958284.jpg');
+        background-repeat: repeat-xx;
+        background-size: 60px;
+      }
+    </style>
+  </head>
+<body>
+  <br>
+<img src="file:///home/user/Desktop/lezzo.org/lezzo.org.png" >
+<img src="file:///home/user/Desktop/lezzo.org/lain.gif" width="500" height="500">
+<img src="file:///home/user/Desktop/lezzo.org/yotsuba.gif" width="500" height="500">
+
+<br>
+</body>
--- a/bsg_timeline.jpg
+++ b/bsg_timeline.jpg
--- a/friends_door.gif
+++ b/friends_door.gif
--- a/fruit_flies.gif
+++ b/fruit_flies.gif
--- a/fruit_flies.jpg
+++ b/fruit_flies.jpg
--- a/fruit_flies_kaleidoscope.jpg
+++ b/fruit_flies_kaleidoscope.jpg
--- a/hallofshame.gif
+++ b/hallofshame.gif
--- a/home.html
+++ b/home.html
@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head><title>LEZZO.org</title>
+<body bgcolor="#000000" link="#FF00FF" vlink="#FF00FF" text="#FFFFFF" background="space_background.gif">
+<center>
+<img src="logolezzo.gif">
+<br>
+<h2>Benvenuto su LEZZO.org. Sei felice oggi?</h2>
+<br>
+<img src="lain_nonoc.gif">
+<br>
+<br>
+<img src="hallofshame.gif">
+<br><br>
+<a href="https://nekojiru.neocities.org/about.html"><img src="/pics/about.gif"></a>
+<br><br>
+<a href="https://nekojiru.neocities.org/archives.html"><img src="/pics/Archives.gif"></a>
+<br><br>
+<a href="https://nekojiru.neocities.org/music.html"><img src="/pics/Playlist.gif"></a>
+<br><br>
+<a href="https://nekojiru.neocities.org/misc.html"><img src="/pics/Misc.gif"></a>
+<br><br>
+<a href="mailto:Nekojiru1999@protonmail.com"><img src="https://nekojiru.neocities.org/pics/email.gif"></a>
+<br><br>
+<a href="http://nekojiru.123guestbook.com/"><img src="/pics/guestbook.gif"></a>
+<br><br>
+<img src="https://nekojiru.neocities.org/div.gif">
+<br><br>
+<br>
+<img src="fruit_flies.gif">
+<br>
+</center>
+  </body>
+</html>
--- a/idee.txt
+++ b/idee.txt
@ -0,0 +1,62 @@
+- bacheca lezzo:
+  + hunter
+  + docker su raspi (vedi giu)
+  + nvidia ebuild
+  + quella volta che brasello ip interno 10.0
+ 
+- RIP / hall of fame
+  + Marco
+  + Joe Cassano
+  + Bear
+  + giacomo verde
+  + Francesco Di Giacomo
+
+
+
+[–]taciuz[S] 1 point 9 days ago 
+
+Allora la prova del cambio porte l'ho fatta sul Transmission installato sul mio PC Linux. Una volta cambiata la porta ha scaricato come al solito la uso di prova Sul raspberry Transmission è installato tramite docker con openmediavault
+
+
+- brasello che comprime le immagini di qemu con zip o gz
+
+
+* WHY LEZZO
+
+Ed è utile? Io sono molto scettico.
+Intanto, a scanso di equivoci, vorrei fare qualche esempio di "bolle
+ideologiche", magari ho capito male.
+Un articolo di giornale online, un twit, un post di FB che riporta una
+notizia, di quelle che "creano discussioni".
+Un politico ladro, un impiegato pubblico corrotto (e viceversa), un
+reato commesso da un extra-comunitario.
+Nel giro di poche ore la "notizia" riceverà centinaia di commenti.
+Quell'insieme si configurerà come "bolla".
+Ma così come ogni bolla, l'indomani sarà già scoppiata, in attesa di un'altra.
+Trasformare queste "bolle" in consenso, in comunità, in movimenti, in
+partiti è stato già fatto ...
+
+Discorso diverso sono, ad esempio, le mailing list, i "gruppi di
+discussioni" alla usenet.
+In questo caso, col tempo, si creano comunità scevre dall'emotività
+dettata dalla "notizia del giorno".
+
+Il ruolo che le organizzazioni diffuse e strutturate (come i partiti
+di un tempo) ora è stato assunto dai
+social network che, operando da "agenda setting" influenzano
+l'opinione pubblica.
+Insomma, ci si sta avviando (almeno in politica) da una "azione
+collettiva" ad una "logica dell'azione connettiva"
+(cfr. Bennett - Segerberg).
+Quindi, il "medium" ha sì l'importanza, e nell'online, un conto sono i
+social, un altro le mailing list.
+
+* Lezzo e` controcultura
+sei un abominio normie
+
+
+
+* articoli:
+guida alla pirateria
+- post sulle cripto: isteria, mancanza di ascensore sociale, accentramento
+  + nell'informatica fai comunque i soldi, anche se avessi compreso bene un altro settore saresti ricco
--- a/index.html
+++ b/index.html
@ -0,0 +1,20 @@
+<html>
+  <head><title>LEZZO.ORG</title>
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
+  </head>
+  <body bgcolor="#dfe3e2" link="#FF00FF" vlink="#FF00FF" text="#FFFFFF">
+    <center>
+      <img src="lezzo.org2.gif">
+      <br><br>
+      <img src="landing_cropped.png">
+      <br><br>
+      <br>
+      <a href="home.html">
+        <img src="2_computers_text.gif">
+      </a>
+      <br><br>
+      <br>
+    </center>
+  </body>
+</html>
--- a/intro.html
+++ b/intro.html
@ -0,0 +1,58 @@
+  <head><meta charset="utf-8">
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
+    <title>Title</title>
+  </head>
+  <body  style="background-color: #c0c0c0;">
+    <div class="box" style="background-color: #c0c0c0;">
+      <article class="media">
+        <div class="media-left">
+          <figure class="image">
+            <img src="./landing_cropped.png" alt="Image">
+          </figure>
+        </div>
+        <div class="media-content">
+          <div class="columns">
+            <div class="column">
+              <div class="content">
+                <p>
+                  Indovina indovinello,<br>
+                  Chi è che ha fatto un bel bordello?<br>
+                  Ieri sera son tornato,<br>
+                  Ubriaco e un po' stonato<br>
+                  Mi son messo al pc<br>
+                  Che non mi andava di dormir.<br>
+                  Che faccio? Guardo un film?<br>
+                  No mi dissi, ci va troppo<br>
+                  Poi facendo emerge sync<br>
+                  Ho visto che stavo un kernel sotto.<br>
+                  O che gaudio! Un nuovo gioco<br>
+                  E mi detti al grande upgrade<br>
+                  Faccio tutto, va alla grande<br>
+                  Ma nvidia mi lascia un po' in mutande.<br>
+                </p>
+              </div>
+              </div>
+            <div class="column">
+              <div class="content">
+                <p><br><br>
+                  Ah la rabbia, la decisione<br>
+                  Di aggiustare il pacchettone<br>
+                  Ma cercando bbswitch<br>
+                  Ho rimosso anche /lib<br>
+                  Grande il pianto, lo spavento<br>
+                  Se ne andò senza un lamento<br>
+                  E con lei, tutto contento<br>
+                  Non bootava manco gentoo<br>
+                  Ora gentoo ho reinstallato,<br>
+                  Molte guide online ho usato<br>
+                  Ma la piú bella, la piú breve<br>
+                  Era il link di know your meme.<br>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </article>
+    </div>
+  </body>
--- a/lain.gif
+++ b/lain.gif
--- a/lain.xcf
+++ b/lain.xcf
--- a/lain_gif/1381227385_3.gif
+++ b/lain_gif/1381227385_3.gif
--- a/lain_gif/FuckArisu_sadface_2.gif
+++ b/lain_gif/FuckArisu_sadface_2.gif
--- a/lain_gif/Shake_5.gif
+++ b/lain_gif/Shake_5.gif
--- a/lain_gif/Sleep_2.gif
+++ b/lain_gif/Sleep_2.gif
--- a/lain_gif/lain_nonoc.gif
+++ b/lain_gif/lain_nonoc.gif
--- a/lain_gif/laintrain.gif
+++ b/lain_gif/laintrain.gif
--- a/lain_nonoc.gif
+++ b/lain_nonoc.gif
--- a/landing.png
+++ b/landing.png
--- a/landing_cropped.png
+++ b/landing_cropped.png
--- a/lezzo.org.gif
+++ b/lezzo.org.gif
--- a/lezzo.org.png
+++ b/lezzo.org.png
--- a/lezzo.org2.gif
+++ b/lezzo.org2.gif
--- a/logolezzo.gif
+++ b/logolezzo.gif
--- a/media-server-bg.jpg
+++ b/media-server-bg.jpg
--- a/nicepage/2_computers_150.gif
+++ b/nicepage/2_computers_150.gif
--- a/nicepage/About.css
+++ b/nicepage/About.css
--- a/nicepage/About.html
+++ b/nicepage/About.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html style="font-size: 16px;">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="page_type" content="np-template-header-footer-from-plugin">
+    <title>About</title>
+    <link rel="stylesheet" href="nicepage.css" media="screen">
+<link rel="stylesheet" href="About.css" media="screen">
+    <script class="u-script" type="text/javascript" src="jquery-1.9.1.min.js" defer=""></script>
+    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
+    <meta name="generator" content="Nicepage 3.15.6, nicepage.com">
+    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
+    
+    <script type="application/ld+json">{
+		"@context": "http://schema.org",
+		"@type": "Organization",
+		"name": "",
+		"url": "index.html",
+		"logo": "images/2_computers_150.gif"
+}</script>
+    <meta property="og:title" content="About">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#478ac9">
+    <link rel="canonical" href="index.html">
+    <meta property="og:url" content="index.html">
+  </head>
+  <body class="u-body"><header class="u-clearfix u-header u-image u-header" id="sec-81ec" data-image-width="1920" data-image-height="1080"><div class="u-clearfix u-sheet u-sheet-1">
+        <a href="https://nicepage.com" class="u-image u-logo u-image-1" data-image-width="150" data-image-height="49">
+          <img src="images/2_computers_150.gif" class="u-logo-image u-logo-image-1" data-image-width="150">
+        </a>
+      </div></header> 
+    
+    
+    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-0b64"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
+        <p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
+      </div></footer>
+    <section class="u-backlink u-clearfix u-grey-80">
+      <a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
+        <span>Website Templates</span>
+      </a>
+      <p class="u-text">
+        <span>created with</span>
+      </p>
+      <a class="u-link" href="https://nicepage.com/" target="_blank">
+        <span>Website Builder Software</span>
+      </a>. 
+    </section>
+  </body>
+</html>
--- a/nicepage/Contact.css
+++ b/nicepage/Contact.css
--- a/nicepage/Contact.html
+++ b/nicepage/Contact.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html style="font-size: 16px;">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="page_type" content="np-template-header-footer-from-plugin">
+    <title>Contact</title>
+    <link rel="stylesheet" href="nicepage.css" media="screen">
+<link rel="stylesheet" href="Contact.css" media="screen">
+    <script class="u-script" type="text/javascript" src="jquery-1.9.1.min.js" defer=""></script>
+    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
+    <meta name="generator" content="Nicepage 3.15.6, nicepage.com">
+    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
+    
+    <script type="application/ld+json">{
+		"@context": "http://schema.org",
+		"@type": "Organization",
+		"name": "",
+		"url": "index.html",
+		"logo": "images/2_computers_150.gif"
+}</script>
+    <meta property="og:title" content="Contact">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#478ac9">
+    <link rel="canonical" href="index.html">
+    <meta property="og:url" content="index.html">
+  </head>
+  <body class="u-body"><header class="u-clearfix u-header u-image u-header" id="sec-81ec" data-image-width="1920" data-image-height="1080"><div class="u-clearfix u-sheet u-sheet-1">
+        <a href="https://nicepage.com" class="u-image u-logo u-image-1" data-image-width="150" data-image-height="49">
+          <img src="images/2_computers_150.gif" class="u-logo-image u-logo-image-1" data-image-width="150">
+        </a>
+      </div></header> 
+    
+    
+    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-0b64"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
+        <p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
+      </div></footer>
+    <section class="u-backlink u-clearfix u-grey-80">
+      <a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
+        <span>Website Templates</span>
+      </a>
+      <p class="u-text">
+        <span>created with</span>
+      </p>
+      <a class="u-link" href="https://nicepage.com/" target="_blank">
+        <span>Website Builder Software</span>
+      </a>. 
+    </section>
+  </body>
+</html>
--- a/nicepage/Page-1.css
+++ b/nicepage/Page-1.css
--- a/nicepage/Page-1.html
+++ b/nicepage/Page-1.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html style="font-size: 16px;">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="page_type" content="np-template-header-footer-from-plugin">
+    <title>Page 1</title>
+    <link rel="stylesheet" href="nicepage.css" media="screen">
+<link rel="stylesheet" href="Page-1.css" media="screen">
+    <script class="u-script" type="text/javascript" src="jquery-1.9.1.min.js" defer=""></script>
+    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
+    <meta name="generator" content="Nicepage 3.15.6, nicepage.com">
+    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
+    
+    <script type="application/ld+json">{
+		"@context": "http://schema.org",
+		"@type": "Organization",
+		"name": "",
+		"url": "index.html",
+		"logo": "images/2_computers_150.gif"
+}</script>
+    <meta property="og:title" content="Page 1">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#478ac9">
+    <link rel="canonical" href="index.html">
+    <meta property="og:url" content="index.html">
+  </head>
+  <body class="u-body"><header class="u-clearfix u-header u-image u-header" id="sec-81ec" data-image-width="1920" data-image-height="1080"><div class="u-clearfix u-sheet u-sheet-1">
+        <a href="https://nicepage.com" class="u-image u-logo u-image-1" data-image-width="150" data-image-height="49">
+          <img src="images/2_computers_150.gif" class="u-logo-image u-logo-image-1" data-image-width="150">
+        </a>
+      </div></header> 
+    
+    
+    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-0b64"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
+        <p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
+      </div></footer>
+    <section class="u-backlink u-clearfix u-grey-80">
+      <a class="u-link" href="https://nicepage.com/html-templates" target="_blank">
+        <span>HTML Template</span>
+      </a>
+      <p class="u-text">
+        <span>created with</span>
+      </p>
+      <a class="u-link" href="https://nicepage.com/wysiwyg-html-editor" target="_blank">
+        <span>WYSIWYG HTML Editor</span>
+      </a>. 
+    </section>
+  </body>
+</html>
--- a/nicepage/Page-2.css
+++ b/nicepage/Page-2.css
@ -0,0 +1,76 @@
+.u-section-1 {
+  background-image: none;
+}
+
+.u-section-1 .u-sheet-1 {
+  min-height: 100vh;
+}
+
+.u-section-1 .u-image-1 {
+  width: 570px;
+  height: 507px;
+  margin: 46px auto 0 274px;
+}
+
+.u-section-1 .u-image-2 {
+  width: 238px;
+  height: 198px;
+  margin: 19px auto 0 440px;
+}
+
+.u-section-1 .u-text-1 {
+  font-weight: 700;
+  font-size: 1.25rem;
+  margin: 0 auto 60px 527px;
+}
+
+.u-section-1 .u-btn-1 {
+  padding: 0;
+}
+
+@media (max-width: 1199px) {
+  .u-section-1 .u-text-1 {
+    margin-left: 435px;
+  }
+}
+
+@media (max-width: 991px) {
+  .u-section-1 .u-image-1 {
+    margin-left: 150px;
+  }
+
+  .u-section-1 .u-text-1 {
+    margin-left: 333px;
+  }
+}
+
+@media (max-width: 767px) {
+  .u-section-1 .u-image-1 {
+    width: 540px;
+    height: 480px;
+    margin-left: 0;
+  }
+
+  .u-section-1 .u-image-2 {
+    margin-left: 302px;
+  }
+
+  .u-section-1 .u-text-1 {
+    margin-left: 250px;
+  }
+}
+
+@media (max-width: 575px) {
+  .u-section-1 .u-image-1 {
+    width: 340px;
+    height: 302px;
+  }
+
+  .u-section-1 .u-image-2 {
+    margin-left: 102px;
+  }
+
+  .u-section-1 .u-text-1 {
+    margin-left: 157px;
+  }
+}
--- a/nicepage/Page-2.html
+++ b/nicepage/Page-2.html
@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html style="font-size: 16px;">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="page_type" content="np-template-header-footer-from-plugin">
+    <title>Page 2</title>
+    <link rel="stylesheet" href="nicepage.css" media="screen">
+<link rel="stylesheet" href="Page-2.css" media="screen">
+    <script class="u-script" type="text/javascript" src="jquery-1.9.1.min.js" defer=""></script>
+    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
+    <meta name="generator" content="Nicepage 3.15.6, nicepage.com">
+    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
+    
+    
+    <script type="application/ld+json">{
+		"@context": "http://schema.org",
+		"@type": "Organization",
+		"name": "",
+		"url": "index.html"
+}</script>
+    <meta property="og:title" content="Page 2">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#478ac9">
+    <link rel="canonical" href="index.html">
+    <meta property="og:url" content="index.html">
+  </head>
+  <body class="u-body">
+    <section class="u-align-left u-clearfix u-palette-4-light-2 u-section-1" id="carousel_3aab">
+      <div class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
+        <img src="images/yotsuba.gif">
+        <img class="u-image u-image-default u-image-2" src="images/friends_door.gif" alt="" data-image-width="480" data-image-height="400" data-href="https://bing.com">
+        <p class="u-text u-text-default u-text-1">
+          <a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-palette-1-base u-btn-1" href="bing.com">ENTER<span style="font-weight: 700;"></span>
+          </a>
+        </p>
+      </div>
+    </section>
+    
+    
+    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-0b64"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
+        <p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
+      </div></footer>
+    <section class="u-backlink u-clearfix u-grey-80">
+      <a class="u-link" href="https://nicepage.com/html-templates" target="_blank">
+        <span>HTML Template</span>
+      </a>
+      <p class="u-text">
+        <span>created with</span>
+      </p>
+      <a class="u-link" href="https://nicepage.com/html-website-builder" target="_blank">
+        <span>HTML Designer</span>
+      </a>. 
+    </section>
+  </body>
+</html>
--- a/nicepage/friends_door.gif
+++ b/nicepage/friends_door.gif
--- a/nicepage/images/friends_door.gif
+++ b/nicepage/images/friends_door.gif
--- a/nicepage/images/lain.gif
+++ b/nicepage/images/lain.gif
--- a/nicepage/images/yotsuba.gif
+++ b/nicepage/images/yotsuba.gif
--- a/nicepage/index.html
+++ b/nicepage/index.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html style="font-size: 16px;">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="page_type" content="np-template-header-footer-from-plugin">
+    <title>About</title>
+    <link rel="stylesheet" href="nicepage.css" media="screen">
+<link rel="stylesheet" href="About.css" media="screen">
+    <script class="u-script" type="text/javascript" src="jquery-1.9.1.min.js" defer=""></script>
+    <script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
+    <meta name="generator" content="Nicepage 3.15.6, nicepage.com">
+    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
+    
+    <script type="application/ld+json">{
+		"@context": "http://schema.org",
+		"@type": "Organization",
+		"name": "",
+		"url": "index.html",
+		"logo": "images/2_computers_150.gif"
+}</script>
+    <meta property="og:title" content="About">
+    <meta property="og:type" content="website">
+    <meta name="theme-color" content="#478ac9">
+    <link rel="canonical" href="index.html">
+    <meta property="og:url" content="index.html">
+  </head>
+  <body data-home-page="https://website417402.nicepage.io/About.html?version=2431c7af-ccea-494d-b25b-548a024e6956" data-home-page-title="About" class="u-body"><header class="u-clearfix u-header u-image u-header" id="sec-81ec" data-image-width="1920" data-image-height="1080"><div class="u-clearfix u-sheet u-sheet-1">
+        <a href="https://nicepage.com" class="u-image u-logo u-image-1" data-image-width="150" data-image-height="49">
+          <img src="images/2_computers_150.gif" class="u-logo-image u-logo-image-1" data-image-width="150">
+        </a>
+      </div></header> 
+    
+    
+    <footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-0b64"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
+        <p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
+      </div></footer>
+    <section class="u-backlink u-clearfix u-grey-80">
+      <a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
+        <span>Website Templates</span>
+      </a>
+      <p class="u-text">
+        <span>created with</span>
+      </p>
+      <a class="u-link" href="https://nicepage.com/" target="_blank">
+        <span>Website Builder Software</span>
+      </a>. 
+    </section>
+  </body>
+</html>
--- a/nicepage/index.html.zip
+++ b/nicepage/index.html.zip
--- a/nicepage/jquery-1.9.1.min.js
+++ b/nicepage/jquery-1.9.1.min.js
--- a/nicepage/lain.gif
+++ b/nicepage/lain.gif
--- a/nicepage/nicepage.css
+++ b/nicepage/nicepage.css
--- a/nicepage/nicepage.js
+++ b/nicepage/nicepage.js
--- a/nicepage/pines.png
+++ b/nicepage/pines.png
--- a/pines.png
+++ b/pines.png
--- a/space_background.gif
+++ b/space_background.gif
--- a/win95.css
+++ b/win95.css
@ -0,0 +1,623 @@
+/*
+
+    WIN95.CSS
+    https://github.com/AlexBSoft/win95.css
+    Author: Alex B (alex-b.me)
+    License: MIT
+
+    Version: 1.2.0
+    06.12.2020
+
+*/
+html {
+  position: relative;
+  min-height: 100%;
+}
+/*
+
+Body styles
+
+*/
+body {
+    font-family: "MS Sans Serif",Tahoma,Verdana,Segoe,sans-serif; 
+    background: teal;
+    color: white;
+    padding-bottom: 28px;
+}
+.bg-cloud{
+    background-image: url(clouds2.jpg);
+    color:#212529;
+}
+
+/*
+
+Link color
+
+*/
+a {
+    color:#2d49eb;
+}
+
+/*
+
+Header
+
+*/
+header {
+  position: relative;
+  background-color: black;
+  height: 100vh;
+  min-height: 25rem;
+  width: 100%;
+  overflow: hidden;
+}
+header video {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  min-width: 100%;
+  min-height: 100%;
+  width: auto;
+  height: auto;
+  z-index: 0;
+  -ms-transform: translateX(-50%) translateY(-50%);
+  -moz-transform: translateX(-50%) translateY(-50%);
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+}
+header .container {
+  position: relative;
+  z-index: 2;
+}
+/*
+
+Scrollbar (only chrome & safari)
+
+*/
+::-webkit-scrollbar {
+  width: 12px;
+}
+::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement {
+    display: block
+}
+::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:vertical:start:increment {
+    display: none
+}
+::-webkit-scrollbar-button:vertical:increment {
+    width: 18px;
+    background: silver url(combo.png) no-repeat 50%;
+    height: 18px;
+    margin: 1px 1px 1px 10px;
+    -webkit-transform: rotateX(-90deg);
+    transform: rotateX(-90deg);
+    -webkit-transform: rotateY(-90deg);
+    transform: rotateY(-90deg);
+    border: 1px outset #fff;
+    border-shadow: 1px 1px #000;
+}
+::-webkit-scrollbar-button:vertical:decrement {
+    width: 11px;
+    background: silver url(comboup.png) no-repeat 50%;
+    height: 16px;
+    margin: 1px 1px 1px 10px;
+    transform: rotateX(180deg);
+    -webkit-transform: rotateY(180deg);
+    border: 1px outset #fff;
+    border-shadow: 1px 1px #000
+}
+::-webkit-scrollbar-track{
+    background-image: url(background.bmp)
+}
+::-webkit-scrollbar-thumb:vertical {
+    border: 1px outset #fff;
+    border-shadow: 1px 1px #000;
+    height: 40px;
+    background-color: silver
+}
+::-webkit-scrollbar-corner:vertical {
+    background-color: #000
+}
+:-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
+    display: block
+}
+::-webkit-scrollbar-button:horizontal:end:decrement,::-webkit-scrollbar-button:horizontal:start:increment {
+    display: none
+}
+::-webkit-scrollbar-button:horizontal:increment {
+    background: silver url(comboright.png) no-repeat 50%;
+    -webkit-transform: rotateX(-90deg);
+    transform: rotateX(-90deg);
+    -webkit-transform: rotateY(-90deg);
+    transform: rotateY(-90deg)
+}
+::-webkit-scrollbar-button:horizontal:decrement,::-webkit-scrollbar-button:horizontal:increment {
+    width: 18px;
+    height: 18px;
+    margin: 1px 1px 1px 10px;
+    border: 1px outset #fff;
+    border-shadow: 1px 1px #000
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+    background: silver url(comboleft.png) no-repeat 50%;
+    transform: rotateX(180deg);
+    -webkit-transform: rotateY(180deg)
+}
+::-webkit-scrollbar-track-piece {
+    margin: 1px;
+}
+::-webkit-scrollbar-thumb:horizontal {
+    border: 1px outset #fff;
+    border-shadow: 1px 1px #000;
+    height: 40px;
+    background-color: silver
+}
+
+/*
+
+    Button styles
+
+*/
+.btn{
+    border-width: 2px;
+    border-style: outset;
+    border-color: buttonface;
+    border-right-color: #424242;
+    border-bottom-color: #424242;
+    background: silver;
+    color: black;
+    padding: 0 0 4px;
+    border-radius: 1px;
+}
+.btn:hover {
+    border: 2px inset #fff;
+    background: silver;
+    color: #424242;
+    box-shadow: -1px -1px #000;
+}
+.btn:focus {
+    border: 2px inset #fff !important;
+    background: silver;
+    color: #424242;
+    box-shadow: -1px -1px #000 !important;
+    outline: 0 !important;
+    background: url(background.bmp);
+}
+.btn:active {
+    border: 2px inset #fff !important;
+    color: #424242;
+    box-shadow: -1px -1px #000 !important;
+    outline: 0 !important;
+    background: url(background.bmp);
+}
+
+.btn-primary{
+    padding-left: 8px;
+    padding-right: 8px;
+}
+button:focus{
+    outline: 1px dotted;
+}
+.btn.disabled,.btn:disabled{
+    cursor: default;
+    background-color: silver;
+    border-style: outset;
+    border-color: buttonface;
+    border-right-color: #424242;
+    border-bottom-color: #424242;
+    color: grey;
+    text-shadow: 1px 1px #fff;
+}
+
+/*
+
+CARDS
+
+*/
+.card{
+    border: solid;
+    border-width: 2px;
+    border-bottom-color: #424242;
+    border-right-color: #424242;
+    border-left-color: #fff;
+    border-top-color: #fff;
+    background: silver;
+    color:#212529;
+}
+.card.square{
+    border-radius: 0px;
+}
+.card.square .card-header{
+    border-radius: 0px;
+}
+.card.w95 .card-header{
+    background: #08216b;
+    /* OR #000082 is better?*/
+}
+.card-header{
+    background: -webkit-linear-gradient(left,#08216b,#a5cef7);
+    color: #fff;
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-top: 2px;
+    padding-bottom: 1px;
+    text-align: left;
+}
+.card-header.icon{
+    padding-left: 4px;
+}
+.header-inactive{
+    background: gray !important;
+}
+
+/*
+
+LIST GROUPS
+
+*/
+.list-group{
+    border: solid;
+    border-width: 2px;
+    border-bottom-color: #424242;
+    border-right-color: #424242;
+    border-left-color: #fff;
+    border-top-color: #fff;
+    background: silver;
+    color:#212529;
+}
+.list-group-item{
+    position: relative;
+    display: block;
+    background: transparent;
+    color: #212529;
+}
+.list-group-item-primary{
+    color: white;
+    background: -webkit-linear-gradient(left,#08216b,#a5cef7);
+}
+.list-group-item-action:hover {
+    color: #08216b;
+}
+
+/*
+
+NAVBAR
+
+*/
+.navbar-95{
+    
+    background: silver;
+    margin: 0;
+    border: 1px outset #fff;
+    min-height: 40px;
+    padding: 0 6px;
+    color:#212529;
+}
+
+.navbar-brand{
+    color:#212529;
+    padding: 0 6px;
+}
+.nav-link{
+    text-decoration: none;
+    display: inline-block;
+    padding: 0 9px;
+    color:#212529;
+}
+.dropdown-menu{
+    display: none;
+    min-width: 119px;
+    padding: 0 0 2px;
+    margin-left: 12px;
+    font-size: 12px;
+    list-style-type: none;
+    background: silver;
+    border: 1.8px outset #fff;
+    border-radius: 0;
+    -webkit-box-shadow: 1.5px 1.5px #000;
+    box-shadow: 1.5px 1.5px #000;
+}
+.dropdown-item{
+    padding: 1px 0 1px 2px;
+}
+.dropdown-item:hover{
+    color:#08216b;
+}
+.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
+    width: 32px;
+    background: url(icons/directory_closed_cool-5.png);
+}
+.navbar-light .navbar-toggler .navbar-toggler-icon {
+    width: 32px;
+    background: url(icons/directory_open_cool-5.png);
+}
+.navbar-toggler{
+    width: auto;
+}
+/*
+
+FOOTER
+
+*/
+.taskbar{
+    cursor: default;
+    background-color: silver;
+    margin: 16px 0 0 0;
+    padding: 0 8px;
+    position: static;
+    bottom: 0;
+    border-top: 2px outset #fff;
+    z-index: 228;
+    width: 100%;
+    margin-right: 0px;
+    position: absolute;
+    bottom: 0;
+}
+.taskbar .start-button {
+    cursor: default;
+    display: inline-block;
+    border: 1px outset #fff;
+    padding: 0 0 0 2px;
+    box-shadow: 1px 1px #000;
+    margin-bottom: 2px;
+    font-size: 14px;
+}
+.taskbar .time {
+    color:#212529;
+    margin-top: 2px;
+   
+    text-align: right;
+    font-size: 14px;
+    margin-right: 0px;
+}
+#page-content {
+    flex: 1 0 auto;
+}
+/*
+
+ICONS
+
+*/
+.icon-16{
+    margin-bottom:2px;
+    max-height: 16px;
+}
+.icon-16-4{
+    margin-bottom:4px;
+    max-height: 16px;
+}
+/*
+
+FORMS
+
+*/
+.form-95 {
+    width: 100%;
+    border: 2px inset #d5d5d5;
+    color: #424242;
+    background: #fff;
+    box-shadow: -1px -1px 0 0 #828282;
+    margin-top: 4px;
+    padding-left:2px;
+}
+.bootstrap-select,
+textarea:focus, 
+textarea.form-control:focus, 
+input.form-control:focus, 
+input[type=text]:focus, 
+input[type=password]:focus, 
+input[type=email]:focus, 
+input[type=number]:focus, 
+[type=text].form-control:focus, 
+[type=password].form-control:focus, 
+[type=email].form-control:focus, 
+[type=tel].form-control:focus, 
+[contenteditable].form-control:focus {
+    outline: 0 !important;
+}
+input[type="radio"],input[type="checkbox"] {
+  position: absolute;
+  left: -9999px;
+}
+
+.form-check-label::before, .form-check-label::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.form-check-label{
+    margin-left: 6px;
+}
+
+
+input[type="radio"] + .form-check-label::before,
+input[type="radio"] + .form-check-label::after {
+  border-radius: 50%;
+}
+
+.form-check-label::before {
+    height: 20px;
+    width:20px;
+    top: 3px;
+    padding-right: 2px;
+    border: 2px inset #d5d5d5;
+    background: white;
+    box-shadow: -1px -1px 0 0 #828282;
+}
+input[type="radio"] + .form-check-label::after {
+  display: none;
+  width: 8px;
+  height: 8px;
+  margin: 6px;
+  top: 3px;
+  background: black;
+}
+input[type="checkbox"] + .form-check-label::after {
+    display: none;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
+    width: 12px;
+    height: 12px;
+    margin: 4px;  
+    top: 3px;
+}
+input:checked + .form-check-label::after {
+  display: block;
+}
+/*
+
+Progress bar
+
+*/
+.progress{
+    height: 1rem;
+    overflow: hidden;
+    font-size: .75rem;
+    background-color: silver;
+    border-radius: 0rem;
+    border: 1px inset #d5d5d5;
+    color: #424242;
+}
+.progress-bar{
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    color: #fff;
+    text-align: center;
+    background-color: #1a0094;
+    transition: width .6s ease;
+}
+.progress-bar-blocks{
+    background-image: linear-gradient(90deg,transparent 75%,#d5d5d5 25%);
+    background-size: 1rem 1rem;
+}
+
+/*
+
+TABS
+
+*/
+.tab-content {
+    background: silver;
+    border: solid;
+    border-width: 2px;
+    border-bottom-color: #424242;
+    border-right-color: #424242;
+    border-left-color: #fff;
+    border-top-color: silver;
+    padding: 1rem 1.4rem;
+}
+.nav-tabs {
+    border-bottom: 2px solid white;
+}
+.nav-tabs .nav-item {
+    position: relative;
+    margin-bottom: 0;
+    background: #c0c0c0;
+    color: black;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    border-right: 1px solid #5A5A5A;
+    box-sizing: border-box;
+}
+.nav-tabs .nav-item .nav-link {
+    color: black;
+    padding: .2rem 1.8rem;
+    box-sizing: border-box;
+    transform: none;
+}
+.nav-tabs .nav-item .nav-link.active {
+    position: relative;
+    background: #c0c0c0;
+}
+.nav-tabs .nav-item:not(:first-child) .nav-link.active {
+    border-left: 1px solid #5A5A5A;
+}
+.nav-tabs .nav-item:first-child{
+    border-left: 2px solid white;
+}
+.nav-tabs .nav-item .nav-link.active:after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 2px;
+    position: absolute;
+    left: 0;
+    bottom: -2px;
+    background: #c0c0c0;
+}
+.nav-tabs .nav-link {
+    border: 0;
+    padding: 1rem 1rem;
+}
+
+/*
+
+MODAL
+TODO: make it draggable;
+
+*/
+.modal-content{
+    box-shadow: 1px 1px 0 0 #424242;
+    border: 1px solid #fff;
+    border-right-color: #848484;
+    border-bottom-color: #848484;
+    background: silver;
+    padding: 2px;
+}
+.modal-header{
+    height: 32px;
+    background: -webkit-linear-gradient(left,#08216b,#a5cef7)!important;
+    color:white;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    padding-left: 6px;
+    padding-right: 6px;
+}
+.modal-header .btn{
+    margin-top: 5px;
+    padding-bottom: 10px;
+    height: 22px;
+    width: 22px;
+}
+.modal-header .btn span{
+    position: absolute;
+    top: 6px;
+    right: 14px;
+}
+.modal-title{
+    padding-top: 2px;
+    padding-bottom: 1px;
+}
+.modal-footer{
+    padding: 6px;
+}
+
+/*
+
+TABLES
+
+*/
+.table{
+    background: white;
+    border-color: #c0c0c0;
+}
+.table-bordered{
+    border: 1px solid #c0c0c0;
+}
+.table-bordered td, .table-bordered th {
+    border: 1px solid #c0c0c0;
+}
+.table td, .table th {
+    padding: .75rem;
+    vertical-align: top;
+    border-top: 1px solid #c0c0c0;
+}
--- a/yotsuba.gif
+++ b/yotsuba.gif