librebits
/
zengarden-bits
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

alfa version

This commit is contained in:
fenix 2024-02-14 21:18:07 +01:00
parent a883b682a5
commit 8e7e559dd7
9 changed files with 13 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/enso.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 702 KiB

BIN
assets/images/ftv-cangura_alfa600.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
assets/images/ftv-cangura_copyleft.xcf Normal file
View File

Binary file not shown.

BIN
assets/images/ftv.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 798 KiB

BIN
assets/images/git.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
assets/images/hugo-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
assets/images/librebits-enso-logo.xcf Normal file
View File

Binary file not shown.

24
index.html
View File

@ -37,34 +37,28 @@
<section id="about"> <section id="about">
<h2>About</h2> <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> <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. Our Zen Garden style websites are easy to build, easy to maintain and cheap or even <a href="https://pages.github.com/">free to host</a>.</p>
<h2>Librebits motto </h2> <h2>our motto | modus operandi </h2>
<p>«Production without possession, action without ambition, development without dominance»</p> <p>«Production without possession, action without ambition, development without dominance»</p>
<div> <div>
<blockquote> <blockquote>
<p>~@~</p> <cite>.- Lao-tzu, chinese philosopher (604 BC – 531 BC)</cite>
<footer><cite>.- Lao-tzu, chinese philosopher (604 BC – 531 BC)</cite></footer> <p>~made < with FLOSS love / > ~</p>
</blockquote> </blockquote>
</div> </div>
</section> </section>
<section id="examples"> <section id="lab">
<div class="examples"> <div class="lab">
<div> <div>
<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> <a href="https://git.librebits.info/explore/repos"><img src="assets/images/git.jpeg" alt="John Doe" width="300" height="190" /></a>by <a href="https://en.wikipedia.org/wiki/Phoenix_(mythology)">Fenix ;-)</a>
</div> </div>
<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> <a href="https://hugocodex.org"><img src="assets/images/hugo-logo.png" alt="Hugocodex" width="300" height="190" /></a>contributing to Hugocodex <a href="https://github.com/jhvanderschee/hugocodex/">project</a>
</div> </div>
<div> <div>
<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> <a href="https://fediverse.tv/my-library/video-channels"><img src="assets/images/ftv.png" alt="FTV" width="300" height="190" /></a><a href="https://fediverse.tv/my-library/video-channels">contributing to FediverseTV</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>
</div>
<div>
<a href="#home"><img src="assets/images/zengardenwebsites.jpg" alt="Zen Garden websites" width="300" height="190" /></a>by <a href="https://github.com/jhvanderschee/zengardenwebsites">jhvanderschee</a>
</div> </div>
</div> </div>
</section> </section>

8
style.css
View File

@ -51,10 +51,10 @@ section p {max-width: 22rem; text-align: center;}
section#home img {width: 25rem; opacity: 0.8;} section#home img {width: 25rem; opacity: 0.8;}
div.examples {display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; margin: 1rem 0; text-align: center; font-style: italic;} div.lab {display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; margin: 1rem 0; text-align: center; font-style: italic;}
div.examples > div a:first-child {display: block; margin-bottom: 0.25rem;} div.lab > div a:first-child {display: block; margin-bottom: 0.25rem;}
div.examples > div a:first-child img {max-width: 10rem; display: block; border: 1px solid #3a3731;} div.lab > div a:first-child img {max-width: 10rem; display: block; border: 1px solid #3a3731;}
div.examples > div a:first-child:hover img {transform: scale(1.05);} div.lab > div a:first-child:hover img {transform: scale(1.05);}
@media only screen and (max-width: 75rem) { @media only screen and (max-width: 75rem) {
body {background: #fff url("assets/images/bedge-grunge.png");} body {background: #fff url("assets/images/bedge-grunge.png");}