Move bio to its own template

changelog.md

@@ -3,6 +3,7 @@
 ## Version {next}
   - Allow place `slug`s to be re-generated
   - Add syndication links for swarm and instagram
+  - Move bio to its own template, next step database?
 
 ## Version 0.5.15 (2017-06-17)
   - Add support for ownyourgram.com sending h-card locations

resources/views/notes/index.blade.php

@@ -28,20 +28,4 @@ Notes «
 <link rel="stylesheet" href="/assets/prism/prism.css">
 @stop
 
-@section('bio')
-    @if ($homepage === true)
-  <div class="h-card">
-    <p>My name is <span class="p-name p-author">Jonny Barnes</span>, and <a rel="me" href="https://jonnybarnes.uk" class="u-url"><code>jonnybarnes.uk</code></a> is my site. I’m from <a href="https://en.wikipedia.org/wiki/Manchester" class="h-adr p-adr"><span class="p-locality">Manchester</span>, <abbr class="p-country-name" title="United Kingdom">UK</abbr></a>.</p>
-    <p>I am active to varying degrees on several <a href="https://indieweb.org/silo">silos</a>:</p>
-    <ul class="social-list">
-      <li>I keep in touch with friends on <a rel="me" href="https://www.facebook.com/jonnybarnes" class="u-url">Facebook</a></li>
-      <li>I follow people I find interesting on <a rel="me" href="https://twitter.com/jonnybarnes" class="u-url">Twitter</a></li>
-      <li>I push code to <a rel="me" href="https://github.com/jonnybarnes" class="u-url">GitHub</a></li>
-      <li>I scrobble songs to <a rel="me" href="https://last.fm/user/jonnymbarnes" class="u-url">last.fm</a> that I listen to on <a rel="me" href="https://open.spotify.com/user/jonnybarnes89" class="u-url">Spotify</a></li>
-      <li>I post photos to <a rel="me" href="https://www.instagram.com/jonnybarnes/">Instagram</a></li>
-      <li>I also post to <a rel="me" href="https://pnut.io/@jonnybarnes">pnut.io</a></li>
-    </ul>
-    <p>My usual online nickname is normally <code class="nickname">jonnybarnes</code> for other services. Here’s a <a href="/assets/img/jmb-bw.png" class="u-photo photo">profile pic</a>. I also have a <a class="pgpkey" href="/assets/jonnybarnes-public-key-ecc.asc">PGP key</a>, with <a href="/notes/5g">fingerprint</a>. You can email me at jonny at my domain, or message me on XMPP using the same address.</p>
-  </div>
-    @endif
-@stop
+@if ($homepage === true)@include('templates.bio')@endif

resources/views/templates/bio.blade.php

@@ -0,0 +1,15 @@
+@section('bio')
+<div class="h-card">
+  <p>My name is <span class="p-name p-author">Jonny Barnes</span>, and <a rel="me" href="https://jonnybarnes.uk" class="u-url"><code>jonnybarnes.uk</code></a> is my site. I’m from <a href="https://en.wikipedia.org/wiki/Manchester" class="h-adr p-adr"><span class="p-locality">Manchester</span>, <abbr class="p-country-name" title="United Kingdom">UK</abbr></a>.</p>
+  <p>I am active to varying degrees on several <a href="https://indieweb.org/silo">silos</a>:</p>
+  <ul class="social-list">
+    <li>I keep in touch with friends on <a rel="me" href="https://www.facebook.com/jonnybarnes" class="u-url">Facebook</a></li>
+    <li>I follow people I find interesting on <a rel="me" href="https://twitter.com/jonnybarnes" class="u-url">Twitter</a></li>
+    <li>I push code to <a rel="me" href="https://github.com/jonnybarnes" class="u-url">GitHub</a></li>
+    <li>I scrobble songs to <a rel="me" href="https://last.fm/user/jonnymbarnes" class="u-url">last.fm</a> that I listen to on <a rel="me" href="https://open.spotify.com/user/jonnybarnes89" class="u-url">Spotify</a></li>
+    <li>I post photos to <a rel="me" href="https://www.instagram.com/jonnybarnes/">Instagram</a></li>
+    <li>I also post to <a rel="me" href="https://pnut.io/@jonnybarnes">pnut.io</a></li>
+  </ul>
+  <p>My usual online nickname is normally <code class="nickname">jonnybarnes</code> for other services. Here’s a <a href="/assets/img/jmb-bw.png" class="u-photo photo">profile pic</a>. I also have a <a class="pgpkey" href="/assets/jonnybarnes-public-key-ecc.asc">PGP key</a>, with <a href="/notes/5g">fingerprint</a>. You can email me at jonny at my domain, or message me on XMPP using the same address.</p>
+</div>
+@stop