Copieer stijl naar andere sectie.
authorFrederik Vanrenterghem <frederik@vanrenterghem.biz>
Thu, 22 Jun 2023 13:51:57 +0000 (21:51 +0800)
committerFrederik Vanrenterghem <frederik@vanrenterghem.biz>
Thu, 22 Jun 2023 13:51:57 +0000 (21:51 +0800)
About/index.shtml
index.shtml

index 3b024abf84c974198b44885b8c698dd5884f8334..5d508a241d7b59ea21f4b4ca31b06cff09df11d2 100644 (file)
@@ -1,17 +1,36 @@
-<!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" />
-<title>http://vanrenterghem.biz/ - About me</title>
-<link rel='stylesheet' type='text/css' href='/styles/main.css' />
-<link rel='stylesheet' type='text/css' href='/styles/header.css' />
-</head>
-<body>
- <!--#include virtual="/header.shtml" -->
+<!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" content="Personal homepage" />
+    <title>http://vanrenterghem.biz/ - About me</title>
+  </head>
+  <body>
+<header>    
+  <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" 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 active" aria-current="page" 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>
+</header>
+<main class="container">
 <h1>About me</h1>
  <p>
    <div class="h-card">
@@ -25,6 +44,10 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      I was born and raised in Belgium, but except for a year back in 2013 where I lived in New Zealand, I've now settled in <span class="p-locality">North Fremantle</span>, <span class="p-region">Western Australia</span> - the largest state of <span class="p-country-name">Australia</span>.
    </div>
  </p>
-<!--#include virtual="/footer.shtml" -->
+</main>
+<footer class="container text-center bg-light text-muted">
+  Last updated on: <time datetime="2023-06-22T13:50:41Z">22 June 2023</time>
+</footer>
+<script src="/bootstrap-5.3.0/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
index f9187ba661be27303807ff8bbbfcf849c82186d3..37e6157ccf55f83e9f6d4c1b2747579a40b55395 100644 (file)
@@ -52,7 +52,7 @@ I <b><a href="/blog/">blog</a></b> irregularly about free software, R stats (mos
     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>
 </main>
-<footer class="container text-center bg-light text-muted">>
+<footer class="container text-center bg-light text-muted">
   Last updated on: <time datetime="2023-06-22T13:34:41Z">22 June 2023</time>
 </footer>
 <script src="/bootstrap-5.3.0/js/bootstrap.bundle.min.js"></script>