diff --git a/README.md b/README.md
index 0ff46bb..d2aede7 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,7 @@
-Demo: https://www.zengardenwebsites.com
+# Zengarden Web - bits 
+
+
+fork of biutiful https://www.zengardenwebsites.com
 
 A website in a single HTML file. It simply uses the `#anchor` suffix and the `:target` CSS selector to show and hide pages/content.
 
@@ -12,4 +15,4 @@ Then you could add a link to it inside `<nav>`:
 
 ```
 <a href="#contact">Contact</a>
-```
\ No newline at end of file
+```
diff --git a/assets/images/enso.png b/assets/images/enso.png
index 5658d0a..def8c05 100644
Binary files a/assets/images/enso.png and b/assets/images/enso.png differ
diff --git a/assets/images/enso.xcf b/assets/images/enso.xcf
new file mode 100644
index 0000000..271a3cb
Binary files /dev/null and b/assets/images/enso.xcf differ
diff --git a/index.html b/index.html
index 1b2f7c8..0364c67 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     
-    <title>Zen Garden websites</title>
+    <title>Librebits Project</title>
     <meta name="description" content="Site description">
       
     <link rel="shortcut icon" type="image/png" href="assets/images/icon-192x192.png">
@@ -20,11 +20,11 @@
     
     <header>
       <h1>
-        <a href="#home">Zen Garden websites</a>
+        <a href="#home">Librebits Project | website</a>
       </h1>
       <nav>
         <a href="#about">About</a>
-        <a href="#examples">Examples</a>
+        <a href="#lab">Lab</a>
         <a href="#contact">Contact</a>
       </nav>
     </header>
@@ -39,21 +39,26 @@
         <h2>About</h2>
         <p>This website consists of just two files: a single HTML file and a single CSS file. This is based on a mix of Dave Sheas <a href="http://www.csszengarden.com/">CSS Zen Garden</a> and the <a href="https://github.com/cadars/john-doe">single HTML webpage</a> from Adam Newbold. The goal of this website is to show what can be done with just one simple CSS and one simple HTML file. It aims to illustrate how simple web development can be. Zen Garden websites are easy to build, easy to maintain and cheap or even <a href="https://pages.github.com/">free to host</a>.</p>
 
-        <h2>Submit a website</h2>
-        <p>Do you want to submit your own website? Great! Just build your website and <a href="#contact">send me</a> the link and/or submit a <a href="https://github.com/jhvanderschee/zengardenwebsites">pull request</a>. If you also provide a 300x190 jpg preview image with 50% compression, you absolutely make my day!</p>
-        
+        <h2>Librebits motto </h2>
+        <p>«Production without possession, action without ambition, development without dominance»</p>
+	<div>
+            <blockquote>
+		<p>~@~</p>
+		<footer><cite>.-  Lao-tzu, chinese philosopher (604 BC – 531 BC)</cite></footer>
+	    </blockquote>
+	</div>
       </section>
 
       <section id="examples">
         <div class="examples">
             <div>
-              <a href="https://john-doe.neocities.org"><img src="assets/images/johndoe.jpg" alt="John Doe" width="300" height="190" /></a>by <a href="https://github.com/cadars/john-doe">cadars</a>
+              <a href="https://https://git.librebits.info/explore/repos"><img src="assets/images/johndoe.jpg" alt="John Doe" width="300" height="190" /></a>by <a href="https://github.com/cadars/john-doe">cadars</a>
             </div>
             <div>
               <a href="https://jhvanderschee.github.io/matt_mulderberg"><img src="assets/images/matt.jpg" alt="Matt Mulderberg" width="300" height="190" /></a>by <a href="https://github.com/jhvanderschee/matt_mulderberg/">jhvanderschee</a>
             </div>
             <div>
-              <a href="https://www.semkrikke.nl/"><img src="assets/images/semkrikke.jpg" alt="Sem Krikke" width="300" height="190" /></a>by <a href="https://github.com/jhvanderschee/semkrikke/">jhvanderschee</a>
+              <a href="https://fediverse.tv/my-library/video-channels"><img src="assets/images/semkrikke.jpg" alt="FTV" width="300" height="190" /></a>by <a href="https://github.com/jhvanderschee/semkrikke/">jhvanderschee</a>
             </div>
             <div>
               <a href="https://jhvanderschee.github.io/francois/"><img src="assets/images/francois.jpg" alt="Francois" width="300" height="190" /></a>by <a href="https://github.com/jhvanderschee/francois/">jhvanderschee</a>
@@ -66,7 +71,7 @@
 
       <section id="contact">
         <h2>Contact</h2>
-        <p>My name is Joost van der Schee you can contact me by sending an e-mail to <a href="mailto:joost@vdschee.nl">joost@vdschee.nl</a>. If you want to take your simple website to the next level, I can help you with professional hosting and a CMS.</p>
+        <p>My name is Fenix, colleague and friend of Joost van der Schee (the original author of this website)  you can contact me by sending an e-mail to <a href="mailto:fenix@librebits.info">fenix@librebits.info</a>. If you want to take your simple website to the next level, we can help you with professional hosting and a CMS.</p>
       </section>
 
     </main>
diff --git a/style.css b/style.css
index 0734e25..059fdba 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 *,*::after, *::before {margin: 0; padding: 0; box-sizing: border-box;}
-html {font-size: 20px;}
+html {font-size: 27px;}
 body {background: #fff; background: url('assets/images/mountains.png') calc(50% - 30rem) calc(100% - 3rem) / 40rem auto no-repeat, url('assets/images/mountains2.png') calc(50% + 32rem) bottom / 50rem auto no-repeat, url("assets/images/bedge-grunge.png"); background-blend-mode: multiply; border: 1rem solid #fff; border-top: 0; border-bottom: 0; min-height: 100vh; font-size: 0.85rem; font-family: 'Spectral'; line-height: 1.5; letter-spacing: -0.02em; overflow: auto;}
 body, a {color: #3a3731; text-decoration: none;}
 img {max-width: 100%; height: auto;}
@@ -16,6 +16,26 @@ header nav a {border-bottom: 1px solid transparent;}
 header nav a.active,
 header nav a:hover {border-color: #3a3731;}
 
+
+blockquote {
+  margin: 0;
+}
+
+blockquote p {
+  padding: 15px;
+  background: #eee;
+  border-radius: 5px;
+}
+
+blockquote p::before {
+  content: '\201C';
+}
+
+blockquote p::after {
+  content: '\201D';
+}
+
+
 footer {padding: 0 3rem 3rem; transform: translate(-50%, -100%); font-style: italic; font-size: 0.8rem;}
 footer img {height: 6.5rem; opacity: 0.8; display: inline-block; margin: 0 0 0.75rem;}
 
@@ -44,4 +64,4 @@ div.examples > div a:first-child:hover img {transform: scale(1.05);}
     section {min-height: calc(100vh - 0.5rem); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 13.5rem;}
     main::after, main::before {height: 0.5rem;}
     footer {padding-bottom: 2rem;}
-}
\ No newline at end of file
+}