2022-12-07 23:30:23 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
2024-02-14 18:43:55 +00:00
< title > Librebits Project< / title >
2022-12-07 23:30:23 +00:00
< meta name = "description" content = "Site description" >
< link rel = "shortcut icon" type = "image/png" href = "assets/images/icon-192x192.png" >
< link rel = "shortcut icon" sizes = "196x196" href = "assets/images/icon-192x192.png" >
< link rel = "apple-touch-icon" href = "assets/images/icon-192x192.png" >
<!-- Link to the stylesheet -->
< link rel = "stylesheet" href = "style.css" >
< link rel = "stylesheet" href = "assets/fonts/fonts.css" >
< / head >
< body >
< header >
< h1 >
2024-02-14 18:43:55 +00:00
< a href = "#home" > Librebits Project | website< / a >
2022-12-07 23:30:23 +00:00
< / h1 >
< nav >
< a href = "#about" > About< / a >
2024-02-14 18:43:55 +00:00
< a href = "#lab" > Lab< / a >
2022-12-07 23:30:23 +00:00
< a href = "#contact" > Contact< / a >
< / nav >
< / header >
< main >
< section id = "home" >
2022-12-08 22:07:42 +00:00
< a href = "#about" > < img src = "assets/images/enso.png" alt = "Enso" width = "830" height = "848" / > < / a >
2022-12-07 23:30:23 +00:00
< / section >
< section id = "about" >
2022-12-08 15:43:27 +00:00
2022-12-07 23:30:23 +00:00
< h2 > About< / h2 >
2022-12-12 11:59:08 +00:00
< 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 >
2022-12-08 15:43:27 +00:00
2024-02-14 18:43:55 +00:00
< 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 – < / cite > < / footer >
< / blockquote >
< / div >
2022-12-07 23:30:23 +00:00
< / section >
< section id = "examples" >
< div class = "examples" >
2022-12-08 10:16:52 +00:00
< div >
2024-02-14 18:43:55 +00:00
< 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 >
2022-12-08 10:16:52 +00:00
< / div >
2022-12-08 10:12:51 +00:00
< div >
2022-12-12 11:57:31 +00:00
< 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 >
2022-12-08 10:12:51 +00:00
< / div >
< div >
2024-02-14 18:43:55 +00:00
< 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 >
2022-12-08 10:12:51 +00:00
< / div >
2022-12-08 12:02:54 +00:00
< div >
2022-12-08 22:07:42 +00:00
< 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 >
2022-12-08 12:02:54 +00:00
< / div >
2022-12-08 10:12:51 +00:00
< div >
2022-12-08 22:07:42 +00:00
< 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 >
2022-12-08 10:12:51 +00:00
< / div >
2022-12-07 23:30:23 +00:00
< / div >
< / section >
< section id = "contact" >
< h2 > Contact< / h2 >
2024-02-14 18:43:55 +00:00
< 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 >
2022-12-07 23:30:23 +00:00
< / section >
< / main >
< footer >
2022-12-08 15:31:09 +00:00
< img src = "assets/images/unalome.png" alt = "Unalome" / >
2022-12-08 19:07:37 +00:00
< span > © 2022 - Zen Garden websites< / span >
2022-12-07 23:30:23 +00:00
< / footer >
< script type = "text/javascript" >
2022-12-08 14:43:53 +00:00
/* Add eventlistener to hash links */
var els = document.querySelectorAll('a[href^="#"]');
els.forEach(function(el) {
el.addEventListener('click',function(e) {
setActiveLink(el.getAttribute('href'))
});
});
/* Set the actice hash/class function */
function setActiveLink(hash) {
var links = document.querySelectorAll('a[href^="#"]');
links.forEach(function(link) {
link.classList.remove('active');
if(link.getAttribute('href')==hash) link.classList.add('active');
});
}
2022-12-07 23:30:23 +00:00
/* Make sure a hash is loaded */
if (window.location.hash == '') window.location.href = '#home';
2022-12-08 14:43:53 +00:00
setActiveLink(window.location.hash);
2022-12-07 23:30:23 +00:00
< / script >
< / body >
2022-12-12 10:54:37 +00:00
< / html >
