Skip to content

Commit

Permalink
Deploying to gh-pages from @ 640e5c9 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
brookback committed Feb 3, 2024
1 parent 5238294 commit 725dff5
Show file tree
Hide file tree
Showing 233 changed files with 665 additions and 343 deletions.
2 changes: 2 additions & 0 deletions all/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -59,6 +59,8 @@ <h1 class="title ">All pages.</h1>

<li><a title="Log over semi major life events so far." href="/changelog/">Changelog</a></li>

<li><a title="" href="/covers/">Covers</a></li>

<li><a title="" href="/feeds/">Feeds</a></li>

<li><a title="" href="/credits/">Licenses &amp; Credits</a></li>
Expand Down
129 changes: 129 additions & 0 deletions covers/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en-gb" class=" covers"><head itemtype="http://schema.org/Blog" itemscope="">
<title>Covers / Johan Brook</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="preconnect" href="https://gc.zgo.at">
<link rel="preconnect" href="https://johanbrook.goatcounter.com">


<meta name="description" content="I'm a thirty-something designer and developer based in Sweden. I work with the best people in a company called Lookback, where I help interfaces come to life. I'm coding &amp; designering and I like working with product, user experience, interface design, and other things too.">


<meta name="author" content="Johan Brook">

<!-- Styles-->
<link rel="stylesheet" href="/johan.css">

<!-- Feeds -->
<link rel="alternate" type="application/atom+xml" title="Johan Brook: Posts feed (Atom)" href="/writings.xml">
<link rel="alternate" type="application/atom+xml" title="Johan Brook: Micro feed (Atom)" href="/micro.xml">
<link rel="alternate" type="application/feed+json" title="Johan Brook: Micro feed (JSON)" href="/micro.json">
<link rel="alternate" type="application/atom+xml" title="Johan Brook: Book feed (Atom)" href="/reading.xml">

<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="canonical" itemprop="url" href="https://johan.im/covers/">
<link rel="author" href="https://johan.im">
<link rel="me" href="https://hachyderm.io/@brookie">

<meta property="og:title" content="Covers">
<meta property="og:url" content="https://johan.im/covers/">
<meta property="og:site_name" itemprop="name" content="Johan Brook">

<meta property="og:locale" content="en_GB">

<meta property="og:description" content="I'm a thirty-something designer and developer based in Sweden. I work with the best people in a company called Lookback, where I help interfaces come to life. I'm coding &amp; designering and I like working with product, user experience, interface design, and other things too.">





<meta property="og:type" content="blog">

</head>

<body>
<a href="#main" class="visually-hidden skip-link">Skip to content</a>
<div class="Content">
<div id="main">
<main role="main">
<article class="Page">
<h1 class="title ">Covers.</h1>

<p class="subhead">Exhaustive list of actually good cover songs.</p>

<div class="prose measure">
<h2>“Nothing Compares 2 U”</h2>
<p>Performed by Sinéad O’Connor, original by Prince.</p>
<h2>“Hurt”</h2>
<p>Performed by Johnny Cash, original by Nine Inch Nails.</p>
<hr>
<p>That’s it.</p>

</div>
</article>
</main>

</div>


<nav role="navigation" class="MainNav">
<div class="sticky">
<h1 class="f4 sr-only-mobile">
<a href="/" aria-label="Home">
<span>Johan Brook</span><span aria-hidden="true" class="BackLink ml2"></span>
</a>
</h1>

<ul>
<li class="only-mobile">
<a href="/">Home</a>
</li>
<li>
<a href="/now/">Now</a>
</li>
<li>
<a href="/micro/">Micro</a>
</li>
<li>
<a href="/about/">About</a>
</li>
<li>
<a href="/reading/">Reading</a>
</li>
<li>
<a href="/writings/">Writings</a>
</li>
<li>
<a href="/feeds/">Feeds</a>
</li>
<li class="border border-t mt1 pt1">
<a href="/all">All pages</a>
</li>
</ul>
</div>
</nav>


</div>

<script>
// Only load on production environment.
if (window.location.host !== new URL('https://johan.im').host) {
window.goatcounter = {no_onload: true};
}

// Skip own views
if (window.location.hash === '#skipgc')
localStorage.setItem('skipgc', 't');
if (localStorage.getItem('skipgc') === 't')
window.goatcounter = {no_onload: true};
</script>
<script data-goatcounter="https://johanbrook.goatcounter.com/count" async="" src="//gc.zgo.at/count.js"></script>




</body></html>
30 changes: 16 additions & 14 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -74,56 +74,58 @@ <h1 class="f2 mb0 p-name">On my mind</h1>

<ol>

<li class="mb2 pb2 relative border border-b h-entry" id="https://johan.im/micro/20240118204458/">
<li class="mb2 pb2 relative border border-b h-entry" id="https://johan.im/micro/20240203212100/">
<h2 class="font-sans f5 fw4 mb0">
<a href="/micro/20240118204458/" class="muted u-url" title="Permalink"><time class="dt-published" datetime="2024-01-18T13:44:58Z" pubdate="">January 18th, 2024 — 13:44</time></a>
<a href="/micro/20240203212100/" class="muted u-url" title="Permalink"><time class="dt-published" datetime="2024-02-03T14:21:00Z" pubdate="">February 3rd, 2024 — 14:21</time></a>
</h2>

<details open="">
<summary style="position: absolute; right: 0; top: 0" class="btn f5">View</summary>
<div class="prose font-mono f6 mt2 text-color-contrast p-summary">
<p>We arrived to Koh Lanta a few days ago, where we’ll spend the next two months. While I like long stays in locations, it doesn’t come without risk. Especially when bringing kids. “Will we like it? Will it be boring? Will there be too many tourists? Will we be able to create an everyday life?” are questions which I’ve had during the days up until arriving. I think this kind of travelling is one part experience and one part “Just Do It”. For experience: you just have to trust your gut instincts, and also your skills and ability to integrate well and have a good time. The “Just Do It” part is self-explanational.</p>
<p>Maybe it’s because I’ve spent the past weeks in a beachside environment, with very few worries besides watching the baby
so she won’t eat the sand, but I just don’t care for a <em>single</em> bit about new hardware announcements such as the Apple
Vision Pro any longer.</p>
</div>


<p class="mt2 font-sans">
<a href="/micro/20240118204458/" class="muted f5">continued ⇢</a>
<a href="/micro/20240203212100/" class="muted f5">continued ⇢</a>
</p>

</details>
</li>

<li class="mb2 pb2 relative border border-b h-entry" id="https://johan.im/micro/20240106124758/">
<li class="mb2 pb2 relative border border-b h-entry" id="https://johan.im/micro/20240118204458/">
<h2 class="font-sans f5 fw4 mb0">
<a href="/micro/20240106124758/" class="muted u-url" title="Permalink"><time class="dt-published" datetime="2024-01-06T11:47:58Z" pubdate="">January 6th, 2024 — 11:47</time></a>
<a href="/micro/20240118204458/" class="muted u-url" title="Permalink"><time class="dt-published" datetime="2024-01-18T13:44:58Z" pubdate="">January 18th, 2024 — 13:44</time></a>
</h2>

<details>
<summary style="position: absolute; right: 0; top: 0" class="btn f5">View</summary>
<div class="prose font-mono f6 mt2 text-color-contrast p-summary">
<p>Testing my Mastodon integration.</p>
<p>We arrived to Koh Lanta a few days ago, where we'll spend the next two months. While I like long stays in locations, it doesn't come without risk. Especially when bringing kids. "Will we like it? Will it be boring? Will there be too many tourists? Will we be able to create an everyday life?" are questions which I've had during the days up until arriving. I think this kind of travelling is one part experience and one part "Just Do It". For experience: you just have to trust your gut instincts, and also your skills and ability to integrate well and have a good time. The "Just Do It" part is self-explanational.</p>
</div>


<p class="mt2 font-sans">
<a href="/micro/20240118204458/" class="muted f5">continued ⇢</a>
</p>

</details>
</li>

<li class="mb2 pb2 relative border border-b h-entry" id="https://johan.im/micro/20231215140531/">
<li class="mb2 pb2 relative border border-b h-entry" id="https://johan.im/micro/20240106124758/">
<h2 class="font-sans f5 fw4 mb0">
<a href="/micro/20231215140531/" class="muted u-url" title="Permalink"><time class="dt-published" datetime="2023-12-15T14:05:31Z" pubdate="">December 15th, 2023 — 14:05</time></a>
<a href="/micro/20240106124758/" class="muted u-url" title="Permalink"><time class="dt-published" datetime="2024-01-06T11:47:58Z" pubdate="">January 6th, 2024 — 11:47</time></a>
</h2>

<details>
<summary style="position: absolute; right: 0; top: 0" class="btn f5">View</summary>
<div class="prose font-mono f6 mt2 text-color-contrast p-summary">
<p>I was in a bookstore to get a Christmas gift today over lunch. It was an independent, small store — not one of the big book chains’ shops. Many books had small paper notes with the staff’s personal thoughts, and many were signed by the authors, who frequently visited the shop on signing events and book talks.</p>
<p>Testing my Mastodon integration.</p>
</div>


<p class="mt2 font-sans">
<a href="/micro/20231215140531/" class="muted f5">continued ⇢</a>
</p>

</details>
</li>

Expand Down
Loading

0 comments on commit 725dff5

Please sign in to comment.