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

+upd.!

This commit is contained in:
fenix 2024-02-14 21:34:28 +01:00
parent 8e7e559dd7
commit cfa9ce6711
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -37,13 +37,15 @@
<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. 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> <p>This website consists of just two files: a single HTML file and a single CSS file. This is a based on my colleague and friend Joost's <a href="https://www.zengardenwebsites.com/#home">Zen Garden Websites.</a> 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>our motto | modus operandi </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>
<cite>.- Lao-tzu, chinese philosopher (604 BC – 531 BC)</cite> <cite>.- Lao-tzu, chinese philosopher (604 BC – 531 BC)</cite>
<pre>................{)...............</pre>
<pre>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</pre>
<p>~made < with FLOSS love / > ~</p> <p>~made < with FLOSS love / > ~</p>
</blockquote> </blockquote>
</div> </div>
@ -71,7 +73,7 @@
</main> </main>
<footer> <footer>
<img src="assets/images/unalome.png" alt="Unalome" /> <img src="assets/images/unalome.png" alt="Unalome" />
<span>&copy; 2022 - Zen Garden websites</span> <span>&copy; 2024 - Librebits | inspiration: Zen Garden websites</span>
</footer> </footer>
<script type="text/javascript"> <script type="text/javascript">

4
style.css
View File

@ -23,7 +23,7 @@ blockquote {
blockquote p { blockquote p {
padding: 15px; padding: 15px;
background: #eee; background: #dcd8f4;
border-radius: 5px; border-radius: 5px;
} }
@ -57,7 +57,7 @@ div.lab > div a:first-child img {max-width: 10rem; display: block; border: 1px s
div.lab > 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: #eae0f6 url("assets/images/bedge-grunge.png");}
} }
@media only screen and (max-width: 25rem) { @media only screen and (max-width: 25rem) {
body {border-width: 0.5rem;} body {border-width: 0.5rem;}