diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 3f177d1..d7992a3 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -1,5 +1,6 @@
 // Replace this with your own font imports!
 @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Inter:wght@200;300;400;500;600;700&family=Source+Sans+Pro:wght@300;400;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap');
 :root {
   --font-body: "Source Sans Pro";
   --font-header: "Inter";
diff --git a/assets/styles/layouts.scss b/assets/styles/layouts.scss
index f123abe..47f9662 100644
--- a/assets/styles/layouts.scss
+++ b/assets/styles/layouts.scss
@@ -77,4 +77,38 @@
 .blankPage {
    padding: 0;
    margin: 0 auto;
+}
+
+.centredPage{
+   height: 100vh;
+   width: 100%;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+
+   article {
+      max-width: 30em;
+      margin-top: auto;
+      margin-bottom: auto;
+      p, ul, text, a, tr, td, li, ol, ul {
+         font-family: 'IBM Plex Mono';
+         letter-spacing: 0.1rem;
+      }
+      em strong {
+         font-weight: 700;
+         font-style: normal;
+      }
+      b, strong {
+         font-weight: 500;
+         color: var(--dark);
+      }
+      a {
+         text-decoration: underline;
+         font-weight: 300;
+      }
+      tbody, li, p {
+         line-height: 1.2rem;
+      }
+   }
+    
 }
\ No newline at end of file
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
index 5c42172..bfc4f88 100644
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@@ -1,7 +1,7 @@
 <!-- {{$dashedurl := replace .Destination "%20" "-" }} -->
 <!-- workaround: not have dashed url for external -->
 {{$dashedurl := .Destination }} 
-{{$external := strings.HasPrefix $dashedurl "http" }}
+{{$external := or (strings.HasPrefix $dashedurl "http") (strings.HasPrefix $dashedurl "mailto:")}}
 {{- if $external -}}
 <a href="{{ $dashedurl }}" rel="noopener">{{ .Text | safeHTML }}</a>
 {{- else -}}
diff --git a/layouts/_default/centre.html b/layouts/_default/centre.html
new file mode 100644
index 0000000..73b6cbc
--- /dev/null
+++ b/layouts/_default/centre.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="{{ .Lang }}">
+{{ partial "head.html" . }}
+
+<body {{ with .Params.layoutClass }} class="{{ . }}" {{ end }}>
+<div class="centredPage">
+
+  <!-- {{partial "header.html" .}} -->
+
+  <article>
+    <!-- {{if .Title}}<h1 class="article-title">{{ .Title }}</h1>{{end}} -->
+    {{partial "textprocessing.html" . }}
+  </article>
+  <!-- {{ $js := resources.Get "js/chunker.js" | resources.ExecuteAsTemplate "js/chunker.js" . | resources.Fingerprint "md5" | resources.Minify }} -->
+  <script defer type="module" src="{{ relURL $js.Permalink }}"></script>
+
+</div>
+</body>
+</html>
+
+<script>
+  console.log('from canvas.html')
+</script>
\ No newline at end of file
