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

View File

@ -37,13 +37,15 @@
<section id="about">
<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>
<p>«Production without possession, action without ambition, development without dominance»</p>
<div>
<blockquote>
<cite>.- Lao-tzu, chinese philosopher (604 BC 531 BC)</cite>
<pre>................{)...............</pre>
<pre>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</pre>
<p>~made < with FLOSS love / > ~</p>
</blockquote>
</div>
@ -71,7 +73,7 @@
</main>
<footer>
<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>
<script type="text/javascript">

View File

@ -23,7 +23,7 @@ blockquote {
blockquote p {
padding: 15px;
background: #eee;
background: #dcd8f4;
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);}
@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) {
body {border-width: 0.5rem;}