]> git.vanrenterghem.biz Git - www.vanrenterghem.biz.git/blobdiff - index.shtml
Voer Bootstrap stijl in.
[www.vanrenterghem.biz.git] / index.shtml
index 0b3eecac93209522ac8e84f15590f02267ef87f4..4741f51cc2de29176d2c4a925a9b37b4c5c6ca3b 100644 (file)
@@ -1,41 +1,56 @@
-<!DOCTYPE html
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
-   <meta name="author" content="Frederik Vanrenterghem" />
-   <meta name="description" content="Personal homepage" />
-   <meta name="keywords" content="Vanrenterghem,Frederik,homepage,blog,forum,Linux,personal info" />
-   <link rel="SHORTCUT ICON" href="/favicon.ico" />
-   <title>Frederik Vanrenterghem's homepage - http://www.vanrenterghem.biz/</title>
-<link rel="stylesheet" href="/styles/header.css" type="text/css" />
-<link rel="stylesheet" href="/styles/main.css" type="text/css" />  
-</head>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="/styles/bootstrap-5.3.0/css/bootstrap.min.css" rel="stylesheet" />
+    <meta charset="utf-8" />
+    <meta name="author" content="Frederik Vanrenterghem" />
+    <meta name="description" property="og:description" content="Personal homepage of Frederik Vanrenterghem" />
+    <meta name="keywords" content="Vanrenterghem,Frederik,R,statistics,homepage,blog,Linux,personal info" />
+    <link rel="SHORTCUT ICON" href="/favicon.ico" />
+    <title>Frederik Vanrenterghem's website - https://www.vanrenterghem.biz/</title>
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://www.vanrenterghem.biz/Pictures/frederik.jpg" />
+    <meta property="og:url" content="https://www.vanrenterghem.biz/" />
+  </head>
 <body>
-<!--#include virtual="/header.shtml" -->
-<h2>vanrenterghem.biz</h2>
-<h1>Time for business</h1>
+
+<nav class="navbar navbar-expand-md d-flex justify-content-start" style="background-color: #bbddff;">
+  <div class="container-fluid d-flex justify-content-start flex-row">
+    <a class="navbar-brand" aria-current="page" href="/index.shtml">
+      <img src="/Pics/logo-100.png" width="99" height="78"/></a>
+    <ul class="navbar-nav d-flex justify-content-start mb-2 mb-lg-0 fw-bold">
+      <li class="nav-item">
+       <a class="nav-link" href="/About/index.shtml">About me</a></li>
+      <li class="nav-item">
+       <a class="nav-link" href="http://photos.vanrenterghem.biz/">Photos</a></li>
+      <li class="nav-item">
+       <a class="nav-link" href="/blog">Blog</a></li>
+      <li class="nav-item">
+       <a class="nav-link" href="http://git.vanrenterghem.biz/">Projects</a></li>
+    </ul>
+  </div>
+  <div class="justify-content-end mb-2 mb-lg-0 d-none d-md-block">
+    <a class="navbar-brand fs-2 fw-bold" href="/index.shtml">vanrenterghem.biz</a>
+  </div>
+</nav>  
+  
+<h1>G'day mate!</h1>
 <p>
-Without further ado, here's what you can find on this site:
+  Welcome on my little corner of the world wide web!
 </p>
 <p>
-<b><a href="/index.shtml">Home</a></b> You are here.<br />
-<b><a href="/About/index.shtml">About me</a></b> This section contains information about the owner of this site, me.<br />
-<b><a href="/blog/">Blog</a></b> Blog<br />
-<b><a href="http://git.vanrenterghem.biz/">Projects</a></b> Some technical references.<br />
+  I'm Frederik Vanrenterghem, living in Western Australia with my family since 2014. The fact I even maintain a website anymore probably gives away my age - yes, I was born before the 80's! I've written up <a rel="me" href="https://www.vanrenterghem.biz/About/">some further details</a> for those that may be of interest to. 
 </p>
 <p>
-<a href="https://validator.w3.org/check?uri=https://vanrenterghem.biz/">
-<img style="border:0;width:88px;height:31px"
-     src="https://www.w3.org/Icons/valid-xhtml10" 
-     alt="Valid XHTML 1.0!" /></a>
-<a href="https://jigsaw.w3.org/css-validator/validator?uri=https://vanrenterghem.biz/">
-  <img style="border:0;width:88px;height:31px"
-       src="https://jigsaw.w3.org/css-validator/images/vcss" 
-       alt="Valid CSS!" />
-</a>
+Life occassionally takes me places, mostly close to home but regularly a bit further away too. When I encounter something pretty or interesting, I might drop <b><a href="https://photos.vanrenterghem.biz/">some photos</a></b> of it on this site. (Family and friends might even find themselves on here - but they'll need to log in first.)<br />
+I <b><a href="/blog/">blog</a></b> irregularly about free software, R stats (mostly data visualisation) and occassionaly even about economics or politics.<br />
+</p>
+<h2>Code</h2>
+<p>
+I host <b><a href="http://git.vanrenterghem.biz/">my own git server</a></b>, containing code samples that might be useful as a reference to some. This site's source is stored in there as well.<br />
 </p>
 <!--#include virtual="/footer.shtml" -->
+<script src="/bootstrap-5.3.0/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>