-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploying to gh-pages from @ d932323 🚀
- Loading branch information
Showing
7 changed files
with
18 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| <!doctype html><html class=home lang=en><head itemscope itemtype=http://schema.org/Blog><title>Johan Brook</title><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=https://gc.zgo.at rel=preconnect><link href=https://johanbrook.goatcounter.com rel=preconnect><meta 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 & designering and I like working with product, user experience, interface design, and other things too."name=description><meta content="Johan Brook"name=author><link href=/johan.css rel=stylesheet><link title="Johan Brook: Posts feed"href=/feed.xml rel=alternate type=application/rss+xml><link title="Johan Brook: Mind feed"href=/mind.xml rel=alternate type=application/rss+xml><link title="Johan Brook: Book feed"href=/reading.xml rel=alternate type=application/rss+xml><link rel="shortcut icon"href=/favicon.png type=image/png><link href=https://johan.im/ itemprop=url rel=canonical><link href=https://johan.im rel=author><meta property=og:title><meta content=https://johan.im/ property=og:url><meta content="Johan Brook"itemprop=name property=og:site_name><meta content=en_GB property=og:locale><meta 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 & designering and I like working with product, user experience, interface design, and other things too."property=og:description><meta content=blog property=og:type><body><a class="visually-hidden skip-link"href=#main>Skip to content</a><div class=Content><div id=main><main role=main><div class="measure mx-auto"><section class=mb4><h1 class="title mb2 pull-W">Welcome.</h1><p>My name is Johan. I’m coding & designing, and I like working with product, user experience, and interface design. And other things too.<p>I'd like to write more (don't we all), and I consume a (un)healthy amount of music.<p>You can reach me via <a href=mailto:[email protected]>email</a> or <a href=https://hachyderm.io/@brookie>Mastodon</a>.</section><section class=mb4><header class="flex items-center"><h1 class="f2 mb0">On my mind</h1><a class="ml3 f5"title="Read more"href=/mind>All notes</a><a class="ml2 ml-1 f5"title="Atom feed"href=/mind.xml>Feed <svg class="icon icon-feed ml1"viewbox="0 0 24 24"fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M1.5 8.26706C0.671573 8.26706 0 8.93863 0 9.76706C0 10.5955 0.671573 11.2671 1.5 11.2671C4.48337 11.176 7.37769 12.2904 9.52977 14.3585C11.6819 16.4267 12.9103 19.2744 12.938 22.2591C12.938 23.0875 13.6096 23.7591 14.438 23.7591C15.2664 23.7591 15.938 23.0875 15.938 22.2591C15.9186 18.4763 14.3767 14.8607 11.6602 12.2281C8.94371 9.59553 5.28153 8.16779 1.5 8.26706Z"></path><path d="M1.531 0.236816C0.702571 0.236816 0.0309982 0.908389 0.0309982 1.73682C0.0309982 2.56524 0.702571 3.23682 1.531 3.23682C12.448 3.23682 21 11.5918 21 22.2588C21 23.0872 21.6716 23.7588 22.5 23.7588C23.3284 23.7588 24 23.0872 24 22.2588C24 9.90982 14.13 0.236816 1.531 0.236816Z"></path><path d="M3.5 23.748C5.433 23.748 7 22.181 7 20.248C7 18.3151 5.433 16.748 3.5 16.748C1.567 16.748 0 18.3151 0 20.248C0 22.181 1.567 23.748 3.5 23.748Z"></path></svg> </a></header><ol><li><h2 class="font-sans f5 fw4 mb3"><a class=muted href=/mind#202309141429>Latest: September 14th, 2023 — 14:29</a></h2> <div class="prose font-mono f5"><p>The album <a href="https://open.spotify.com/album/1S7rBJNPNrCvtdF38sp0Gs?si=3mBWnZBcRPqnmLb7QkXDPA">“Right Time”</a> (1976) by Mighty Diamonds might be the best reggae album I’ve heard. Even better than the epic <a href="https://open.spotify.com/album/0FqUTYrs4FtPbav2Ry2I1M?si=D4cDCKcURb21lxSvoqeZSA">“Heart of the Congos”</a> (1977) by The Congos.</div></ol></section><section class=mb4><h1 class="f2 mb0">Listening</h1><p class="font-sans f5 fw4 mb3 muted"id=music-loading>Tracks I've listened to recently.<ol class=TracksList id=music-target></ol></section><section><header class="flex items-center mb3"><h1 class="f2 mb0">Writings</h1><a class="ml3 f5"title="Read more"href=/writings>All writings</a><a class="ml2 ml-1 f5"title="Atom feed"href=/feed.xml>Feed <svg class="icon icon-feed ml1"viewbox="0 0 24 24"fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M1.5 8.26706C0.671573 8.26706 0 8.93863 0 9.76706C0 10.5955 0.671573 11.2671 1.5 11.2671C4.48337 11.176 7.37769 12.2904 9.52977 14.3585C11.6819 16.4267 12.9103 19.2744 12.938 22.2591C12.938 23.0875 13.6096 23.7591 14.438 23.7591C15.2664 23.7591 15.938 23.0875 15.938 22.2591C15.9186 18.4763 14.3767 14.8607 11.6602 12.2281C8.94371 9.59553 5.28153 8.16779 1.5 8.26706Z"></path><path d="M1.531 0.236816C0.702571 0.236816 0.0309982 0.908389 0.0309982 1.73682C0.0309982 2.56524 0.702571 3.23682 1.531 3.23682C12.448 3.23682 21 11.5918 21 22.2588C21 23.0872 21.6716 23.7588 22.5 23.7588C23.3284 23.7588 24 23.0872 24 22.2588C24 9.90982 14.13 0.236816 1.531 0.236816Z"></path><path d="M3.5 23.748C5.433 23.748 7 22.181 7 20.248C7 18.3151 5.433 16.748 3.5 16.748C1.567 16.748 0 18.3151 0 20.248C0 22.181 1.567 23.748 3.5 23.748Z"></path></svg> </a></header><ol><li class="mb2 mb1"><a class="f4 block fw4"href=/writings/mastodon/> <span class=link>Mastodon</span><br> <p class="font-sans f5 muted mb0">December 30th, 2022</p> </a><li class="mb2 mb1"><a class="f4 block fw4"href=/writings/my-favourite-software/> <span class=link>My favourite software</span><br> <p class="font-sans f5 muted mb0">February 23rd, 2022</p> </a><li class=mb2><a class="f4 block fw4"href=/writings/sublime-text-deno/> <span class=link>Setting up Sublime Text for Deno</span><br> <p class="font-sans f5 muted mb0">February 16th, 2022</p> </a></ol></section></div></main><template id=music-tmpl><li class=mb1><span class="music-title block"></span> <small> <span class="music-subtitle muted"></span> <time class="music-datetime ml1"></time> </small></li></template><script type=module> | ||
| <!doctype html><html class=home lang=en><head itemscope itemtype=http://schema.org/Blog><title>Johan Brook</title><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=https://gc.zgo.at rel=preconnect><link href=https://johanbrook.goatcounter.com rel=preconnect><meta 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 & designering and I like working with product, user experience, interface design, and other things too."name=description><meta content="Johan Brook"name=author><link href=/johan.css rel=stylesheet><link title="Johan Brook: Posts feed"href=/feed.xml rel=alternate type=application/rss+xml><link title="Johan Brook: Mind feed"href=/mind.xml rel=alternate type=application/rss+xml><link title="Johan Brook: Book feed"href=/reading.xml rel=alternate type=application/rss+xml><link rel="shortcut icon"href=/favicon.png type=image/png><link href=https://johan.im/ itemprop=url rel=canonical><link href=https://johan.im rel=author><meta property=og:title><meta content=https://johan.im/ property=og:url><meta content="Johan Brook"itemprop=name property=og:site_name><meta content=en_GB property=og:locale><meta 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 & designering and I like working with product, user experience, interface design, and other things too."property=og:description><meta content=blog property=og:type><body><a class="visually-hidden skip-link"href=#main>Skip to content</a><div class=Content><div id=main><main role=main><div class="measure mx-auto"><section class=mb4><h1 class="title mb2 pull-W">Welcome.</h1><p>My name is Johan. I’m coding & designing, and I like working with product, user experience, and interface design. And other things too.<p>I'd like to write more (don't we all), and I consume a (un)healthy amount of music.<p>You can reach me via <a href=mailto:[email protected]>email</a> or <a href=https://hachyderm.io/@brookie>Mastodon</a>.</section><section class=mb4><header class="flex items-center"><h1 class="f2 mb0">On my mind</h1><a class="ml3 f5"title="Read more"href=/mind>All notes</a><a class="ml2 ml-1 f5"title="Atom feed"href=/mind.xml>Feed <svg class="icon icon-feed ml1"viewbox="0 0 24 24"fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M1.5 8.26706C0.671573 8.26706 0 8.93863 0 9.76706C0 10.5955 0.671573 11.2671 1.5 11.2671C4.48337 11.176 7.37769 12.2904 9.52977 14.3585C11.6819 16.4267 12.9103 19.2744 12.938 22.2591C12.938 23.0875 13.6096 23.7591 14.438 23.7591C15.2664 23.7591 15.938 23.0875 15.938 22.2591C15.9186 18.4763 14.3767 14.8607 11.6602 12.2281C8.94371 9.59553 5.28153 8.16779 1.5 8.26706Z"></path><path d="M1.531 0.236816C0.702571 0.236816 0.0309982 0.908389 0.0309982 1.73682C0.0309982 2.56524 0.702571 3.23682 1.531 3.23682C12.448 3.23682 21 11.5918 21 22.2588C21 23.0872 21.6716 23.7588 22.5 23.7588C23.3284 23.7588 24 23.0872 24 22.2588C24 9.90982 14.13 0.236816 1.531 0.236816Z"></path><path d="M3.5 23.748C5.433 23.748 7 22.181 7 20.248C7 18.3151 5.433 16.748 3.5 16.748C1.567 16.748 0 18.3151 0 20.248C0 22.181 1.567 23.748 3.5 23.748Z"></path></svg> </a></header><ol><li><h2 class="font-sans f5 fw4 mb3"><a class=muted href=/mind#202309141429>Latest: September 14th, 2023 — 14:29</a></h2> <div class="prose font-mono f5"><p>The album <a href="https://open.spotify.com/album/1S7rBJNPNrCvtdF38sp0Gs?si=3mBWnZBcRPqnmLb7QkXDPA">“Right Time”</a> (1976) by Mighty Diamonds might be the best reggae album I’ve heard. Even better than the epic <a href="https://open.spotify.com/album/0FqUTYrs4FtPbav2Ry2I1M?si=D4cDCKcURb21lxSvoqeZSA">“Heart of the Congos”</a> (1977) by The Congos.</div></ol></section><section class=mb4><h1 class="f2 mb0">Listening</h1><p class="font-sans f5 fw4 mb3 muted"id=music-loading>Tracks I've listened to recently.<ol class=TracksList id=music-target></ol></section><section><header class="flex items-center mb3"><h1 class="f2 mb0">Writings</h1><a class="ml3 f5"title="Read more"href=/writings>All writings</a><a class="ml2 ml-1 f5"title="Atom feed"href=/feed.xml>Feed <svg class="icon icon-feed ml1"viewbox="0 0 24 24"fill=none height=24 width=24 xmlns=http://www.w3.org/2000/svg><path d="M1.5 8.26706C0.671573 8.26706 0 8.93863 0 9.76706C0 10.5955 0.671573 11.2671 1.5 11.2671C4.48337 11.176 7.37769 12.2904 9.52977 14.3585C11.6819 16.4267 12.9103 19.2744 12.938 22.2591C12.938 23.0875 13.6096 23.7591 14.438 23.7591C15.2664 23.7591 15.938 23.0875 15.938 22.2591C15.9186 18.4763 14.3767 14.8607 11.6602 12.2281C8.94371 9.59553 5.28153 8.16779 1.5 8.26706Z"></path><path d="M1.531 0.236816C0.702571 0.236816 0.0309982 0.908389 0.0309982 1.73682C0.0309982 2.56524 0.702571 3.23682 1.531 3.23682C12.448 3.23682 21 11.5918 21 22.2588C21 23.0872 21.6716 23.7588 22.5 23.7588C23.3284 23.7588 24 23.0872 24 22.2588C24 9.90982 14.13 0.236816 1.531 0.236816Z"></path><path d="M3.5 23.748C5.433 23.748 7 22.181 7 20.248C7 18.3151 5.433 16.748 3.5 16.748C1.567 16.748 0 18.3151 0 20.248C0 22.181 1.567 23.748 3.5 23.748Z"></path></svg> </a></header><ol><li class="mb2 mb1"><a class="f4 block fw4"href=/writings/mastodon/> <span class=link>Mastodon</span><br> <p class="font-sans f5 muted mb0">December 30th, 2022</p> </a><li class="mb2 mb1"><a class="f4 block fw4"href=/writings/my-favourite-software/> <span class=link>My favourite software</span><br> <p class="font-sans f5 muted mb0">February 23rd, 2022</p> </a><li class=mb2><a class="f4 block fw4"href=/writings/sublime-text-deno/> <span class=link>Setting up Sublime Text for Deno</span><br> <p class="font-sans f5 muted mb0">February 16th, 2022</p> </a></ol></section></div></main><template id=music-tmpl><li class=mb2><span class="music-title block fw7"></span> <small class="font-sans f5"> <span class="music-subtitle muted"></span> <time class="music-datetime ml1"></time> </small></li></template><script type=module> | ||
| const ENDPOINT = location.hostname == 'localhost' | ||
| ? 'http://localhost:8788' | ||
| : 'https://brookie.pages.dev'; | ||
|
|
@@ -27,7 +27,7 @@ | |
| if (track['@attr']?.nowplaying == 'true') { | ||
| title.classList.add('fw7'); | ||
| container.classList.add('border', 'border-b', 'mb2', 'pb2'); | ||
| dateTime.textContent = 'Now'; | ||
| dateTime.textContent = 'Listening now'; | ||
| dateTime.classList.add('fw7'); | ||
| } | ||
| target.appendChild(clone); | ||
|
|
||
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.