.
40
public/adventures-in-running-headscale-on-nixos/index.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/adventures-in-running-headscale-on-nixos/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>adventures in running headscale on nixos</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>adventures in running headscale on nixos</h1>
|
||||
<div>
|
||||
<time>June 25, 2024</time>
|
||||
</div>
|
||||
</header></article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
35
public/categories/index.html
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/categories/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/categories/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Categories</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Categories</h3>
|
||||
<ul id="posts">
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1415
public/categories/index.xml
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/chess.com-api-and-the-continuing-search-for-en-passant-checkmate/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>chess.com api and the continuing search for en passant checkmate</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>chess.com api and the continuing search for en passant checkmate</h1>
|
||||
<div>
|
||||
<time>November 8, 2022</time>
|
||||
</div>
|
||||
</header><p>Last time we worked out how to get info for all the games played by titled players in a particular month. Today, we have three objectives:</p>
|
||||
<ul>
|
||||
<li>Parse this info for the pgn (portable game notation) of each game.</li>
|
||||
<li>Write these to a file so we dont have to spend forever downloading them everytime we run the script.</li>
|
||||
<li>Devise a way to convert this pgn to a more convenient pythonic format so we can analyse it later.</li>
|
||||
</ul>
|
||||
<p>First of all, I wrote a little function to get the pgn from the games we downloaded. I added this KeyError exception, but if I’m honest I’m not sure why I was getting this error. Maybe, chess.com doesn’t store pgn for all games? I don’t know.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">get_pgns</span><span class="p">(</span><span class="n">games</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pgns</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">game</span> <span class="ow">in</span> <span class="n">games</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">try</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pgn</span> <span class="o">=</span> <span class="n">game</span><span class="p">[</span><span class="s1">'pgn'</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pgns</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">pgn</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">except</span> <span class="ne">KeyError</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">print</span><span class="p">(</span><span class="s1">'key error um'</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">pgns</span>
|
||||
</span></span></code></pre></div><p>Now we have this list of pgns, the next goal is to write them to a file so we theoretically only have to run the stuff from last post once. All the analysis we do on the games can then just be done on the files we save without any talking to the internet required.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">write_pgns</span><span class="p">(</span><span class="n">pgns</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">month</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">'/'</span><span class="p">,</span><span class="s1">'_'</span><span class="p">)</span><span class="o">+</span><span class="s1">'.csv'</span><span class="p">,</span> <span class="s1">'w'</span><span class="p">)</span> <span class="k">as</span> <span class="n">f</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">pgn</span> <span class="ow">in</span> <span class="n">pgns</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">f</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">pgn</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Now a pgn looks something like this if it’s just printed as a string:</p>
|
||||
<p><img src="/image/pgn.webp" alt="image alt text"></p>
|
||||
<p>It contains lots of very useful info but for our purposes of finding en passant checkmates, we would ideally just have a list of each move looking something like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">moves</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'e4'</span><span class="p">,</span> <span class="s1">'e5'</span><span class="p">,</span> <span class="s1">'Bc4'</span><span class="p">,</span> <span class="s1">'Nc6'</span><span class="p">,</span> <span class="s1">'Qh5'</span><span class="p">,</span> <span class="s1">'Nf6'</span><span class="p">,</span> <span class="s1">'Qxf7#'</span><span class="p">]</span>
|
||||
</span></span></code></pre></div><p>We don’t need the headers, we don’t need the result, and we don’t really need the move numbers (these can be deduced from the list indexes). So the challenge is how to convert the pgn to a list; this is the slightly janky solution I came up wtih.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">get_move_list</span><span class="p">(</span><span class="n">pgn</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">x</span> <span class="o">=</span> <span class="n">pgn</span><span class="o">.</span><span class="n">split</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">moves</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">item</span> <span class="ow">in</span> <span class="n">x</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># start fresh list at move 1 - effectively skipping the headers from the list</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">item</span> <span class="o">==</span> <span class="s1">'1.'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">moves</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">moves</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># gets rid of clock bits and bobs</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">elif</span> <span class="n">item</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">==</span> <span class="s1">'{'</span> <span class="ow">or</span> <span class="n">item</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]</span> <span class="o">==</span> <span class="s1">'}'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">pass</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">else</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">moves</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">#remove even indexes from list</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">#this gets rid of move numbers and the result of the game</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">del</span> <span class="n">moves</span><span class="p">[::</span><span class="mi">2</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">moves</span>
|
||||
</span></span></code></pre></div><p>I don’t doubt it could be done more elegantly but it works I guess. Next time, we’ll deal with working out what a list containing an en passant checkmate would look like.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/chess.com-api-and-the-search-for-en-passant-checkmate/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>chess.com api and the search for en passant checkmate</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>chess.com api and the search for en passant checkmate</h1>
|
||||
<div>
|
||||
<time>October 26, 2022</time>
|
||||
</div>
|
||||
</header><p>The chess.com API gives you access to a crazy amount of data on games played on the site. Armed with the knowledge that this data was at my fingertips, I set out to do what any sane person would do: find en passant checkmates. For those not in the know, en passant check mate is kind of the king of moves in chess meme circles. So some sort of python script that identified en passant check mates that occured on the site would be of great value to me.</p>
|
||||
<p>First things first, I would need a method of grabbing lots of games from the api. This would be achieved by looking at players on the site and searching their game archives. As I couldn’t think of any obvious way to get completely random players on the site, I used the API’s lists of all titled players (GM, IM, WIM, etc.) on the site. This is what I came up with -></p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"> <span class="k">def</span> <span class="nf">get_archive_urls</span><span class="p">(</span><span class="n">titled_urls</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">players</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">url</span> <span class="ow">in</span> <span class="n">titled_urls</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">title_list</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">)</span><span class="o">.</span><span class="n">json</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">title_list</span> <span class="o">=</span> <span class="n">title_list</span><span class="p">[</span><span class="s1">'players'</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">players</span><span class="o">.</span><span class="n">extend</span><span class="p">(</span><span class="n">title_list</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">archive_urls</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">username</span> <span class="ow">in</span> <span class="n">players</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">games</span> <span class="o">=</span> <span class="s1">'https://api.chess.com/pub/player/'</span> <span class="o">+</span> <span class="n">username</span> <span class="o">+</span> <span class="s1">'/games/2022/05'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">archive_urls</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">games</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">archive_urls</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">get_archive_urls</span><span class="p">([</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'https://api.chess.com/pub/titled/GM'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'https://api.chess.com/pub/titled/WGM'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">])</span>
|
||||
</span></span></code></pre></div><p>This function reads a list of urls, gets a list of all the usernames from the api and then inserts this username into a new url which will allow us to access their games from a particular month. I then returns a list of all of these game archive urls.</p>
|
||||
<p>The next order of business is taking this list of urls and turning it into a list of games. It looks quite similar to the previous example -></p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"> <span class="k">def</span> <span class="nf">grab_games</span><span class="p">(</span><span class="n">archive_urls</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">games</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">url</span> <span class="ow">in</span> <span class="n">archive_urls</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">archive</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">)</span><span class="o">.</span><span class="n">json</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">archive_games</span> <span class="o">=</span> <span class="n">archive</span><span class="p">[</span><span class="s1">'games'</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">games</span><span class="o">.</span><span class="n">extend</span><span class="p">(</span><span class="n">archive_games</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">games</span>
|
||||
</span></span></code></pre></div><p>Feeding the first function into the second -></p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"> <span class="n">grab_games</span><span class="p">(</span><span class="n">get_archive_urls</span><span class="p">([</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'https://api.chess.com/pub/titled/GM'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'https://api.chess.com/pub/titled/WGM'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]))</span>
|
||||
</span></span></code></pre></div><p>We get a very long list of json objects (is that the right phrase? um). Each corresponding to one of games played by GMs and WGMs on chess.com during May of 2022. Come back next time to see what we can do with this very long list. Here’s a taster of what the list looks like printed to a terminal - lots of possiblities.</p>
|
||||
<p><img src="/image/output.webp" alt="image alt text"></p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1
public/css/style.min.css
vendored
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/declarative-firefox-config-with-home-manager-on-nixos/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>declarative firefox config with home-manager on nixos</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>declarative firefox config with home-manager on nixos</h1>
|
||||
<div>
|
||||
<time>October 2, 2022</time>
|
||||
</div>
|
||||
</header><p>As a man who finds himself reinstalling his OS more than is probably sensible, any opportunity to minimise the post install admin of sorting out all your settings is an attractive one. With that in mind lets take a look at some of the firefox (my current browser of choice) configuration options avilable to you through home-manager. This assumes you have some sort of home-manager setup working. If you do not I found <a href="https://github.com/misterio77/nix-starter-configs">this</a> friendly githubber’s templates to be very helpful.</p>
|
||||
<p>First of all you’ll need to enable firefox with <code>programs.firefox.enable = true;</code></p>
|
||||
<h3 id="extensions">EXTENSIONS</h3>
|
||||
<p>This will require having the NUR (nix user repo) enabled. But once you do, you can configure any extension you want to be auto installed with something like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="p">{</span><span class="n">pkgs</span><span class="o">,</span> <span class="o">...</span> <span class="p">}:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">let</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">addons</span> <span class="o">=</span> <span class="n">pkgs</span><span class="o">.</span><span class="n">nur</span><span class="o">.</span><span class="n">repos</span><span class="o">.</span><span class="n">rycee</span><span class="o">.</span><span class="n">firefox-addons</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">in</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">programs</span><span class="o">.</span><span class="n">firefox</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">extensions</span> <span class="o">=</span> <span class="k">with</span> <span class="n">addons</span><span class="p">;</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">ublock-origin</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">bitwarden</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">darkreader</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span></code></pre></div><p>This is the list of <a href="https://nur.nix-community.org/repos/rycee/">all extensions</a> available in the repo.</p>
|
||||
<h3 id="bookmarks">BOOKMARKS</h3>
|
||||
<p>Bookmarks can be added per profile. The format for it goes something like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">profiles</span><span class="o">.</span><span class="n">james</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">bookmarks</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">name</span> <span class="o">=</span> <span class="s2">"best website ever!"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">url</span> <span class="o">=</span> <span class="s2">"https://jdysmcl.xyz"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">name</span> <span class="o">=</span> <span class="s2">"best OS ever"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">url</span> <span class="o">=</span> <span class="s2">"https://nixos.org"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><h3 id="settings">SETTINGS</h3>
|
||||
<p>Again, these can be added per profile. Basically, any option you can find in about:config can be added here; this is a selection of potentially useful options I have set:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">profiles</span><span class="o">.</span><span class="n">james</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">settings</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">#newtab stuff</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"browser.startup.homepage"</span> <span class="o">=</span> <span class="s2">"https://searx.jdysmcl.xyz"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"browser.newtabpage.enabled"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"browser.newtabpage.activity-stream.enabled"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">#some firefox features i don't really want</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"extensions.pocket.enabled"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"extensions.formautofill.creditCards.enabled"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"identity.fxaccounts.enabled"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"signon.rememberSignons"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"browser.search.suggest.enabled"</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">#some privacy stuff</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"privacy.resistFingerprinting"</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"privacy.trackingprotection.enabled"</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"dom.security.https_only_mode"</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><p>Of course I am sure there are many more exciting things that could be done here but this is as far as I have got. For all avilable options you can check out <a href="https://nix-community.github.io/home-manager/options.html">this</a> or alternatively run a <code>man home-configuration.nix</code>. Hope this has been helpful :)</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
75
public/elite-bread-dough-for-lazy-boys/index.html
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/elite-bread-dough-for-lazy-boys/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>elite bread dough for lazy boys</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>elite bread dough for lazy boys</h1>
|
||||
<div>
|
||||
<time>January 22, 2023</time>
|
||||
</div>
|
||||
</header><h3 id="ingredienti">INGREDIENTI</h3>
|
||||
<ul>
|
||||
<li>flour (ideally bread flour but if you don’t have it, it’s not the end of the world)</li>
|
||||
<li>water</li>
|
||||
<li>salt</li>
|
||||
<li>yeast (i use the little dried packet stuff)</li>
|
||||
</ul>
|
||||
<h3 id="ratios">RATIOS</h3>
|
||||
<p>To start measure the weight of flour; this is what we’ll work from. You can now work out how much of the other ingredients you need using these ratios:</p>
|
||||
<ul>
|
||||
<li>65% water</li>
|
||||
<li>2% salt</li>
|
||||
<li>0.5% yeast (this amount doesn’t particularly matter, as long as it’s in this ballpark)</li>
|
||||
</ul>
|
||||
<p>So if we used 1kg of flour for example, the recipe would look like this:</p>
|
||||
<ul>
|
||||
<li>1000g flour</li>
|
||||
<li>650g water</li>
|
||||
<li>20g salt</li>
|
||||
<li>5g yeast</li>
|
||||
</ul>
|
||||
<h3 id="steps">STEPS</h3>
|
||||
<ol>
|
||||
<li>Put all the ingredients in a bowl nad mix until the flour is hydrated (you do not need to knead it, just bring it together).</li>
|
||||
<li>Put in the fridge to slowly proof for at least a day.</li>
|
||||
<li>Remove dough as required from the fridge and place in desired baking vessel (you don’t have to bake it all at once, I sometimes make a big batch and bake multiple things over the cours of a few days).</li>
|
||||
<li>Proof in vessel for an additional hour or so at room temperature.</li>
|
||||
<li>Bake!</li>
|
||||
</ol>
|
||||
<h3 id="some-helpful-resources">SOME HELPFUL RESOURCES</h3>
|
||||
<ul>
|
||||
<li><a href="https://cooking.nytimes.com/recipes/11376-no-knead-bread">Jim Lahey no knead bread</a></li>
|
||||
<li><a href="https://www.youtube.com/watch?v=uWbl3Sr2y1Y">Kenji video</a></li>
|
||||
<li><a href="https://www.youtube.com/watch?v=o4ABOKdHEUs">Ragusea pizza video</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/favicon.ico
Normal file
|
After Width: | Height: | Size: 34 KiB |
|
|
@ -0,0 +1,93 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/get-the-thoughts-out-of-your-head-and-into-a-digital-format-with-this-python-journal-script/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>get the thoughts out of your head and into a digital format with this python journal script</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>get the thoughts out of your head and into a digital format with this python journal script</h1>
|
||||
<div>
|
||||
<time>December 1, 2022</time>
|
||||
</div>
|
||||
</header><p>Since getting going with emacs I’ve gone down the org-mode rabbit hole a little bit. In particular the very nice <a href="https://github.com/bastibe/org-journal">org-journal</a> package. It basically does what it says on the tin: maintains a journal with a selection of org files. This has been very nice for me. I have often thought about journalling but never really got up a head of steam. Somehow having an entry a keybinding away while I’m doing something with my text editor makes it a lot more palletable.</p>
|
||||
<p>Having said all this, I am not completely converted to the church of emacs. Thus, I thoght it would be nice to write a little editor agnostic script which would emulate some of org-journal’s features but allow you to use whatever editor you like with markdown.</p>
|
||||
<h3 id="whats-the-time">WHAT’S THE TIME?</h3>
|
||||
<p>First things first, I wrote this little function that would give you a formatted version of your local time. This will be important as a lot of this comes down to dates and times really. It uses python’s time module:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">whats_the_time</span><span class="p">(</span><span class="nb">format</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">time</span><span class="o">.</span><span class="n">strftime</span><span class="p">(</span><span class="nb">format</span><span class="p">,</span> <span class="n">time</span><span class="o">.</span><span class="n">localtime</span><span class="p">(</span><span class="n">time</span><span class="o">.</span><span class="n">time</span><span class="p">()))</span>
|
||||
</span></span></code></pre></div><p>This function takes a string using <a href="https://www.w3schools.com/python/gloss_python_date_format_codes.asp">python date format codes</a> and spits out the corresponding time. For example, <code>'%A %d %B, %Y'</code> would give you Wednesday 12 December, 2022.</p>
|
||||
<h3 id="what-to-call-the-files">WHAT TO CALL THE FILES?</h3>
|
||||
<p>My plan is to have three options for <code>journal_frequency</code>: daily, monthly, and yearly. Depending on the value of this variable, each journal file the script creates will represent a day, month, or year. This function gives you a different filename depending on the <code>journal_frequency</code> that is set:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">make_filename</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">journal_frequency</span> <span class="o">==</span> <span class="s1">'daily'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">whats_the_time</span><span class="p">(</span><span class="s1">'%Y%m</span><span class="si">%d</span><span class="s1">'</span><span class="p">)</span><span class="o">+</span><span class="s1">'.md'</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">elif</span> <span class="n">journal_frequency</span> <span class="o">==</span> <span class="s1">'monthly'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">whats_the_time</span><span class="p">(</span><span class="s1">'%Y%m'</span><span class="p">)</span><span class="o">+</span><span class="s1">'.md'</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">elif</span> <span class="n">journal_frequency</span> <span class="o">==</span> <span class="s1">'yearly'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">whats_the_time</span><span class="p">(</span><span class="s1">'%Y'</span><span class="p">)</span><span class="o">+</span><span class="s1">'.md'</span>
|
||||
</span></span></code></pre></div><h3 id="do-we-need-a-new-file">DO WE NEED A NEW FILE?</h3>
|
||||
<p>As I could see it, the next problem was determining whether a new journal file was needed. This would only happen if it was the first entry for a day, month, or year. Otherwise, you would simply want to add to the existing file. I came up with this little function using the os module to check if the file that would be created already exists:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">new_file_required</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">exists</span><span class="p">(</span><span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">journal_dir</span><span class="p">,</span><span class="n">make_filename</span><span class="p">())):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="kc">False</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">else</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="kc">True</span>
|
||||
</span></span></code></pre></div><p>MAKING FILES AND PUTTING THINGS IN THEM</p>
|
||||
<p>Now we have that admin out the way, we’re on the home straight. This function creates a file and adds a little title heading at the top using the <code>title_string</code> variable. This will be called when we do need a new file:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">create_file</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">path</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">journal_dir</span><span class="p">,</span><span class="n">make_filename</span><span class="p">())</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="s1">'w'</span><span class="p">)</span> <span class="k">as</span> <span class="n">f</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">f</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="s1">'# '</span> <span class="o">+</span> <span class="n">whats_the_time</span><span class="p">(</span><span class="n">title_string</span><span class="p">))</span>
|
||||
</span></span></code></pre></div><p>This guy adds a subheading wtih the current time as default using the <code>entry_string</code> variable. If you had <code>journal_frequency</code> set to monthly or yearly though you would likely want to edit this to include bits fo the date. This is called evry time you run the script.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">write_date</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">path</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">journal_dir</span><span class="p">,</span><span class="n">make_filename</span><span class="p">())</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">path</span><span class="p">,</span> <span class="s1">'a'</span><span class="p">)</span> <span class="k">as</span> <span class="n">f</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">f</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="s1">'</span><span class="se">\n</span><span class="s1">'</span><span class="o">*</span><span class="mi">2</span><span class="o">+</span><span class="s1">'### '</span><span class="o">+</span> <span class="n">whats_the_time</span><span class="p">(</span><span class="n">entry_string</span><span class="p">))</span>
|
||||
</span></span></code></pre></div><h3 id="opening-a-text-editor">OPENING A TEXT EDITOR</h3>
|
||||
<p>Final order of business: how to open the appropriate journal file with the user’s chosen editor. For this we can use the subprocess module and <a href="https://docs.python.org/3/library/subprocess.html#popen-constructor">Popen</a>. By default I have this set to get your EDITOR environemnt variable and use that (come to think of it that probs won’t work with tui programs) but it could be set to anything.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">open_editor</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">cmd</span> <span class="o">=</span> <span class="p">[</span> <span class="n">editor</span><span class="p">,</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">join</span><span class="p">(</span><span class="n">journal_dir</span><span class="p">,</span> <span class="n">make_filename</span><span class="p">())</span> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">process</span> <span class="o">=</span> <span class="n">subprocess</span><span class="o">.</span><span class="n">Popen</span><span class="p">(</span><span class="n">cmd</span><span class="p">,</span> <span class="n">stdout</span><span class="o">=</span><span class="n">subprocess</span><span class="o">.</span><span class="n">PIPE</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Now it’s just a matter of sticking all the functions together:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">main</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">new_file_required</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">create_file</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">write_date</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">open_editor</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">else</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">write_date</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">open_editor</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="n">main</span><span class="p">()</span>
|
||||
</span></span></code></pre></div><p>As simple as it is, it works reasonalby well as it stands. I would though like to add the ability to customise the file format you want to use so you could have org, plain text, markdown, or whatever. I’ve got the script set to just run with a keybinding at the moment so it fulfils the immediacy I was enjoying with org-journal. You can find the script <a href="https://gitlab.com/robbygozzarder/py">here</a> atm. BYEBYE xxx</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
BIN
public/image/dropdown.png
Normal file
|
After Width: | Height: | Size: 1.6 MiB |
BIN
public/image/dropdown.webp
Normal file
|
After Width: | Height: | Size: 87 KiB |
BIN
public/image/dropdown2.png
Normal file
|
After Width: | Height: | Size: 1.8 MiB |
BIN
public/image/dropdown2.webp
Normal file
|
After Width: | Height: | Size: 99 KiB |
BIN
public/image/emacs.png
Normal file
|
After Width: | Height: | Size: 265 KiB |
BIN
public/image/golazo.png
Normal file
|
After Width: | Height: | Size: 429 KiB |
BIN
public/image/output.webp
Normal file
|
After Width: | Height: | Size: 806 KiB |
BIN
public/image/pgn.webp
Normal file
|
After Width: | Height: | Size: 124 KiB |
186
public/index.html
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta name="generator" content="Hugo 0.127.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>wretched.place</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/adventures-in-running-headscale-on-nixos/">
|
||||
adventures in running headscale on nixos
|
||||
<small><time>Jun 25, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/so-you-want-to-write-a-neovim-plugin-with-lua/">
|
||||
so you want to write a neovim plugin with lua
|
||||
<small><time>Apr 6, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/making-nix-colors-talk-to-neovim/">
|
||||
making nix-colors talk to neovim
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/vanilla-javascript-theme-toggle-for-simpletons/">
|
||||
vanilla javascript theme toggle for simpletons
|
||||
<small><time>Jun 26, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/">
|
||||
tailscale, caddy, and nixos containers - a match made in heaven
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/learning-about-qtile-widgets-via-the-medium-of-cricket/">
|
||||
learning about qtile widgets via the medium of cricket
|
||||
<small><time>Apr 3, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/theming-nirvana/">
|
||||
theming nirvana
|
||||
<small><time>Mar 13, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/translating-docker-to-nix/">
|
||||
translating docker to nix?!
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/simple-nixos-config-for-vps-static-site/">
|
||||
simple nixos config for vps static site
|
||||
<small><time>Jan 29, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/podcast-setup-for-broke-boys-whose-trash-phone-cant-hack-modern-apps/">
|
||||
podcast setup for broke boys whose trash phone cant hack modern apps
|
||||
<small><time>Jan 24, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/elite-bread-dough-for-lazy-boys/">
|
||||
elite bread dough for lazy boys
|
||||
<small><time>Jan 22, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/multi-user-qtile-fiddling/">
|
||||
multi user qtile fiddling
|
||||
<small><time>Dec 20, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/teeny-tiny-bash-fetch-script/">
|
||||
teeny tiny bash fetch script
|
||||
<small><time>Dec 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/get-the-thoughts-out-of-your-head-and-into-a-digital-format-with-this-python-journal-script/">
|
||||
get the thoughts out of your head and into a digital format with this python journal script
|
||||
<small><time>Dec 1, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/lowkey-emacs-setup/">
|
||||
lowkey emacs setup
|
||||
<small><time>Nov 18, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/setting-up-a-lean-mean-hugo-blogging-theme/">
|
||||
setting up a lean mean hugo blogging theme
|
||||
<small><time>Nov 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-continuing-search-for-en-passant-checkmate/">
|
||||
chess.com api and the continuing search for en passant checkmate
|
||||
<small><time>Nov 8, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-search-for-en-passant-checkmate/">
|
||||
chess.com api and the search for en passant checkmate
|
||||
<small><time>Oct 26, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/declarative-firefox-config-with-home-manager-on-nixos/">
|
||||
declarative firefox config with home-manager on nixos
|
||||
<small><time>Oct 2, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/upgrade-your-qtile-setup-with-a-cute-dropdown-terminal/">
|
||||
upgrade your qtile setup with a cute dropdown terminal
|
||||
<small><time>Sep 23, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/rudimentary-local-scrobbling-with-bash/">
|
||||
rudimentary local scrobbling with bash
|
||||
<small><time>Sep 13, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1425
public/index.xml
Normal file
41
public/info/index.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/info/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title></title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1></h1>
|
||||
<div></div>
|
||||
</header><p>This is a place to document bits and bobs I’ve been up to that have interested me.
|
||||
Expect linux and self-hosting tinkering, some novice programming, and maybe the occasional recipe.
|
||||
I tend to be a fool so take anything written here with a pinch of salt :)</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/learning-about-qtile-widgets-via-the-medium-of-cricket/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>learning about qtile widgets via the medium of cricket</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>learning about qtile widgets via the medium of cricket</h1>
|
||||
<div>
|
||||
<time>April 3, 2023</time>
|
||||
</div>
|
||||
</header><p>I’m a person who has spent an unreasonable amount of time making minute changes to the appearance of my bar in qtile. Despite the very nice selection of widgets availabe by default with qtile, it was only a matter of time before I decided I wanted to experiment with making my own custom widget. Fortunately, if you can do a bit of python this is quite an approachable undertaking.</p>
|
||||
<p>The dream widget I was lacking was a little live crikcet score ticker type thing; something which would scroll along on my bar showing me the score in live cricket matches. I’m sure this will interest very few people but I learnt some good stuff along the way.</p>
|
||||
<h3 id="hello-world">Hello World?!</h3>
|
||||
<p>As far as I can tell from looking at the code for some of the <a href="https://github.com/qtile/qtile/tree/master/libqtile/widget">built-in widgets</a> and <a href="https://docs.qtile.org/en/latest/manual/howto/widget.html">this very helpful guide</a>, a basic hello world widget would look something like this.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">from</span> <span class="nn">libqtile.widget</span> <span class="kn">import</span> <span class="n">base</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">HelloWorld</span><span class="p">(</span><span class="n">base</span><span class="o">.</span><span class="n">_TextBox</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="o">**</span><span class="n">config</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">super</span><span class="p">()</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="s2">""</span><span class="p">,</span> <span class="o">**</span><span class="n">config</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="bp">self</span><span class="o">.</span><span class="n">text</span> <span class="o">=</span> <span class="s1">'Hello world!'</span>
|
||||
</span></span></code></pre></div><p>Qtile provides a selection of base widget classes to do various useful things. This example uses the simple <code>_TextBox</code> which displays the content of the <code>self.text</code> property.</p>
|
||||
<h3 id="hello-world-version-2">Hello World Version 2</h3>
|
||||
<p>Very nice, but for the cricket widget we’ll need something which lets us update the text. The answer is <code>ThreadPoolText</code>. This class lets you periodically update the text by overridding its <code>poll</code> method with a function that returns the updated text.</p>
|
||||
<p>This example updates itself with hello world in a different language every five seconds.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">random</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">HolaMundo</span><span class="p">(</span><span class="n">base</span><span class="o">.</span><span class="n">ThreadPoolText</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">defaults</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="s2">"update_interval"</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="s2">"Update interval for the widget"</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="o">**</span><span class="n">config</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">super</span><span class="p">()</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="s2">""</span><span class="p">,</span> <span class="o">**</span><span class="n">config</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="bp">self</span><span class="o">.</span><span class="n">add_defaults</span><span class="p">(</span><span class="n">HolaMundo</span><span class="o">.</span><span class="n">defaults</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">def</span> <span class="nf">poll</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">messages</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'Hola mundo'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'Ciao mondo'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'مرحبا بالعالم'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'Saluton Mondo'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'Sawubona Mhlaba'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">random</span><span class="o">.</span><span class="n">choice</span><span class="p">(</span><span class="n">messages</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Along with the whole poll thing, this example also introduces <code>defaults</code>. This is a list of tuples which define parameters that the user can configure. Here we’ve added <code>update_interval</code> which defines how often the widget is updated.</p>
|
||||
<h3 id="cricket-scores">Cricket Scores</h3>
|
||||
<p>For getting the cricket scores we’ll be using a handy rss feed from cricinfo so no brute force scraping will be required, just my beloved <a href="https://pypi.org/project/feedparser/">feedparser</a>. This doesn’t involve anything directly widget related, just massaging the rss feed into something that would look useful on your bar. Anyway, this is what the finished item looked like.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">from</span> <span class="nn">libqtile.widget</span> <span class="kn">import</span> <span class="n">base</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kn">import</span> <span class="nn">feedparser</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">class</span> <span class="nc">CricketScores</span><span class="p">(</span><span class="n">base</span><span class="o">.</span><span class="n">ThreadPoolText</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">defaults</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="s2">"update_interval"</span><span class="p">,</span> <span class="mi">60</span><span class="p">,</span> <span class="s2">"Update interval for the cricket scores widget"</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="s2">"teams"</span><span class="p">,[],</span><span class="s2">"Teams to display scores for"</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="s2">"separator"</span><span class="p">,</span><span class="s2">" </span><span class="se">\U0001F3CF</span><span class="s2"> "</span><span class="p">,</span><span class="s2">"Text to place between scores"</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="s2">"no_scores_string"</span><span class="p">,</span><span class="s2">""</span><span class="p">,</span><span class="s2">"Text to show when there are no scores to show"</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">def</span> <span class="fm">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="o">**</span><span class="n">config</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">super</span><span class="p">()</span><span class="o">.</span><span class="fm">__init__</span><span class="p">(</span><span class="s2">""</span><span class="p">,</span> <span class="o">**</span><span class="n">config</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="bp">self</span><span class="o">.</span><span class="n">add_defaults</span><span class="p">(</span><span class="n">CricketScores</span><span class="o">.</span><span class="n">defaults</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">def</span> <span class="nf">get_scores</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># parse rss feed and get </span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># live matches from title field</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">feed</span> <span class="o">=</span> <span class="n">feedparser</span><span class="o">.</span><span class="n">parse</span><span class="p">(</span><span class="s2">"http://static.cricinfo.com/rss/livescores.xml"</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">scores</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="k">match</span> <span class="ow">in</span> <span class="n">feed</span><span class="o">.</span><span class="n">entries</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># filter live matches</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="s2">"*"</span> <span class="ow">in</span> <span class="k">match</span><span class="o">.</span><span class="n">title</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">scores</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="k">match</span><span class="o">.</span><span class="n">title</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># remove scores not involving chosen teams</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">filtered_scores</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">score</span> <span class="ow">in</span> <span class="n">scores</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">team</span> <span class="ow">in</span> <span class="bp">self</span><span class="o">.</span><span class="n">teams</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">team</span> <span class="ow">in</span> <span class="n">score</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">filtered_scores</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">score</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># if no scores, show no_scores_string</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="nb">len</span><span class="p">(</span><span class="n">filtered_scores</span><span class="p">)</span> <span class="o">==</span> <span class="mi">0</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="bp">self</span><span class="o">.</span><span class="n">no_scores_string</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">else</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># form pretty string with separators</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">final_scores</span> <span class="o">=</span> <span class="s2">""</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">score</span> <span class="ow">in</span> <span class="n">filtered_scores</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">score</span> <span class="o">!=</span> <span class="n">filtered_scores</span><span class="p">[</span><span class="o">-</span><span class="mi">1</span><span class="p">]:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">final_scores</span> <span class="o">+=</span> <span class="n">score</span> <span class="o">+</span> <span class="bp">self</span><span class="o">.</span><span class="n">separator</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">else</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">final_scores</span> <span class="o">+=</span> <span class="n">score</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">final_scores</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">def</span> <span class="nf">poll</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">get_scores</span><span class="p">()</span>
|
||||
</span></span></code></pre></div><h3 id="actaully-using-it-in-your-config">Actaully Using It In Your Config</h3>
|
||||
<p>Assuming you have a <code>my_widget.py</code> file in the same directory as your <code>config.py</code>, you simply have to import it and add it your list of widgets.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">from</span> <span class="nn">my_widget</span> <span class="kn">import</span> <span class="n">LovelyWidget</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="n">screens</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Screen</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">top</span> <span class="o">=</span> <span class="n">bar</span><span class="o">.</span><span class="n">Bar</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">widgets</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">LovelyWidget</span><span class="p">(),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">widget</span><span class="o">.</span><span class="n">GroupBox</span><span class="p">(),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">]</span>
|
||||
</span></span></code></pre></div><p>Happy widget writing.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
42
public/links/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/links/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title></title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1></h1>
|
||||
<div></div>
|
||||
</header><p><a href="/index.xml">rss</a></p>
|
||||
<p><a href="https://github.com/ryfrd">github</a></p>
|
||||
<p><a href="https://matrix.to/#/@james:brutal.dance">matrix</a></p>
|
||||
<p><a href="https://exuberant.men/@james">mastodon</a></p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
113
public/lowkey-emacs-setup/index.html
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/lowkey-emacs-setup/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>lowkey emacs setup</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>lowkey emacs setup</h1>
|
||||
<div>
|
||||
<time>November 18, 2022</time>
|
||||
</div>
|
||||
</header><p>About a month ago I was a little bored and thought I’d give emacs a go. There’s something fun about trying out these mythical pieces of software that have been around forever; kind of like watching The Godfather for the first time. Like many extensible, super configurable programs, emacs seems kind of impenetrable at first glance. I tried doing the tutorial but kind of glazed over after a while with the endless stream of C-a C-b C-c. There’s also the quite jarring default theme which wasn’t vibing with the lovely screenshots I had seen on the internet. Anyway, after quite a bit of fiddling I’ve landed on a simple little setup that I’ve been quite enjoying. Here are a few little pointers to hopefully ease you in.</p>
|
||||
<h3 id="aesthetic-niceties">AESTHETIC NICETIES</h3>
|
||||
<p>First things first, assuming you’re on linux emacs is configured with a file at <code>~/.emacs.d/init.el</code>. As a terrible aesthete, the first thing I was worried about was changing the theme. This can be achieved with <code>M-x load-theme</code>; if you want the setting to persist though you can add this to you init.el:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="nv">load-theme</span> <span class="ss">'misterioso</span> <span class="no">t</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>There are a few themes out of the box but if you’re looking for some more I would recomment the doom-themes package. Speaking of packages, emacs has a built in package-manager that installs packages from the Emacs Lisp Package Archive (GNU ELPA); I unfortunately know very little about this as I’ve been using nix to manage my emacs packages.</p>
|
||||
<p>Anyway we’ve got a theme, how about a custom startup message for our initial buffer:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="k">setq</span> <span class="nv">inhibit-startup-message</span> <span class="no">t</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">inhibit-startup-echo-area-message</span> <span class="no">t</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">initial-scratch-message</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s">";;oh how i adore to edit text with emacs!"</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Maybe you dont want those big old cumbersome toolbars cluttering up your screen:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="nv">scroll-bar-mode</span> <span class="mi">-1</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="nv">tool-bar-mode</span> <span class="mi">-1</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="nv">menu-bar-mode</span> <span class="mi">-1</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Perhaps some line highlighting and numbering:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="c1">;;line numbering</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="nv">global-display-line-numbers-mode</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="k">setq</span> <span class="nv">display-line-numbers-type</span> <span class="ss">'relative</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c1">;;line higlight</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="nv">global-hl-line-mode</span> <span class="no">t</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Custom font?</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="k">setq</span> <span class="nv">default-frame-alist</span> <span class="o">'</span><span class="p">((</span><span class="nv">font</span> <span class="o">.</span> <span class="s">"agave Nerd Font 14"</span><span class="p">)))</span>
|
||||
</span></span></code></pre></div><h3 id="custom-keybindings-and-evil">CUSTOM KEYBINDINGS AND EVIL</h3>
|
||||
<p>I don’t know if it’s just sunk cost fallacy or what but having gone to the trouble of learning to some extent how vim works, I kind of feel incomplete without vim keybindings now. Fortunately, emacs has evil mode which effectively emulates vim modal editing in emacs. To configure evil in our init.el we’ll use use-package. This is a macro which - to my understanding - talks to your package manager allowing you to configure installed packages in a nice neat efficient manner. To enable it, add this to your init.el:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="nv">eval-when-compile</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nf">require</span> <span class="ss">'use-package</span><span class="p">))</span>
|
||||
</span></span></code></pre></div><p>These are the keybindings that I currently have going; nothing too crazy just a few simple things:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="nf">use-package</span> <span class="nv">evil</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="ss">:config</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">evil-mode</span> <span class="mi">1</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">evil-select-search-module</span> <span class="ss">'evil-search-module</span> <span class="ss">'evil-search</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">;;manage panes</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-s"</span><span class="p">)</span> <span class="ss">'evil-window-split</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-v"</span><span class="p">)</span> <span class="ss">'evil-window-vsplit</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-h"</span><span class="p">)</span> <span class="ss">'evil-window-left</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-j"</span><span class="p">)</span> <span class="ss">'evil-window-down</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-k"</span><span class="p">)</span> <span class="ss">'evil-window-up</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-l"</span><span class="p">)</span> <span class="ss">'evil-window-right</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">;;get files open quick</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-f"</span><span class="p">)</span> <span class="ss">'find-file</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-b"</span><span class="p">)</span> <span class="ss">'dired-jump</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">;;terminal</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-t"</span><span class="p">)</span> <span class="ss">'ansi-term</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">;;nav buffers</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-,"</span><span class="p">)</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"C-x <left>"</span><span class="p">))</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">define-key</span> <span class="nv">evil-normal-state-map</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"M-."</span><span class="p">)</span> <span class="p">(</span><span class="nv">kbd</span> <span class="s">"C-x <right>"</span><span class="p">))</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="some-friednly-ide-features-you-may-like">SOME FRIEDNLY IDE FEATURES YOU MAY LIKE</h3>
|
||||
<p>I don’t know about you but having used vscode here and there I’ve become accustomed to a lot of these little IDE crutches (completion, autopair and the like) and now when I don’t have thme I feel a little sad. Emacs has it covered though as long as you’re happy with installing some additional stuff. Auto-completion? Try company:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="c1">;; enable company in all buffers</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="nv">add-hook</span> <span class="ss">'after-init-hook</span> <span class="ss">'global-company-mode</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">(</span><span class="nf">use-package</span> <span class="nv">company</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="ss">:commands</span> <span class="nv">company-tng-configure-default</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="ss">:custom</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">;; delay to start completion</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">company-idle-delay</span> <span class="mi">0</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">;; nb of chars before triggering completion</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">company-minimum-prefix-length</span> <span class="mi">1</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>You want the nice little autopair brackets?</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="nf">use-package</span> <span class="nv">flex-autopair</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="ss">:config</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">(</span><span class="nv">flex-autopair-mode</span> <span class="mi">1</span><span class="p">))</span>
|
||||
</span></span></code></pre></div><p>Clever commenting?</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lisp" data-lang="lisp"><span class="line"><span class="cl"><span class="p">(</span><span class="nf">use-package</span> <span class="nv">smart-comment</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="ss">:bind</span> <span class="p">(</span><span class="s">"M-c"</span> <span class="o">.</span> <span class="nv">smart-comment</span><span class="p">))</span>
|
||||
</span></span></code></pre></div><p>Here’s a little pic of the current setup :)</p>
|
||||
<p><img src="/image/emacs.png" alt="emacs"></p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
83
public/making-nix-colors-talk-to-neovim/index.html
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/making-nix-colors-talk-to-neovim/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>making nix-colors talk to neovim</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>making nix-colors talk to neovim</h1>
|
||||
<div>
|
||||
<time>August 18, 2023</time>
|
||||
</div>
|
||||
</header><p>I recently started fiddling around with home-managerifying my neovim config.
|
||||
After moving across most of my stuff I came across the problem of how to hook things up with with <a href="https://github.com/misterio77/nix-colors">nix-colors</a> so that my neovim theme would follow color changes in home-manager.</p>
|
||||
<p>Luckily, I came across <a href="https://github.com/echasnovski/mini.nvim/blob/main/readmes/mini-base16.md">this</a> handy little plugin from the lovely <a href="https://github.com/echasnovski/mini.nvim">mini.nvim</a> suite of plugins which lets you create your own theme with your custom colors.</p>
|
||||
<p>Beneath is a little snippet of how you could make it all happen.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="p">{</span> <span class="n">inputs</span><span class="o">,</span> <span class="n">pkgs</span><span class="o">,</span> <span class="o">...</span> <span class="p">}:</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">imports</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">inputs</span><span class="o">.</span><span class="n">nix-colors</span><span class="o">.</span><span class="n">homeManagerModules</span><span class="o">.</span><span class="n">default</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">scheme</span> <span class="o">=</span> <span class="n">inputs</span><span class="o">.</span><span class="n">nix-colors</span><span class="o">.</span><span class="n">schemes</span><span class="o">.</span><span class="n">onedark</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">programs</span><span class="o">.</span><span class="n">neovim</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">plugins</span> <span class="o">=</span> <span class="k">with</span> <span class="n">pkgs</span><span class="o">.</span><span class="n">vimPlugins</span><span class="p">;</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">plugin</span> <span class="o">=</span> <span class="n">mini-nvim</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">config</span> <span class="o">=</span> <span class="s1">''
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> lua << END
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> require('mini.base16').setup({
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> palette = {
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base00 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base00</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base01 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base01</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base02 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base02</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base03 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base03</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base04 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base04</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base05 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base05</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base06 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base06</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base07 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base07</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base08 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base08</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base09 = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base09</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base0A = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base0A</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base0B = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base0B</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base0C = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base0C</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base0D = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base0D</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base0E = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base0E</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> base0F = '#</span><span class="si">${</span><span class="n">scheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base0F</span><span class="si">}</span><span class="s1">',
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> },
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> })
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> END
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> ''</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>Happy theming!</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
109
public/multi-user-qtile-fiddling/index.html
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/multi-user-qtile-fiddling/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>multi user qtile fiddling</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>multi user qtile fiddling</h1>
|
||||
<div>
|
||||
<time>December 20, 2022</time>
|
||||
</div>
|
||||
</header><p>This post is going to detail how I solved a very particular problem I had created for myself. First, a quick description of the problem. I use home-manager on nixos to declaratively configure what happens on my computer. In the cases where home-manager does not expose sufficient configuration options for my liking (qtile for example), I instead link a configuration file from my nixos config to where it belongs in my home using <code>xdg.configFile</code>. This is what I do with my qtile <code>config.py</code>. I use qtile on my desktop and laptop but I dont want an identical setup on the two machines. I have jumped through many different slightly silly hoops in my nixos config sort of solving this problem until the other day it occured to me this could all be achieved with my python in my qtile config.</p>
|
||||
<h3 id="the-nub-of-the-problem">THE NUB OF THE PROBLEM</h3>
|
||||
<p>I basically just want the config to work out which computer it’’s on and then change some things accordingly. This can be achieved by getting the hostname with the socket module:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">if</span> <span class="n">socket</span><span class="o">.</span><span class="n">gethostname</span><span class="p">()</span> <span class="o">==</span> <span class="s1">'baron'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># some stuff i want to happen on my desktop</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">elif</span> <span class="n">socket</span><span class="o">.</span><span class="n">gethostname</span><span class="p">()</span> <span class="o">==</span> <span class="s1">'countess'</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># some stuff i want to happen on my laptop </span>
|
||||
</span></span></code></pre></div><p>There are three main things that I like to differ between my two computers:</p>
|
||||
<ul>
|
||||
<li>widgets on my bar (I don’t need brightness and battery on my desktop)</li>
|
||||
<li>keybindings</li>
|
||||
<li>programs to autostart</li>
|
||||
</ul>
|
||||
<h3 id="widgets">WIDGETS</h3>
|
||||
<p>My current solution for this is to define to separate lists of widgets and then point to each one when I make my bar for each computer. This isn’t perfect; it would be nice to have a list of all common widgets and then add to that with the unique ones. I haven’t worked out a way to add the additional widgets without just plopping them all at the end of the bar which isn’t necessarily where I want them (thinking about this now I think I might be able to use the insert method with a little for loop).</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">countess_widgets</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># all the great widgets i want on my laptop</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="n">screens</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Screen</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">top</span> <span class="o">=</span> <span class="n">bar</span><span class="o">.</span><span class="n">Bar</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">widgets</span> <span class="o">=</span> <span class="n">countess_widgets</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">]</span>
|
||||
</span></span></code></pre></div><h3 id="keybindings">KEYBINDINGS</h3>
|
||||
<p>For keybindings I use extend to add some additional bindings to my global ones. This is mainly useful for the ones I use to change brightness on my laptop.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">countess_keys</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Key</span><span class="p">([</span><span class="n">m</span><span class="p">],</span> <span class="s1">'Up'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">lazy</span><span class="o">.</span><span class="n">spawn</span><span class="p">(</span><span class="s1">'light -A 5'</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">desc</span><span class="o">=</span><span class="s1">'backlight up'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Key</span><span class="p">([</span><span class="n">m</span><span class="p">],</span> <span class="s1">'Down'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">lazy</span><span class="o">.</span><span class="n">spawn</span><span class="p">(</span><span class="s1">'light -U 5'</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">desc</span><span class="o">=</span><span class="s1">'backlight down'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="n">keys</span><span class="o">.</span><span class="n">extend</span><span class="p">(</span><span class="n">countess_keys</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>You could even change a specific global binding on one computer if you knew its index in the list:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">keys</span><span class="p">[</span><span class="mi">420</span><span class="p">]</span> <span class="o">=</span> <span class="n">Key</span><span class="p">([</span><span class="n">m</span><span class="p">],</span> <span class="s1">'d'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">lazy</span><span class="o">.</span><span class="n">spawn</span><span class="p">(</span><span class="s1">'dmenu_run'</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">desc</span> <span class="o">=</span> <span class="s1">'dmenu'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="autostart">AUTOSTART</h3>
|
||||
<p>Finally, I use this to autostart different programs which I want to change on each computer. For example I use an xrandr command to make sure my desktop monitor is at 144hz. It looks like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="nd">@hook.subscribe.startup_once</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">autostart</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">processes</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'feh'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'--bg-scale'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'/home/james/pics/wallpapers/beaut.jpg'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">],</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'xrandr'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'--output'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'DisplayPort2'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'--primary'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'--mode'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'1920x1080'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'--rate'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'143.85'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">p</span> <span class="ow">in</span> <span class="n">processes</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">subprocess</span><span class="o">.</span><span class="n">Popen</span><span class="p">(</span><span class="n">p</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>Of course, there are many ways that this could all be achievd but I think it’s quite neat having it all in my one qtile config. That’s about it for today. lots of love x</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,119 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/podcast-setup-for-broke-boys-whose-trash-phone-cant-hack-modern-apps/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>podcast setup for broke boys whose trash phone cant hack modern apps</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>podcast setup for broke boys whose trash phone cant hack modern apps</h1>
|
||||
<div>
|
||||
<time>January 24, 2023</time>
|
||||
</div>
|
||||
</header><p>I have an old sad android phone with 2GB of ram which nowadays seems to struggle with anything but the most lightweight apps. As a result of this I have been ‘podcast-player-hopping’ without success for the last couple of months trying to find something which doesn’t nuke my phone whenever I use it. In a moment of desperation it occured to me that a creative solution might be required. The gameplan was this:</p>
|
||||
<ul>
|
||||
<li>write python script to download podcasts</li>
|
||||
<li>set up cron job on my server to run script every couple of hours</li>
|
||||
<li>sync podcasts across my devices using the lovely <a href="https://syncthing.net/">syncthing</a></li>
|
||||
<li>listen to podcasts using vlc which my phone loves</li>
|
||||
</ul>
|
||||
<p>For the python script I used the lovely <a href="https://feedparser.readthedocs.io/en/latest/introduction.html">feedparser</a> module for easy talking to my rss feeds.</p>
|
||||
<h3 id="where-the-podcasts-go">WHERE THE PODCASTS GO</h3>
|
||||
<p>First thing I would want my script to do is create a subdirectory of my main podcast directory for each individual podcast. After plopping all my feeds in a list like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">rss_urls</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'https://anchor.fm/s/1311c8b8/podcast/rss'</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s1">'https://feeds.acast.com/public/shows/5e7b777ba085cbe7192b0607'</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">]</span>
|
||||
</span></span></code></pre></div><p>I wrote a little function that would parse each of these feeds get its name, and make a directory if one does not already exist.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">create_dirs</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">url</span> <span class="ow">in</span> <span class="n">rss_urls</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">f</span> <span class="o">=</span> <span class="n">feedparser</span><span class="o">.</span><span class="n">parse</span><span class="p">(</span><span class="n">url</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">feed_name</span> <span class="o">=</span> <span class="n">f</span><span class="p">[</span><span class="s1">'feed'</span><span class="p">][</span><span class="s1">'title'</span><span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">current_feeds</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">listdir</span><span class="p">(</span><span class="n">pod_dir</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">feed_name</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">current_feeds</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">os</span><span class="o">.</span><span class="n">makedirs</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="n">feed_name</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="downloading">DOWNLOADING</h3>
|
||||
<p>With this sorted I now turned to the actual downloading of podcasts. This function parses each rss feed, filters it for entries from the last week, then grabs a title and a url for the audio file. These are stuck together into a list of lists with each list representing a separate entry.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">get_pods</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">global</span> <span class="n">feed_info</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">feed_info</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">url</span> <span class="ow">in</span> <span class="n">rss_urls</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">f</span> <span class="o">=</span> <span class="n">feedparser</span><span class="o">.</span><span class="n">parse</span><span class="p">(</span><span class="n">url</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">pod</span> <span class="ow">in</span> <span class="n">f</span><span class="o">.</span><span class="n">entries</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">time</span><span class="o">.</span><span class="n">time</span><span class="p">()</span> <span class="o">-</span> <span class="n">time</span><span class="o">.</span><span class="n">mktime</span><span class="p">(</span><span class="n">pod</span><span class="o">.</span><span class="n">published_parsed</span><span class="p">)</span> <span class="o"><</span> <span class="p">(</span><span class="mi">86400</span><span class="o">*</span><span class="mi">7</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">feed_name</span> <span class="o">=</span> <span class="n">f</span><span class="o">.</span><span class="n">feed</span><span class="o">.</span><span class="n">title</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pod_name</span> <span class="o">=</span> <span class="n">pod</span><span class="o">.</span><span class="n">title</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pod_dl</span> <span class="o">=</span> <span class="n">pod</span><span class="o">.</span><span class="n">enclosures</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span><span class="o">.</span><span class="n">href</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pod_info</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">feed_name</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pod_name</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pod_dl</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">feed_info</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">pod_info</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">feed_info</span>
|
||||
</span></span></code></pre></div><p>This next function looks at all the podcast subdirectories and returns a list of all the podcasts I already have downloaded. This can be used when downloading to only get new podcasts.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">get_downloads</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">downloads</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pods</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">listdir</span><span class="p">(</span><span class="n">pod_dir</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="nb">dir</span> <span class="ow">in</span> <span class="n">pods</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">isdir</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="nb">dir</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">file</span> <span class="ow">in</span> <span class="n">os</span><span class="o">.</span><span class="n">listdir</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="nb">dir</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">downloads</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">file</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="n">downloads</span>
|
||||
</span></span></code></pre></div><p>Now for the actual getting of the audio files. Here we use requests to make a request to the audio file url and write the content to the relevant directory. I also append a .mp3 to the filenames so they play nice with media players.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">download</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">a</span> <span class="o">=</span> <span class="n">get_pods</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">pod</span> <span class="ow">in</span> <span class="n">a</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">b</span> <span class="o">=</span> <span class="n">get_downloads</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">pod</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span><span class="o">+</span><span class="s1">'.mp3'</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">b</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">try</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">dl</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">pod</span><span class="p">[</span><span class="mi">2</span><span class="p">])</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">except</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">print</span><span class="p">(</span><span class="s1">'Download Error'</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="n">pod</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'/'</span> <span class="o">+</span> <span class="n">pod</span><span class="p">[</span><span class="mi">1</span><span class="p">]</span> <span class="o">+</span> <span class="s1">'.mp3'</span><span class="p">,</span> <span class="s1">'wb'</span><span class="p">)</span> <span class="k">as</span> <span class="n">file</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">file</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">dl</span><span class="o">.</span><span class="n">content</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><h3 id="pruning">PRUNING</h3>
|
||||
<p>As it stands, the script does downloading great. The only thing we need is some kind of automatic deletion so my phone doesnt get clogged up with old podcasts. This function checks for files which were created over a week ago and deletes the offenders.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="k">def</span> <span class="nf">trim</span><span class="p">():</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="nb">dir</span> <span class="ow">in</span> <span class="n">os</span><span class="o">.</span><span class="n">listdir</span><span class="p">(</span><span class="n">pod_dir</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">os</span><span class="o">.</span><span class="n">path</span><span class="o">.</span><span class="n">isdir</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="nb">dir</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">pods</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">listdir</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="nb">dir</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">for</span> <span class="n">pod</span> <span class="ow">in</span> <span class="n">pods</span><span class="p">:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">st</span> <span class="o">=</span> <span class="n">os</span><span class="o">.</span><span class="n">stat</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="nb">dir</span> <span class="o">+</span> <span class="s1">'/'</span> <span class="o">+</span> <span class="n">pod</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">mtime</span><span class="o">=</span><span class="n">st</span><span class="o">.</span><span class="n">st_mtime</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="n">time</span><span class="o">.</span><span class="n">time</span><span class="p">()</span> <span class="o">-</span> <span class="n">mtime</span> <span class="o">></span> <span class="p">(</span><span class="mi">86400</span><span class="o">*</span><span class="n">trim_age</span><span class="p">):</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">os</span><span class="o">.</span><span class="n">remove</span><span class="p">(</span><span class="n">pod_dir</span> <span class="o">+</span> <span class="nb">dir</span> <span class="o">+</span> <span class="s1">'/'</span> <span class="o">+</span> <span class="n">pod</span><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>The last thing is to call the functions:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">create_dirs</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="n">download</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="n">trim</span><span class="p">()</span>
|
||||
</span></span></code></pre></div><p>Of course this slightly ramshackle approach is certainly not for everyone lol but as it stands it’s working quite nicely for me. Lots of love and happy listening :)</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
173
public/posts/index.html
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/posts/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/posts/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Posts</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content"><ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/so-you-want-to-write-a-neovim-plugin-with-lua/">
|
||||
so you want to write a neovim plugin with lua
|
||||
<small><time>Apr 6, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/making-nix-colors-talk-to-neovim/">
|
||||
making nix-colors talk to neovim
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/vanilla-javascript-theme-toggle-for-simpletons/">
|
||||
vanilla javascript theme toggle for simpletons
|
||||
<small><time>Jun 26, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/">
|
||||
tailscale, caddy, and nixos containers - a match made in heaven
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/learning-about-qtile-widgets-via-the-medium-of-cricket/">
|
||||
learning about qtile widgets via the medium of cricket
|
||||
<small><time>Apr 3, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/theming-nirvana/">
|
||||
theming nirvana
|
||||
<small><time>Mar 13, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/translating-docker-to-nix/">
|
||||
translating docker to nix?!
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/simple-nixos-config-for-vps-static-site/">
|
||||
simple nixos config for vps static site
|
||||
<small><time>Jan 29, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/podcast-setup-for-broke-boys-whose-trash-phone-cant-hack-modern-apps/">
|
||||
podcast setup for broke boys whose trash phone cant hack modern apps
|
||||
<small><time>Jan 24, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/elite-bread-dough-for-lazy-boys/">
|
||||
elite bread dough for lazy boys
|
||||
<small><time>Jan 22, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/multi-user-qtile-fiddling/">
|
||||
multi user qtile fiddling
|
||||
<small><time>Dec 20, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/teeny-tiny-bash-fetch-script/">
|
||||
teeny tiny bash fetch script
|
||||
<small><time>Dec 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/get-the-thoughts-out-of-your-head-and-into-a-digital-format-with-this-python-journal-script/">
|
||||
get the thoughts out of your head and into a digital format with this python journal script
|
||||
<small><time>Dec 1, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/lowkey-emacs-setup/">
|
||||
lowkey emacs setup
|
||||
<small><time>Nov 18, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/setting-up-a-lean-mean-hugo-blogging-theme/">
|
||||
setting up a lean mean hugo blogging theme
|
||||
<small><time>Nov 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-continuing-search-for-en-passant-checkmate/">
|
||||
chess.com api and the continuing search for en passant checkmate
|
||||
<small><time>Nov 8, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-search-for-en-passant-checkmate/">
|
||||
chess.com api and the search for en passant checkmate
|
||||
<small><time>Oct 26, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/declarative-firefox-config-with-home-manager-on-nixos/">
|
||||
declarative firefox config with home-manager on nixos
|
||||
<small><time>Oct 2, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/upgrade-your-qtile-setup-with-a-cute-dropdown-terminal/">
|
||||
upgrade your qtile setup with a cute dropdown terminal
|
||||
<small><time>Sep 23, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/rudimentary-local-scrobbling-with-bash/">
|
||||
rudimentary local scrobbling with bash
|
||||
<small><time>Sep 13, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/posts/index.xml
Normal file
61
public/rudimentary-local-scrobbling-with-bash/index.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/rudimentary-local-scrobbling-with-bash/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>rudimentary local scrobbling with bash</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>rudimentary local scrobbling with bash</h1>
|
||||
<div>
|
||||
<time>September 13, 2022</time>
|
||||
</div>
|
||||
</header><p>There are lots of music players on linux. I have used lots of them, I quite like some of them. But for some reason I decided I wanted more. With this in mind, over the past few months I have been constructing a sprawling ecosystem of bash scripts all geared towards delivering a customised listening experience tailored perfectly to my every need. In short, the setup uses a simple dmenu file manager to browse my local files and mpv to play them. Today I’ll be talking specifically about my setup for recording the albums I’ve been listening to.</p>
|
||||
<h3 id="lets-get-down-to-business">LET’S GET DOWN TO BUSINESS</h3>
|
||||
<p>Whenever I select a file to be played with my script I am effectively selecting a path to a file or a path to a directory with files in it which is then fed to mpv. For example, if I’m playing the classic album Lemonade by Beyonce it would look like this:</p>
|
||||
<p><code>/home/randy/music/Beyonce/Lemonade/</code></p>
|
||||
<p>To append this path to a file called scrobble while removing the first three directories (or the first 18 characters) rather inelegantly:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">printf</span> <span class="s2">"%s"</span> <span class="s2">"</span><span class="nv">$selected_path</span><span class="s2">"</span> <span class="p">|</span> cut -c 18- >> scrobble
|
||||
</span></span></code></pre></div><p>As new paths are appended to the file, this will will result in a scrobble file made up of three columns: the first for artists, the second for albums, and the third for songs.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">Abdullah Ibrahim/South Africa
|
||||
</span></span><span class="line"><span class="cl">Darkside/Psychic
|
||||
</span></span><span class="line"><span class="cl">SOPHIE/OIL OF EVERY PEARL<span class="err">'</span>S UN-INSIDES
|
||||
</span></span><span class="line"><span class="cl">Nicolas Jaar/Space Is Only Noise/2 Colomb.flac
|
||||
</span></span><span class="line"><span class="cl">Townes Van Zandt
|
||||
</span></span></code></pre></div><p>As you can see here, unless you only play music song by song, not all columns will always be populated. Now we have a file that contains this information we can do stuff to it. For example, to show our listening history and display it in columns with some pretty labels:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">tac scrobble <span class="p">|</span> column -t -s <span class="s2">"/"</span> -N <span class="s2">" ,artist,album,track"</span>
|
||||
</span></span></code></pre></div><p>Maybe you only want the last ten things you listened to:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">tail -n <span class="m">10</span> scrobble <span class="p">|</span> column -t -s <span class="s2">"/"</span> -N <span class="s2">" ,artist,album,song"</span>
|
||||
</span></span></code></pre></div><p>To find our most played atrists it’s a little more complicated. We can use awk to extract the artist column and remove all duplicate entries with sort -u to get a list of all played artists to iterate over. Then for each unique artist we grep for instances of them in the artist column and append that number of instances and the artist to a temporary file. This can then displayed as you see fit:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="k">for</span> album in <span class="k">$(</span>awk -F/ <span class="s1">'{ print $2 }'</span> scrobble <span class="p">|</span> sort -u<span class="k">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">do</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">echo</span> <span class="s2">"'</span><span class="nv">$album</span><span class="s2">'/"</span><span class="k">$(</span>awk -F/ <span class="s1">'{ print $2 }'</span> <span class="s2">"</span><span class="nv">$scrob_file</span><span class="s2">"</span> <span class="p">|</span> grep <span class="nv">$album</span> <span class="p">|</span> wc -l<span class="k">)</span><span class="s2">""</span> >> temp
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">done</span>
|
||||
</span></span></code></pre></div><p>So these are just a few examples; the real point is once you have that file of three columns the world is your oyster. You could probably even use something a little less cumbersome such as python.</p>
|
||||
<p>Finally, disclaimer: I am a bash amateur so I hope nothing you’ve seen here was too upsetting. Lots of love x</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
113
public/setting-up-a-lean-mean-hugo-blogging-theme/index.html
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/setting-up-a-lean-mean-hugo-blogging-theme/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>setting up a lean mean hugo blogging theme</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>setting up a lean mean hugo blogging theme</h1>
|
||||
<div>
|
||||
<time>November 10, 2022</time>
|
||||
</div>
|
||||
</header><p>When I first started messing around with hugo, I found the whole thing slihtly mystifying. I downloaded a theme like they asked me, edited the config file to try and customise things a little and quickly broke everything. To be fair, this was mainly due to my tinkering instinct to fly to close to the sun. But anyway, the point at which I started to really appreciate the power of hugo was when I tried to make my own - admittedly less feautureful - theme. This selection of tips and tricks will assume that you’ve just run something like <code>hugo new site lovely-new-website</code>, entered the new directory with <code>cd lovely-new-website</code> and you’ve got a selection of mostly empty directories looking something like this.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">.
|
||||
</span></span><span class="line"><span class="cl">├── archetypes
|
||||
</span></span><span class="line"><span class="cl">│ └── default.md
|
||||
</span></span><span class="line"><span class="cl">├── config.toml
|
||||
</span></span><span class="line"><span class="cl">├── content
|
||||
</span></span><span class="line"><span class="cl">├── data
|
||||
</span></span><span class="line"><span class="cl">├── layouts
|
||||
</span></span><span class="line"><span class="cl">├── public
|
||||
</span></span><span class="line"><span class="cl">├── static
|
||||
</span></span><span class="line"><span class="cl">└── themes
|
||||
</span></span></code></pre></div><p>Our first concern will be getting a barebones theme template that can be customised to our liking. I would recommend <a href="https://github.com/ericmurphyxyz/hugo-starter-theme">this</a> guy which I used to get up and running. You could also check out <a href="https://gitlab.com/robbygozzarder/mcl">my theme</a> which I’m using on this site that is also very simple (as you can probably see from the website lol). Once you’ve got a theme with (I’m using mine as an example) <code>git clone https://gitlab.com/robbygozzarder/mcl</code> and placed it in the themes directory you’ll need to adjust your config.toml file to point it to this theme.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">theme</span><span class="p">=</span><span class="s2">"mcl"</span>
|
||||
</span></span></code></pre></div><p>The directory structure of your new theme will look something like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">.
|
||||
</span></span><span class="line"><span class="cl">└── mcl
|
||||
</span></span><span class="line"><span class="cl"> ├── archetypes
|
||||
</span></span><span class="line"><span class="cl"> │ └── default.md
|
||||
</span></span><span class="line"><span class="cl"> ├── layouts
|
||||
</span></span><span class="line"><span class="cl"> │ ├── 404.html
|
||||
</span></span><span class="line"><span class="cl"> │ ├── _default
|
||||
</span></span><span class="line"><span class="cl"> │ │ ├── list.html
|
||||
</span></span><span class="line"><span class="cl"> │ │ └── single.html
|
||||
</span></span><span class="line"><span class="cl"> │ ├── index.html
|
||||
</span></span><span class="line"><span class="cl"> │ └── partials
|
||||
</span></span><span class="line"><span class="cl"> │ ├── footer.html
|
||||
</span></span><span class="line"><span class="cl"> │ ├── header.html
|
||||
</span></span><span class="line"><span class="cl"> │ └── nav.html
|
||||
</span></span><span class="line"><span class="cl"> ├── README.md
|
||||
</span></span><span class="line"><span class="cl"> └── static
|
||||
</span></span><span class="line"><span class="cl"> └── css
|
||||
</span></span><span class="line"><span class="cl"> └── style.css
|
||||
</span></span></code></pre></div><p>This is where most of the magic happens:</p>
|
||||
<ul>
|
||||
<li>The default.md file in the archetypes directory dictates what template to follow when adding new post files.</li>
|
||||
<li>The layouts directory is where most of the meat is:
|
||||
<ul>
|
||||
<li>Firstly, there’s the partials directory which contains outlines for sections which you want to be used multiple times across the site such as a footer (footer.html)</li>
|
||||
<li>Sceondly, we have _default which contains outlines for the two types of hugo pages; singles (single.html) such as this individual post page, and lists (list.html) such as the tags and posts pages on this site.</li>
|
||||
<li>Partials also contains index.html which (you guessed it!) is your home page.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Last but not least, there’s static which as you can see just has the css for the site (this is all looks though - the action happens in partials).</li>
|
||||
</ul>
|
||||
<p>Now the theme is sorted the next three things you need to know anything about (imho) are the content, public, and static directories:</p>
|
||||
<ul>
|
||||
<li>Content is where you put your posts - these are just markdown files which hugo converts to html for you.</li>
|
||||
<li>Public is where hugo puts your built - ready to be served - site. You can then copy this directory to wherever your webserver is looking eg. /var/www/jdysmcl</li>
|
||||
<li>Static is where assets which you want to use with your site are kept. I basically just use it for images which I can then reference from my posts.</li>
|
||||
</ul>
|
||||
<p>Now we’ve got the directory what’s happening where admin out the way let’s have a look at what some of the html files in the themes directory look like; this is the index.html for my site for example:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl">{{ partial "header.html" . }}
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="p"><</span><span class="nt">p</span><span class="p">></span>This is mainly a place for me to document various
|
||||
</span></span><span class="line"><span class="cl">bits and bobs I've been doing on my computers.
|
||||
</span></span><span class="line"><span class="cl">I am a noob in most things so take anything written
|
||||
</span></span><span class="line"><span class="cl">here with a pinch of salt. Lots of love :)<span class="p"></</span><span class="nt">p</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">{{ .Content }}
|
||||
</span></span><span class="line"><span class="cl">{{ range .Site.RegularPages | first 5 }}
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">h3</span><span class="p">></span> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"{{ .RelPermalink }}"</span><span class="p">></span>{{ .Title }}<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">h3</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> {{ .Summary }}
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">br</span><span class="p">><</span><span class="nt">br</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> {{ .Date.Format "06 Jan, 2006" }} |
|
||||
</span></span><span class="line"><span class="cl"> {{ .WordCount }} words |
|
||||
</span></span><span class="line"><span class="cl"> {{ .ReadingTime }} mins |
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> {{ range (.GetTerms "tags") }}
|
||||
</span></span><span class="line"><span class="cl"> <span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">'{{ .Permalink }}'</span><span class="p">></span>{{ .LinkTitle }}<span class="p"></</span><span class="nt">a</span><span class="p">></span>
|
||||
</span></span><span class="line"><span class="cl"> {{ end }}
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">{{ end }}
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">{{ partial "footer.html" . }}
|
||||
</span></span></code></pre></div><p>In short, this plops the header and footer partials at the top and bottom of the page respectively, includes a short warning not to listen to me, and then displays my five most recent posts along with a snippet of the post and some accompanyning info: date, word count, reading time, and tags. The keen eyed among you will have noticed that this is a mish mash of normal html tags and strange stuff enclosed in double curly brackets. I’m going to end on this cliffhanger but if you want to know more about the curly brackets check out the hugo docs <a href="https://gohugo.io/templates/introduction">here</a>.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
87
public/simple-nixos-config-for-vps-static-site/index.html
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/simple-nixos-config-for-vps-static-site/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>simple nixos config for vps static site</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>simple nixos config for vps static site</h1>
|
||||
<div>
|
||||
<time>January 29, 2023</time>
|
||||
</div>
|
||||
</header><p>Setting up a little static site is something I’ve done a few different times on a few different operating systems. It’s a slightly fiddly task with a few disparate jobs that all need looking after: ssh, let’s encrypt, nginx. In my opinion, it is one of the moments where consolidating all the little bits and bobs you need to setup into one common configuration is very useful.</p>
|
||||
<p>I’m going to go through a bit of the nixos config I’ve got for my vps.</p>
|
||||
<h3 id="ssh">SSH</h3>
|
||||
<p>Having a way to to get into your server is useful. Managing ssh on nix is very simple; this enables the ssh daemon, tells it what port to run on, disables plain text passwords, and disables root login.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">services</span><span class="o">.</span><span class="n">openssh</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">ports</span> <span class="o">=</span> <span class="p">[</span> <span class="mi">69</span> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">settings</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">passwordAuthentication</span> <span class="o">=</span> <span class="no">false</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">permitRootLogin</span> <span class="o">=</span> <span class="s2">"no"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><h3 id="adding-a-user">ADDING A USER</h3>
|
||||
<p>Generally, it’s nice to have a user so you’re not just rawdogging everything as root. This adds a user called ronald, sets their default shell, and adds them to some useful groups. You can even add your public ssh keys here for ultimate convenience.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">users</span><span class="o">.</span><span class="n">users</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">ronald</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">isNormalUser</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">shell</span> <span class="o">=</span> <span class="n">pkgs</span><span class="o">.</span><span class="n">fish</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">extraGroups</span> <span class="o">=</span> <span class="p">[</span> <span class="s2">"wheel"</span> <span class="s2">"nginx"</span> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">openssh</span><span class="o">.</span><span class="n">authorizedKeys</span><span class="o">.</span><span class="n">keyFiles</span> <span class="o">=</span> <span class="p">[</span> <span class="s2">"/path/to/public/key/file"</span> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><h3 id="nginx">NGINX</h3>
|
||||
<p>I use nginx to serve my sites. Compared to the nginx config I used to mess around with, the equivalent nix config is very clean. This chunk tells nginx to serve the contents of <code>/var/www/example-site</code> at <code>example-site.here</code>. It also opens the ports for http and https in the firewall.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">services</span><span class="o">.</span><span class="n">nginx</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">virtualHosts</span><span class="o">.</span><span class="s2">"example-site.here"</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enableACME</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">forceSSL</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">root</span> <span class="o">=</span> <span class="s2">"/var/www/example-site/"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="n">networking</span><span class="o">.</span><span class="n">firewall</span><span class="o">.</span><span class="n">allowedTCPPorts</span> <span class="err">=</span> <span class="p">[</span> <span class="mi">80</span> <span class="mi">443</span> <span class="p">];</span>
|
||||
</span></span></code></pre></div><h3 id="https">HTTPS</h3>
|
||||
<p>You can also make nix deal with all the let’s encrypt certbot stuff. It looks like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">security</span><span class="o">.</span><span class="n">acme</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">acceptTerms</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">defaults</span><span class="o">.</span><span class="n">email</span> <span class="o">=</span> <span class="s2">"ronald@email.yes"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><p>This will set up certificates for any sites you set the <code>enableAMCE</code> to true option for.</p>
|
||||
<h3 id="cron">CRON</h3>
|
||||
<p>This is one final little tidbit I set up the other day. I had got bored of having to ssh into my server to manually copy my updated site to the website root. The problem was I would need root privileges on the server to rsync the files to the website root. This seemed like a whole minefield I didn’t want to mess with. Instead I set up a little cron job which copies a directory from my home to the website root every hour.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">services</span><span class="o">.</span><span class="n">cron</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">systemCronJobs</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"@hourly root cp -r /home/ronald/example-site /var/www/"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><p>This means I can just rsync the updated site from my laptop to the server and it’ll be updated within the hour. Good enough for me.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
140
public/sitemap.xml
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>http://localhost:1313/tags/lua/</loc>
|
||||
<lastmod>2024-04-06T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/neovim/</loc>
|
||||
<lastmod>2024-04-06T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/</loc>
|
||||
<lastmod>2024-04-06T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/so-you-want-to-write-a-neovim-plugin-with-lua/</loc>
|
||||
<lastmod>2024-04-06T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/</loc>
|
||||
<lastmod>2024-04-06T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/</loc>
|
||||
<lastmod>2024-04-06T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/home-manager/</loc>
|
||||
<lastmod>2023-08-18T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/making-nix-colors-talk-to-neovim/</loc>
|
||||
<lastmod>2023-08-18T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/nix-colors/</loc>
|
||||
<lastmod>2023-08-18T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/nixos/</loc>
|
||||
<lastmod>2023-08-18T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/css/</loc>
|
||||
<lastmod>2023-06-26T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/javascript/</loc>
|
||||
<lastmod>2023-06-26T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/vanilla-javascript-theme-toggle-for-simpletons/</loc>
|
||||
<lastmod>2023-06-26T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/caddy/</loc>
|
||||
<lastmod>2023-05-16T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/self-hosting/</loc>
|
||||
<lastmod>2023-05-16T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/tailscale/</loc>
|
||||
<lastmod>2023-05-16T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/</loc>
|
||||
<lastmod>2023-05-16T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/learning-about-qtile-widgets-via-the-medium-of-cricket/</loc>
|
||||
<lastmod>2023-04-03T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/python/</loc>
|
||||
<lastmod>2023-04-03T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/qtile/</loc>
|
||||
<lastmod>2023-04-03T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/theming-nirvana/</loc>
|
||||
<lastmod>2023-03-13T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/docker/</loc>
|
||||
<lastmod>2023-02-28T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/podman/</loc>
|
||||
<lastmod>2023-02-28T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/translating-docker-to-nix/</loc>
|
||||
<lastmod>2023-02-28T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/simple-nixos-config-for-vps-static-site/</loc>
|
||||
<lastmod>2023-01-29T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/podcast-setup-for-broke-boys-whose-trash-phone-cant-hack-modern-apps/</loc>
|
||||
<lastmod>2023-01-24T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/cooking/</loc>
|
||||
<lastmod>2023-01-22T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/elite-bread-dough-for-lazy-boys/</loc>
|
||||
<lastmod>2023-01-22T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/multi-user-qtile-fiddling/</loc>
|
||||
<lastmod>2022-12-20T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/bash/</loc>
|
||||
<lastmod>2022-12-10T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/teeny-tiny-bash-fetch-script/</loc>
|
||||
<lastmod>2022-12-10T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/get-the-thoughts-out-of-your-head-and-into-a-digital-format-with-this-python-journal-script/</loc>
|
||||
<lastmod>2022-12-01T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/emacs/</loc>
|
||||
<lastmod>2022-11-18T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/lowkey-emacs-setup/</loc>
|
||||
<lastmod>2022-11-18T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/hugo/</loc>
|
||||
<lastmod>2022-11-10T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/setting-up-a-lean-mean-hugo-blogging-theme/</loc>
|
||||
<lastmod>2022-11-10T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/chess/</loc>
|
||||
<lastmod>2022-11-08T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/chess.com-api-and-the-continuing-search-for-en-passant-checkmate/</loc>
|
||||
<lastmod>2022-11-08T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/chess.com-api-and-the-search-for-en-passant-checkmate/</loc>
|
||||
<lastmod>2022-10-26T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/declarative-firefox-config-with-home-manager-on-nixos/</loc>
|
||||
<lastmod>2022-10-02T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/upgrade-your-qtile-setup-with-a-cute-dropdown-terminal/</loc>
|
||||
<lastmod>2022-09-23T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/music/</loc>
|
||||
<lastmod>2022-09-13T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/rudimentary-local-scrobbling-with-bash/</loc>
|
||||
<lastmod>2022-09-13T00:00:00+00:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/info/</loc>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/links/</loc>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/categories/</loc>
|
||||
</url>
|
||||
</urlset>
|
||||
106
public/so-you-want-to-write-a-neovim-plugin-with-lua/index.html
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/so-you-want-to-write-a-neovim-plugin-with-lua/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>so you want to write a neovim plugin with lua</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>so you want to write a neovim plugin with lua</h1>
|
||||
<div>
|
||||
<time>April 6, 2024</time>
|
||||
</div>
|
||||
</header><p>I’ve recently been messing around with writing neovim plugins.
|
||||
When I initially got going I found it a little tricky to know how to get started.
|
||||
There’s the <a href="https://neovim.io/doc">official neovim docs</a> which are great; but in my beginner experience exhaustive to the point of slight impenetrability.
|
||||
Beyond that, the thing I found most useful was simply reading the source of some popular plugins to get an idea of how things worked.
|
||||
I would recommend sticking to plugins with a smaller scope though.</p>
|
||||
<p>As a demostrative MVP (minimal viable plugin) jumping-off-point, I’m going to make a very simple note-taking plugin.
|
||||
It will provide a command to neovim which when run opens a file titled with the date and time in a specific notes directory.
|
||||
Vamos.</p>
|
||||
<p>This is what you will want your directory structure to look like.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">├── lua
|
||||
</span></span><span class="line"><span class="cl">│ └── note
|
||||
</span></span><span class="line"><span class="cl">│ └── init.lua
|
||||
</span></span><span class="line"><span class="cl">└── plugin
|
||||
</span></span><span class="line"><span class="cl"> └── note.vim
|
||||
</span></span></code></pre></div><p>The <code>plugin/note.vim</code> file will look like this.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-vim" data-lang="vim"><span class="line"><span class="cl"><span class="nx">command</span><span class="p">!</span> <span class="nx">Note</span> <span class="nx">lua</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"note"</span><span class="p">)</span>.<span class="nx">main</span><span class="p">()</span>
|
||||
</span></span></code></pre></div><p>This creates a custom command <code>Note</code> which when run will call a lua function.
|
||||
Now on to where that function and the meat of the plugin logic will live: the <code>lua/note/init.lua</code> file.
|
||||
With more complex plugins this section will often be split into many files but we’ve just got one here as it’s so simple.</p>
|
||||
<p>First things first we create a plugin object.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="kd">local</span> <span class="n">note</span> <span class="o">=</span> <span class="p">{}</span>
|
||||
</span></span></code></pre></div><p>Then we will define some default options for the plugin in a table.
|
||||
These are variables you want the user to be able to change when they call the setup function.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="kd">local</span> <span class="n">defaults</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">note_directory</span> <span class="o">=</span> <span class="s2">"~/notes/"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">date_format</span> <span class="o">=</span> <span class="s2">"%Y-%m-%d %H:%M"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">file_extension</span> <span class="o">=</span> <span class="s2">".md"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>Next we need the setup function.
|
||||
This takes the user’s options and merges them with our default options.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="kr">function</span> <span class="nc">note</span><span class="p">.</span><span class="nf">setup</span><span class="p">(</span><span class="n">user_options</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">options</span> <span class="o">=</span> <span class="n">vim.tbl_deep_extend</span><span class="p">(</span><span class="s2">"force"</span><span class="p">,</span> <span class="n">defaults</span><span class="p">,</span> <span class="n">user_options</span> <span class="ow">or</span> <span class="p">{})</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span>
|
||||
</span></span></code></pre></div><p>This is the main function where the magic happens.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="kr">function</span> <span class="nc">note</span><span class="p">.</span><span class="nf">main</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">local</span> <span class="n">dir</span> <span class="o">=</span> <span class="n">options.note_directory</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">local</span> <span class="n">name</span> <span class="o">=</span> <span class="n">os.date</span><span class="p">(</span><span class="n">options.date_format</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">local</span> <span class="n">ext</span> <span class="o">=</span> <span class="n">options.file_extension</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">local</span> <span class="n">filename</span> <span class="o">=</span> <span class="n">string.format</span><span class="p">(</span><span class="s2">"%s%s%s"</span><span class="p">,</span> <span class="n">dir</span><span class="p">,</span> <span class="n">name</span><span class="p">,</span> <span class="n">ext</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">local</span> <span class="n">command</span> <span class="o">=</span> <span class="n">string.format</span><span class="p">(</span><span class="s2">"edit %s"</span><span class="p">,</span> <span class="n">filename</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">vim.api</span><span class="p">.</span><span class="n">nvim_command</span><span class="p">(</span><span class="n">command</span><span class="p">)</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="kr">end</span>
|
||||
</span></span></code></pre></div><p>Finally we return the plugin obect.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="kr">return</span> <span class="n">note</span>
|
||||
</span></span></code></pre></div><p>At this point you should have a working plugin :)
|
||||
As a little coda, this is how you can use your fancy new plugin using <a href="https://github.com/folke/lazy.nvim/">lazy.nvim</a>.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-lua" data-lang="lua"><span class="line"><span class="cl"><span class="n">require</span><span class="p">(</span><span class="s2">"lazy"</span><span class="p">).</span><span class="n">setup</span><span class="p">({</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">-- local</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">dir</span> <span class="o">=</span> <span class="s2">"~/neovim-note-plugin"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">-- github</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">-- "me/neovim-note-plugin",</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">-- alternative non github hosting</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">-- url = "https://git.example.com/me/neovim note-plugin",</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">config</span> <span class="o">=</span> <span class="n">fucntion</span><span class="p">()</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">require</span><span class="p">(</span><span class="s2">"note"</span><span class="p">).</span><span class="n">setup</span><span class="p">({</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">file_extension</span> <span class="o">=</span> <span class="s2">".org"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">})</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kr">end</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">})</span>
|
||||
</span></span></code></pre></div><p>Hope you’ve enjoyed.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
49
public/tags/bash/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/bash/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/bash/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Bash</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Bash</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/teeny-tiny-bash-fetch-script/">
|
||||
teeny tiny bash fetch script
|
||||
<small><time>Dec 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/rudimentary-local-scrobbling-with-bash/">
|
||||
rudimentary local scrobbling with bash
|
||||
<small><time>Sep 13, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/bash/index.xml
Normal file
42
public/tags/caddy/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/caddy/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/caddy/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Caddy</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Caddy</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/">
|
||||
tailscale, caddy, and nixos containers - a match made in heaven
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/caddy/index.xml
Normal file
49
public/tags/chess/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/chess/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/chess/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Chess</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Chess</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-continuing-search-for-en-passant-checkmate/">
|
||||
chess.com api and the continuing search for en passant checkmate
|
||||
<small><time>Nov 8, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-search-for-en-passant-checkmate/">
|
||||
chess.com api and the search for en passant checkmate
|
||||
<small><time>Oct 26, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/chess/index.xml
Normal file
42
public/tags/cooking/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/cooking/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/cooking/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Cooking</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Cooking</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/elite-bread-dough-for-lazy-boys/">
|
||||
elite bread dough for lazy boys
|
||||
<small><time>Jan 22, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/cooking/index.xml
Normal file
42
public/tags/css/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/css/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/css/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Css</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Css</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/vanilla-javascript-theme-toggle-for-simpletons/">
|
||||
vanilla javascript theme toggle for simpletons
|
||||
<small><time>Jun 26, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/css/index.xml
Normal file
42
public/tags/docker/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/docker/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/docker/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Docker</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Docker</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/translating-docker-to-nix/">
|
||||
translating docker to nix?!
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/docker/index.xml
Normal file
42
public/tags/emacs/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/emacs/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/emacs/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Emacs</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Emacs</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/lowkey-emacs-setup/">
|
||||
lowkey emacs setup
|
||||
<small><time>Nov 18, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/emacs/index.xml
Normal file
63
public/tags/home-manager/index.html
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/home-manager/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/home-manager/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Home-Manager</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Home-Manager</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/making-nix-colors-talk-to-neovim/">
|
||||
making nix-colors talk to neovim
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/theming-nirvana/">
|
||||
theming nirvana
|
||||
<small><time>Mar 13, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/multi-user-qtile-fiddling/">
|
||||
multi user qtile fiddling
|
||||
<small><time>Dec 20, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/declarative-firefox-config-with-home-manager-on-nixos/">
|
||||
declarative firefox config with home-manager on nixos
|
||||
<small><time>Oct 2, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/home-manager/index.xml
Normal file
42
public/tags/hugo/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/hugo/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/hugo/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Hugo</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Hugo</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/setting-up-a-lean-mean-hugo-blogging-theme/">
|
||||
setting up a lean mean hugo blogging theme
|
||||
<small><time>Nov 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/hugo/index.xml
Normal file
175
public/tags/index.html
Normal file
|
|
@ -0,0 +1,175 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Tags</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Tags</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/lua/">
|
||||
Lua
|
||||
<small><time>Apr 6, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/neovim/">
|
||||
Neovim
|
||||
<small><time>Apr 6, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/home-manager/">
|
||||
Home-Manager
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/nix-colors/">
|
||||
Nix-Colors
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/nixos/">
|
||||
Nixos
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/css/">
|
||||
Css
|
||||
<small><time>Jun 26, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/javascript/">
|
||||
Javascript
|
||||
<small><time>Jun 26, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/caddy/">
|
||||
Caddy
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/self-hosting/">
|
||||
Self-Hosting
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/tailscale/">
|
||||
Tailscale
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/python/">
|
||||
Python
|
||||
<small><time>Apr 3, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/qtile/">
|
||||
Qtile
|
||||
<small><time>Apr 3, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/docker/">
|
||||
Docker
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/podman/">
|
||||
Podman
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/cooking/">
|
||||
Cooking
|
||||
<small><time>Jan 22, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/bash/">
|
||||
Bash
|
||||
<small><time>Dec 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/emacs/">
|
||||
Emacs
|
||||
<small><time>Nov 18, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/hugo/">
|
||||
Hugo
|
||||
<small><time>Nov 10, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/chess/">
|
||||
Chess
|
||||
<small><time>Nov 8, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tags/music/">
|
||||
Music
|
||||
<small><time>Sep 13, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/index.xml
Normal file
42
public/tags/javascript/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/javascript/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/javascript/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Javascript</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Javascript</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/vanilla-javascript-theme-toggle-for-simpletons/">
|
||||
vanilla javascript theme toggle for simpletons
|
||||
<small><time>Jun 26, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/javascript/index.xml
Normal file
42
public/tags/lua/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/lua/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/lua/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Lua</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Lua</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/so-you-want-to-write-a-neovim-plugin-with-lua/">
|
||||
so you want to write a neovim plugin with lua
|
||||
<small><time>Apr 6, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/lua/index.xml
Normal file
42
public/tags/music/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/music/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/music/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Music</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Music</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/rudimentary-local-scrobbling-with-bash/">
|
||||
rudimentary local scrobbling with bash
|
||||
<small><time>Sep 13, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/music/index.xml
Normal file
49
public/tags/neovim/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/neovim/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/neovim/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Neovim</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Neovim</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/so-you-want-to-write-a-neovim-plugin-with-lua/">
|
||||
so you want to write a neovim plugin with lua
|
||||
<small><time>Apr 6, 2024</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/making-nix-colors-talk-to-neovim/">
|
||||
making nix-colors talk to neovim
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/neovim/index.xml
Normal file
49
public/tags/nix-colors/index.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/nix-colors/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/nix-colors/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Nix-Colors</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Nix-Colors</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/making-nix-colors-talk-to-neovim/">
|
||||
making nix-colors talk to neovim
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/theming-nirvana/">
|
||||
theming nirvana
|
||||
<small><time>Mar 13, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/nix-colors/index.xml
Normal file
84
public/tags/nixos/index.html
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/nixos/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/nixos/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Nixos</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Nixos</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/making-nix-colors-talk-to-neovim/">
|
||||
making nix-colors talk to neovim
|
||||
<small><time>Aug 18, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/">
|
||||
tailscale, caddy, and nixos containers - a match made in heaven
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/theming-nirvana/">
|
||||
theming nirvana
|
||||
<small><time>Mar 13, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/translating-docker-to-nix/">
|
||||
translating docker to nix?!
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/simple-nixos-config-for-vps-static-site/">
|
||||
simple nixos config for vps static site
|
||||
<small><time>Jan 29, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/multi-user-qtile-fiddling/">
|
||||
multi user qtile fiddling
|
||||
<small><time>Dec 20, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/declarative-firefox-config-with-home-manager-on-nixos/">
|
||||
declarative firefox config with home-manager on nixos
|
||||
<small><time>Oct 2, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/nixos/index.xml
Normal file
42
public/tags/podman/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/podman/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/podman/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Podman</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Podman</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/translating-docker-to-nix/">
|
||||
translating docker to nix?!
|
||||
<small><time>Feb 28, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/podman/index.xml
Normal file
84
public/tags/python/index.html
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/python/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/python/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Python</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Python</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/learning-about-qtile-widgets-via-the-medium-of-cricket/">
|
||||
learning about qtile widgets via the medium of cricket
|
||||
<small><time>Apr 3, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/podcast-setup-for-broke-boys-whose-trash-phone-cant-hack-modern-apps/">
|
||||
podcast setup for broke boys whose trash phone cant hack modern apps
|
||||
<small><time>Jan 24, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/multi-user-qtile-fiddling/">
|
||||
multi user qtile fiddling
|
||||
<small><time>Dec 20, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/get-the-thoughts-out-of-your-head-and-into-a-digital-format-with-this-python-journal-script/">
|
||||
get the thoughts out of your head and into a digital format with this python journal script
|
||||
<small><time>Dec 1, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-continuing-search-for-en-passant-checkmate/">
|
||||
chess.com api and the continuing search for en passant checkmate
|
||||
<small><time>Nov 8, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/chess.com-api-and-the-search-for-en-passant-checkmate/">
|
||||
chess.com api and the search for en passant checkmate
|
||||
<small><time>Oct 26, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/upgrade-your-qtile-setup-with-a-cute-dropdown-terminal/">
|
||||
upgrade your qtile setup with a cute dropdown terminal
|
||||
<small><time>Sep 23, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/python/index.xml
Normal file
56
public/tags/qtile/index.html
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/qtile/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/qtile/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Qtile</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Qtile</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/learning-about-qtile-widgets-via-the-medium-of-cricket/">
|
||||
learning about qtile widgets via the medium of cricket
|
||||
<small><time>Apr 3, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/multi-user-qtile-fiddling/">
|
||||
multi user qtile fiddling
|
||||
<small><time>Dec 20, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="http://localhost:1313/upgrade-your-qtile-setup-with-a-cute-dropdown-terminal/">
|
||||
upgrade your qtile setup with a cute dropdown terminal
|
||||
<small><time>Sep 23, 2022</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/qtile/index.xml
Normal file
42
public/tags/self-hosting/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/self-hosting/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/self-hosting/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Self-Hosting</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Self-Hosting</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/">
|
||||
tailscale, caddy, and nixos containers - a match made in heaven
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/self-hosting/index.xml
Normal file
42
public/tags/tailscale/index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
<link rel="alternate" type="application/rss+xml" href="http://localhost:1313/tags/tailscale/index.xml" title="wretched.place">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tags/tailscale/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>Tailscale</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<h3>Tailscale</h3>
|
||||
<ul id="posts">
|
||||
<li>
|
||||
<a href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/">
|
||||
tailscale, caddy, and nixos containers - a match made in heaven
|
||||
<small><time>May 16, 2023</time></small>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
1416
public/tags/tailscale/index.xml
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/tailscale-caddy-and-nixos-containers-a-match-made-in-heaven/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>tailscale, caddy, and nixos containers - a match made in heaven</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>tailscale, caddy, and nixos containers - a match made in heaven</h1>
|
||||
<div>
|
||||
<time>May 16, 2023</time>
|
||||
</div>
|
||||
</header><p>For a little while now I’ve been running some services (jellyfin etc.) on an old laptop in my house. I’m not trying to sound like a podcast ad but as a networking novice, the simplicity <a href="https://tailscale.com/">tailscale</a> brings to accessing these services remotely is very nice. Until recently though, I had been accessing my services like a heathen with http and port numbers (eg http://tailscale-ip:service-port). This works and is perfectly secure thanks to tailscale though it lacks a certain finesse. In an ideal world you’d have a reverse proxy and set up SSL certs so your browser doesn’t get stressed and you dont have to rememeber ip addresses and port numbers.</p>
|
||||
<p>When I initially looked at how to do this it seemed like it was above my paygrade and not worth the stress; that was until I came across <a href="https://caddy.community/t/https-in-your-vpn-caddy-now-uses-tls-certificates-from-tailscale/15380">this</a>. This works great and is as simple as advertised though there is one drawback: you can only reverse proxy one service per host. So for my usecase of the laptop with multiple services running on it I could only use the magic caddy tailscale auto-https thing for one of them.</p>
|
||||
<h3 id="what-to-do">what to do?</h3>
|
||||
<p>Seeing as I was already using nixos on my latop server I turned to a slightly cumbersome nixos solution. One <a href="https://nixos.wiki/wiki/NixOS_Containers">nixos-container</a> for each service I wanted over https. I’d be lying If I said I completely understand all of this NAT business but this was the config I cobbled together (copied from the nixos docs).</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"> <span class="n">networking</span><span class="o">.</span><span class="n">nat</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">internalInterfaces</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"ve-+"</span><span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">externalInterface</span> <span class="o">=</span> <span class="s2">"ens3"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">containers</span><span class="o">.</span><span class="n">jellyfin</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">autoStart</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enableTun</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">privateNetwork</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">hostAddress</span> <span class="o">=</span> <span class="s2">"192.168.100.10"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">localAddress</span> <span class="o">=</span> <span class="s2">"192.168.100.11"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">bindMounts</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"/films"</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">hostPath</span> <span class="o">=</span> <span class="s2">"/mnt/films"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">config</span> <span class="o">=</span> <span class="p">{</span> <span class="n">pkgs</span><span class="o">,</span> <span class="o">...</span> <span class="p">}:</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">services</span><span class="o">.</span><span class="n">tailscale</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># permit caddy to get certs from tailscale</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">permitCertUid</span> <span class="o">=</span> <span class="s2">"caddy"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">services</span><span class="o">.</span><span class="n">jellyfin</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">openFirewall</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">services</span><span class="o">.</span><span class="n">caddy</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">extraConfig</span> <span class="o">=</span> <span class="s1">''
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> jellyfin.tailnet-name.ts.net {
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> reverse_proxy localhost:8096
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> }
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> ''</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># open https port</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">networking</span><span class="o">.</span><span class="n">firewall</span><span class="o">.</span><span class="n">allowedTCPPorts</span> <span class="o">=</span> <span class="p">[</span> <span class="mi">443</span> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">system</span><span class="o">.</span><span class="n">stateVersion</span> <span class="o">=</span> <span class="s2">"23.05"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="err">}</span>
|
||||
</span></span></code></pre></div><p>This example enables the jellyfin, tailscale, and caddy services, mounts a film folder from the host, and lets the container talk to the internet.</p>
|
||||
<p>Once you’ve logged into the container <code>sudo nixos-container root-login jellyfin</code> and authenticated with tailscale <code>sudo tailscale up</code>, you should be able to access your jellyfin in your browser at <code>https://jellyfin.tailnet-name.ts.net</code>.</p>
|
||||
<p>As well as solving the multiple services problem, separating services onto their own hosts is nice if you want to <a href="https://tailscale.com/kb/1084/sharing/">share</a> a particular service with someone else. I personaly feel happier just sharing one container running jellyfin rather than the whole host with multiple things on it. Anyway thanks for listening to my TED talk.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
107
public/teeny-tiny-bash-fetch-script/index.html
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/teeny-tiny-bash-fetch-script/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>teeny tiny bash fetch script</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>teeny tiny bash fetch script</h1>
|
||||
<div>
|
||||
<time>December 10, 2022</time>
|
||||
</div>
|
||||
</header><p>This is my attempt at a neofetch, pfetch, whateverfetch style system info utility. My main concern was making something which looked nice, was easily configurable, and as portable as possible (I didn’t really try that hard with the portability). I didn’t think much about performance; I’m personally not a man who stresses too much when a command takes a quarter of a second instead of a tenth. The basic gameplan was to get an array of bash commands which would fetch various bits and bobs, then loop through this array formatting the text with ANSI escape codes. First things first, this was the associative array I came up with:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">declare</span> -A <span class="nv">fetch</span><span class="o">=(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>user<span class="o">]=</span><span class="s2">"</span><span class="nv">$USER</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>host<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>cat /etc/hostname<span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>uptime<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>uptime <span class="p">|</span> awk <span class="s1">'{print $3}'</span> <span class="p">|</span> sed <span class="s1">'s/:/h / ; s/,/m/'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>kernel<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>awk <span class="s1">'{print $3}'</span> /proc/version<span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>distro<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>sed -n <span class="s1">'s/^PRETTY_NAME="//p'</span> /etc/os-release <span class="p">|</span> sed <span class="s1">'s/"//'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>shell<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>basename <span class="nv">$SHELL</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>de<span class="o">]=</span><span class="s2">"</span><span class="nv">$XDG_CURRENT_DESKTOP</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>terminal<span class="o">]=</span><span class="s2">"</span><span class="nv">$TERM</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>editor<span class="o">]=</span><span class="s2">"</span><span class="nv">$EDITOR</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>root<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>df -Th / <span class="p">|</span> tail -n <span class="m">1</span> <span class="p">|</span> awk <span class="s1">'{print $6}'</span><span class="k">)</span><span class="s2">,
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s2"> </span><span class="k">$(</span>df -Th / <span class="p">|</span> tail -n <span class="m">1</span> <span class="p">|</span> awk <span class="s1">'{print $2}'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>ip<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>host myip.opendns.com resolver1.opendns.com <span class="p">|</span>
|
||||
</span></span><span class="line"><span class="cl"> tail -n <span class="m">1</span> <span class="p">|</span> awk <span class="s1">'{print $4}'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>battery<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>cat /sys/class/power_supply/BAT0/capacity<span class="k">)</span><span class="s2">%"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>cpu<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>sed -n 5p /proc/cpuinfo <span class="p">|</span> cut -d: -f2<span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>ram<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>free -h <span class="p">|</span> sed -n 2p <span class="p">|</span> awk <span class="s1">'{print $3}'</span><span class="k">)</span><span class="s2"> /
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s2"> </span><span class="k">$(</span>free -h <span class="p">|</span> sed -n 2p <span class="p">|</span> awk <span class="s1">'{print $2}'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>swap<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>free -h <span class="p">|</span> sed -n 3p <span class="p">|</span> awk <span class="s1">'{print $3}'</span><span class="k">)</span><span class="s2"> /
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s2"> </span><span class="k">$(</span>free -h <span class="p">|</span> sed -n 3p <span class="p">|</span> awk <span class="s1">'{print $2}'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">[</span>display<span class="o">]=</span><span class="s2">"</span><span class="k">$(</span>xrandr <span class="p">|</span> grep <span class="s1">'*'</span> <span class="p">|</span> awk <span class="s1">'{print $1}'</span><span class="k">)</span><span class="s2">,
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s2"> </span><span class="k">$(</span>xrandr <span class="p">|</span> grep <span class="s1">'*'</span> <span class="p">|</span> awk <span class="s1">'{print $2}'</span> <span class="p">|</span> sed <span class="s1">'s/*/Hz/ ; s/+//'</span><span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="o">)</span>
|
||||
</span></span></code></pre></div><p>Each of these elements fetches a differenet piece of info. You could just use environment variables to get quite a few things (user), some were an issue of grabbing a particular piece of info from a file (distro name), and some of the more complicated ones I just reformatted output from other commands (ram usage).</p>
|
||||
<p>Next order of business: colors. I wanted to put a chunk or randomly colored text at the start of each line so that each time you ran the command you got something that looked a little different. I made this array of escape codes each one referring to a different bold color:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">declare</span> -a <span class="nv">colors</span><span class="o">=(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;30m"</span> <span class="c1"># black</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;31m"</span> <span class="c1"># red</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;32m"</span> <span class="c1"># green</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;33m"</span> <span class="c1"># blue</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;34m"</span> <span class="c1"># yellow</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;35m"</span> <span class="c1"># pink</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;36m"</span> <span class="c1"># magenta</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"\e[0;1;37m"</span> <span class="c1"># white</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="o">)</span>
|
||||
</span></span></code></pre></div><p>I then repurposed a nice function from someone on stackoverflow to get a random element from this array. The variable ‘pre’ here is the text that I want formatted:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nv">pre</span><span class="o">=</span><span class="s2">"->"</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl">random_color <span class="o">()</span> <span class="o">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">size</span><span class="o">=</span><span class="si">${#</span><span class="nv">colors</span><span class="p">[@]</span><span class="si">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">index</span><span class="o">=</span><span class="k">$((</span><span class="nv">$RANDOM</span> <span class="o">%</span> <span class="nv">$size</span><span class="k">))</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">echo</span> <span class="s2">"</span><span class="si">${</span><span class="nv">colors</span><span class="p">[</span><span class="nv">$index</span><span class="p">]</span><span class="si">}${</span><span class="nv">pre</span><span class="si">}</span><span class="s2">\e[0m"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="o">}</span>
|
||||
</span></span></code></pre></div><p>My plan was then to simply loop through the array, ’echo-ing’ out the random_color function, the key from the fetch array, a separator, and then the value form the fetch array. This worked mainly, the only issue being that each element from the fetch was not printed in the order it was declared. Ideally, I wanted the fetch elements to be printed in the order they were put in the array so you could configure the how they appeared. Once again my primitive understanding of bash had let me down; I turned to stackoverflow. I found the solution was to define another array containing the fetch keys and then use it to attack the other associative ‘fetch’ array:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">declare</span> -a <span class="nv">order</span><span class="o">=(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"user"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"host"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"uptime"</span> <span class="c1"># uses uptime command</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"kernel"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"distro"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"shell"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"de"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"terminal"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"editor"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "ip" # uses host command</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "cpu"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "ram" # uses free command</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "swap" # uses free also</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "root" # uses df command</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "battery"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1"># "display" # uses xrandr</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="o">)</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">for</span> info in <span class="s2">"</span><span class="si">${</span><span class="nv">order</span><span class="p">[@]</span><span class="si">}</span><span class="s2">"</span><span class="p">;</span> <span class="k">do</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nb">echo</span> -e <span class="s2">"</span><span class="k">$(</span>random_color<span class="k">)</span><span class="s2"> \e[0;1;3m</span><span class="nv">$info</span><span class="s2">\e[0m</span><span class="si">${</span><span class="nv">sep</span><span class="si">}${</span><span class="nv">fetch</span><span class="p">[</span><span class="nv">$info</span><span class="p">]</span><span class="si">}</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">done</span>
|
||||
</span></span></code></pre></div><p>This had the happy unintended consequence of allowing you to very easily configure which items you wanted in the fetch by simply commenting out keys from the order array. You can check out the script in its entirety <a href="https://gitlab.com/robbygozzarder/golazo">here</a>. This is a pretty picture of a few variations.</p>
|
||||
<p><img src="/image/golazo.png" alt="golazo"></p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
128
public/theming-nirvana/index.html
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/theming-nirvana/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>theming nirvana</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>theming nirvana</h1>
|
||||
<div>
|
||||
<time>March 13, 2023</time>
|
||||
</div>
|
||||
</header><p>As I fall deeper and deeper down the nixos rabbit hole, I find myself becoming more and more obsessed with controlling every little thing on my computers declaratively. It starts with: ‘oh this is cool I can specify which desktop environment to use in my configuration.nix’. Next thing you know you’ve discovered <a href="https://github.com/nix-community/home-manager">home-manager</a> and every program on every linux system you use needs to be controlled in your nix-config. Of course this slightly insane approach has its downsides; it also opens some doors though.</p>
|
||||
<p><a href="https://sr.ht/~misterio/nix-colors/">Nix-colors</a> lets you dyanmically change the theming of programs controlled in your nix config. So when you want to change the color of everything and have it match and all be pretty lol, you are able to do so with one word as opposed to poring over everything changing each individual color. For a certain type of person, this is very nice!</p>
|
||||
<h3 id="how-to-make-it-work">how to make it work</h3>
|
||||
<p>This will be a quick rundown of how I’ve got things set up; this is basically just a rehash of <a href="https://sr.ht/~misterio/nix-colors/#setup">this</a>.</p>
|
||||
<p>First of all, you need to add nix-colors to your flake inputs and then point home-manager in its direction. The relevant parts of my <code>flake.nix</code> look something like this.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">inputs</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">nix-colors</span><span class="o">.</span><span class="n">url</span> <span class="o">=</span> <span class="s2">"github:misterio77/nix-colors"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">homeConfigurations</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"randy@computer"</span> <span class="o">=</span> <span class="n">home-manager</span><span class="o">.</span><span class="n">lib</span><span class="o">.</span><span class="n">homeManagerConfiguration</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">extraSpecialArgs</span> <span class="o">=</span> <span class="p">{</span> <span class="k">inherit</span> <span class="n">nix-colors</span><span class="p">;</span> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>Then you can import the module into your home-manager config, specify a scheme (<a href="https://github.com/tinted-theming/base16-schemes">available schemes here</a>), and get to theming.</p>
|
||||
<p>Here’s a simple example where I make my dunst notifications follow the everforest theme.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="p">{</span> <span class="n">pkgs</span><span class="o">,</span> <span class="n">config</span><span class="o">,</span> <span class="n">nix-colors</span><span class="o">,</span> <span class="o">...</span> <span class="p">}:</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">imports</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">nix-colors</span><span class="o">.</span><span class="n">homeManagerModule</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">colorScheme</span> <span class="o">=</span> <span class="n">nix-colors</span><span class="o">.</span><span class="n">colorSchemes</span><span class="o">.</span><span class="n">everforest</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">services</span><span class="o">.</span><span class="n">dunst</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">urgency_normal</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">background</span> <span class="o">=</span> <span class="s2">"#</span><span class="si">${</span><span class="n">config</span><span class="o">.</span><span class="n">colorScheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base01</span><span class="si">}</span><span class="s2">"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">foreground</span> <span class="o">=</span> <span class="s2">"#</span><span class="si">${</span><span class="n">config</span><span class="o">.</span><span class="n">colorScheme</span><span class="o">.</span><span class="n">colors</span><span class="o">.</span><span class="n">base05</span><span class="si">}</span><span class="s2">"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="a-couple-of-additional-tips-and-tricks">a couple of additional tips and tricks</h3>
|
||||
<p>First tip and trick: generate and dynamically alter gtk themes depending on current nix-colors theme.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="p">{</span> <span class="n">config</span><span class="o">,</span> <span class="n">pkgs</span><span class="o">,</span> <span class="n">inputs</span><span class="o">,</span> <span class="o">...</span> <span class="p">}:</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="k">let</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">inherit</span> <span class="p">(</span><span class="n">inputs</span><span class="o">.</span><span class="n">nix-colors</span><span class="o">.</span><span class="n">lib-contrib</span> <span class="p">{</span> <span class="k">inherit</span> <span class="n">pkgs</span><span class="p">;</span> <span class="p">})</span> <span class="n">gtkThemeFromScheme</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="k">in</span> <span class="k">rec</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">gtk</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">theme</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">name</span> <span class="o">=</span> <span class="s2">"</span><span class="si">${</span><span class="n">config</span><span class="o">.</span><span class="n">colorScheme</span><span class="o">.</span><span class="n">slug</span><span class="si">}</span><span class="s2">"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">package</span> <span class="o">=</span> <span class="n">gtkThemeFromScheme</span> <span class="p">{</span> <span class="n">scheme</span> <span class="o">=</span> <span class="n">config</span><span class="o">.</span><span class="n">colorScheme</span><span class="p">;</span> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">services</span><span class="o">.</span><span class="n">xsettingsd</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">enable</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">settings</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"Net/ThemeName"</span> <span class="o">=</span> <span class="s2">"</span><span class="si">${</span><span class="n">gtk</span><span class="o">.</span><span class="n">theme</span><span class="o">.</span><span class="n">name</span><span class="si">}</span><span class="s2">"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"Net/IconThemeName"</span> <span class="o">=</span> <span class="s2">"</span><span class="si">${</span><span class="n">gtk</span><span class="o">.</span><span class="n">iconTheme</span><span class="o">.</span><span class="n">name</span><span class="si">}</span><span class="s2">"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>Second tip and trick: if you’re not using nix to configure everything you can still pass your colors across in the relevant format with <code>home.file</code>. I do this for qtile.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="p">{</span><span class="n">config</span><span class="o">,</span> <span class="n">pkgs</span><span class="o">,</span> <span class="o">...</span> <span class="p">}:</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">let</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">c</span> <span class="o">=</span> <span class="n">config</span><span class="o">.</span><span class="n">colorScheme</span><span class="o">.</span><span class="n">colors</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">in</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">home</span><span class="o">.</span><span class="n">file</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">".config/qtile/colors.py"</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">text</span> <span class="o">=</span> <span class="s1">''
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> scheme = {
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'yellow': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base0A</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'orange': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base09</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'red': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base0F</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'magenta': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base08</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'violet': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base0E</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'blue': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base0D</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'cyan': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base0C</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> 'green': "#</span><span class="si">${</span><span class="n">c</span><span class="o">.</span><span class="n">base0B</span><span class="si">}</span><span class="s1">",
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> }
|
||||
</span></span></span><span class="line"><span class="cl"><span class="s1"> ''</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>You can then import the colors into your <code>config.py</code> and use them as you see fit.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">from</span> <span class="nn">colors</span> <span class="kn">import</span> <span class="n">scheme</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="n">layouts</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">layout</span><span class="o">.</span><span class="n">MonadTall</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">border_normal</span> <span class="o">=</span> <span class="n">scheme</span><span class="p">[</span><span class="s1">'yellow'</span><span class="p">],</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">border_focus</span> <span class="o">=</span> <span class="n">scheme</span><span class="p">[</span><span class="s1">'green'</span><span class="p">],</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">]</span>
|
||||
</span></span></code></pre></div><p>That’s it for today. Thank you to the <a href="https://github.com/Misterio77">hero</a> that made this.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
83
public/translating-docker-to-nix/index.html
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/translating-docker-to-nix/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>translating docker to nix?!</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>translating docker to nix?!</h1>
|
||||
<div>
|
||||
<time>February 28, 2023</time>
|
||||
</div>
|
||||
</header><p>In my opinion, there are moments when the convenience of docker and its surrounding ecosystem can’t be beat. I’ve been dabbling in the self hosting world and oftentimes the best maintained packaging option is a docker image. As a result of this I’ve been playing around with the nixos approach to managing docker containers.</p>
|
||||
<h3 id="nix---docker-compose---docker-run">nix -> docker compose -> docker run</h3>
|
||||
<p>To illustrate how to translate a simple example from the world of docker to nix let’s have a look at the config for my <a href="https://docs.searxng.org/">searxng</a> instance.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">virtualisation</span><span class="o">.</span><span class="n">oci-containers</span><span class="o">.</span><span class="n">containers</span><span class="o">.</span><span class="s2">"searxng"</span> <span class="err">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">autoStart</span> <span class="o">=</span> <span class="no">true</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">image</span> <span class="o">=</span> <span class="s2">"searxng/searxng"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">volumes</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"/srv/searx:/etc/searxng"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">environment</span> <span class="o">=</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">BASE_URL</span> <span class="o">=</span> <span class="s2">"https://searx.jdysmcl.xyz/"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">INSTANCE_NAME</span> <span class="o">=</span> <span class="s2">"go on big boy dont be shy"</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">};</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">ports</span> <span class="o">=</span> <span class="p">[</span> <span class="s2">"8080:8080"</span> <span class="p">];</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">};</span>
|
||||
</span></span></code></pre></div><p>Here is the same thing written in a <code>docker-compose.yml</code> style format.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="nt">services</span><span class="p">:</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">searxng</span><span class="p">:</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">image</span><span class="p">:</span><span class="w"> </span><span class="l">searxng/searxng</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">volumes</span><span class="p">:</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="l">/srv/searxng:/etc/searxng</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">environment</span><span class="p">:</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="l">BASE_URL=https://searx.jdysmcl.xyz/;</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="l">INSTANCE_NAME=go on big boy dont be shy;</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">ports</span><span class="p">:</span><span class="w">
|
||||
</span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="s2">"8080:8080"</span><span class="w">
|
||||
</span></span></span></code></pre></div><p>Also, this is what it would look like as a simple old <code>docker run</code>.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">$ docker pull searxng/searxng
|
||||
</span></span><span class="line"><span class="cl">$ docker run --rm <span class="se">\
|
||||
</span></span></span><span class="line"><span class="cl"><span class="se"></span> -d -p 8080:8080 <span class="se">\
|
||||
</span></span></span><span class="line"><span class="cl"><span class="se"></span> -v <span class="s2">"/srv/searxng:/etc/searxng"</span> <span class="se">\
|
||||
</span></span></span><span class="line"><span class="cl"><span class="se"></span> -e <span class="s2">"BASE_URL=http://searx.jdysmcl.xyz/"</span> <span class="se">\
|
||||
</span></span></span><span class="line"><span class="cl"><span class="se"></span> -e <span class="s2">"INSTANCE_NAME=go on big boy dont be shy"</span> <span class="se">\
|
||||
</span></span></span><span class="line"><span class="cl"><span class="se"></span> searxng/searxng
|
||||
</span></span></code></pre></div><h3 id="bits-and-bobs">bits and bobs</h3>
|
||||
<p>As you can see, nix very kindly provides you with convenient options for the most essential tasks: mounting volumes, exposing ports, passing environment variables etc. But what about some more niche configurations that aren’t exposed in <a href="https://github.com/NixOS/nixpkgs/blob/master/nixos/modules/virtualisation/oci-containers.nix">oci-containers.nix</a>. As far as I can tell, your best bet in these scenarios is <code>virtualisation.oci-containers.containers.<name>.extraOptions</code>; this lets you pass a list of command line arguments to your docker run command. For example, I had this in my config for a vpn container.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-nix" data-lang="nix"><span class="line"><span class="cl"><span class="n">virtualisation</span><span class="o">.</span><span class="n">oci-containers</span><span class="o">.</span><span class="n">containers</span><span class="o">.</span><span class="s2">"vpn"</span><span class="o">.</span><span class="n">extraOptions</span> <span class="err">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"--cap-add=net_admin"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"--device=/dev/net/tun"</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"--network=bridge"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">];</span>
|
||||
</span></span></code></pre></div><p>With a mishmash of these different bits and bobs I was able to do everything that I needed to. It doesn’t really open any more doors than docker compose but it’s nice to have the option when you’re already invested in the nix ecosystem.</p>
|
||||
<p>One final note: nix provides the option to choose between docker and podman with <code>virtualisation.oci-containers.containers.backend</code>. This defaults to podman.</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
<br>
|
||||
<small><a href="/index.xml">rss</a></small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/upgrade-your-qtile-setup-with-a-cute-dropdown-terminal/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>upgrade your qtile setup with a cute dropdown terminal</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>upgrade your qtile setup with a cute dropdown terminal</h1>
|
||||
<div>
|
||||
<time>September 23, 2022</time>
|
||||
</div>
|
||||
</header><p>I didn’t know you could do this until recently, very fun and playful little feature. How you want to do it will depend slightly on how you have your groups set up but I start with importing the relevant libraries and defining an empty list.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="kn">from</span> <span class="nn">libqtile.config</span> <span class="kn">import</span> <span class="n">Dropdown</span><span class="p">,</span> <span class="n">Scratchpad</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="n">groups</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
</span></span></code></pre></div><p>I’m then able to append all the groups I want to this list. For the dropdown terminal you need the ScratchPad group which to quote the <a href="https://docs.qtile.org/en/latest/manual/config/groups.html">qtile docs</a> is a “special - by default invisible - group which acts as a container for DropDown configurations”. My configuration looks like this:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">groups</span><span class="o">.</span><span class="n">append</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">ScratchPad</span><span class="p">(</span> <span class="s2">"scratchpad"</span><span class="p">,</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">DropDown</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"term"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">kitty</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">opacity</span> <span class="o">=</span> <span class="mf">0.9</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">]</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>This gives you a terminal (kitty in this case) with a little tranparency. By default, it will pop up with this size:</p>
|
||||
<p><img src="/image/dropdown.webp" alt="alt"></p>
|
||||
<p>Though this can easily be altered with the x, y, height, and width keys:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">groups</span><span class="o">.</span><span class="n">append</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">ScratchPad</span><span class="p">(</span><span class="s2">"scratchpad"</span><span class="p">,</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">DropDown</span><span class="p">(</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="s2">"term"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">kitty</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">opacity</span> <span class="o">=</span> <span class="mf">0.9</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">x</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">y</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">width</span> <span class="o">=</span> <span class="mf">0.3</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">height</span> <span class="o">=</span> <span class="mf">0.5</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">])</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">)</span>
|
||||
</span></span></code></pre></div><p>This gives us a little boxy guy in the top left corner:</p>
|
||||
<p><img src="/image/dropdown2.webp" alt="alt"></p>
|
||||
<p>We also have the option to set keybindings to toggle the appearance of the window. I’ve got this in my config.py now:</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-python" data-lang="python"><span class="line"><span class="cl"><span class="n">keys</span> <span class="o">=</span> <span class="p">[</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">Key</span><span class="p">([</span><span class="n">m</span><span class="p">,</span> <span class="s2">"shift"</span><span class="p">],</span> <span class="s2">"Return"</span><span class="p">,</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">lazy</span><span class="o">.</span><span class="n">group</span><span class="p">[</span><span class="s2">"scratchpad"</span><span class="p">]</span><span class="o">.</span><span class="n">dropdown_toggle</span><span class="p">(</span><span class="s2">"terminal"</span><span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">desc</span><span class="o">=</span><span class="s1">'dropdown term'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">),</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">]</span>
|
||||
</span></span></code></pre></div><p>Anyway, hope this was useful, happy configurating :)</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
114
public/vanilla-javascript-theme-toggle-for-simpletons/index.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<link rel="shortcut icon" href="http://localhost:1313/favicon.ico">
|
||||
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
|
||||
<link rel="canonical" href="http://localhost:1313/vanilla-javascript-theme-toggle-for-simpletons/" />
|
||||
|
||||
<a rel="me" href="https://exuberant.men/@james"></a>
|
||||
<title>vanilla javascript theme toggle for simpletons</title>
|
||||
</head>
|
||||
<body><header id="banner">
|
||||
<h2><a href="http://localhost:1313/">wretched.place</a></h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/info/" title="info">info</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main id="content">
|
||||
<article>
|
||||
<header id="post-header">
|
||||
<h1>vanilla javascript theme toggle for simpletons</h1>
|
||||
<div>
|
||||
<time>June 26, 2023</time>
|
||||
</div>
|
||||
</header><p>Sometimes when I’m trawling the internet and happen upon a particularly nice looking website, I develop css and javascript FOMO. The thing I’ve been lusting after above all else is one of those fancy little dark theme toggle buttons. As you can probably tell from the website you’re looking at my web dev skills are limited. As a result of this I had assumed such niceties were out of reach.</p>
|
||||
<p>Last week though I decided it was time for this to change! I would do a teeny bit of javascript. I could have nice things. This is a rundown of the very simple implementation I came up with.</p>
|
||||
<h3 id="html">HTML</h3>
|
||||
<p>First things first, we’ll need a button for users to click. This can be plopped wherever you want on your site.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">button</span> <span class="na">id</span><span class="o">=</span><span class="s">"themeButton"</span> <span class="na">onclick</span><span class="o">=</span><span class="s">"toggleTheme()"</span> <span class="na">class</span><span class="o">=</span><span class="s">"theme-button"</span><span class="p">></span>
|
||||
</span></span></code></pre></div><p>The <code>id</code> will let us reference the button from our javascript, <code>onclick</code> tells the button to call the <code>toggleTheme()</code> function we’ll write in a minute, and the <code>theme-button</code> class will let us theme the button from our css.</p>
|
||||
<h3 id="css">CSS</h3>
|
||||
<p>In order to achieve our magic theme switching we’re going to split our css out in to three files: <code>base.css</code>, <code>dark.css</code>, and <code>light.css</code>. The <code>dark.css</code> and <code>light.css</code> files will do the same thing: import all the common css and define a root pseudo-class to store our color variables. For example a very simple <code>dark.css</code> would look like this.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="c">/* import common css */</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">@</span><span class="k">import</span> <span class="nt">url</span><span class="o">(</span><span class="s2">"base.css"</span><span class="o">)</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"><span class="c">/* define colors */</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--bg</span><span class="p">:</span> <span class="kc">black</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nv">--fg</span><span class="p">:</span> <span class="kc">white</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>The <code>base.css</code> will simply store all the other styling you want. Here you can reference the color variables defined in the <code>dark.css</code> and <code>light.css</code>.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="nt">body</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">background-color</span><span class="p">:</span> <span class="nf">var</span><span class="p">(</span><span class="o">--</span><span class="n">bg</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">color</span><span class="p">:</span> <span class="nf">var</span><span class="p">(</span><span class="o">--</span><span class="n">fg</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><h3 id="js">JS</h3>
|
||||
<p>Now with the groundwork in place we can stick it all together with the javascript. The gameplan here is to check the <code>href</code> attribute of the <code>stylesheet</code> element. Then if it’s set to <code>dark.css</code> switch it to <code>light.css</code> and vice-versa. my <code>toggleTheme</code> function looked like this.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">toggleTheme</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">var</span> <span class="nx">stylesheet</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'stylesheet'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="p">(</span><span class="nx">stylesheet</span><span class="p">.</span><span class="nx">getAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">)</span> <span class="o">===</span> <span class="s1">'/dark.css'</span><span class="p">)</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// update stylesheet
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">stylesheet</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">,</span> <span class="s1">'/light.css'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// update stylesheet
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">stylesheet</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">,</span> <span class="s1">'/dark.css'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>This works well except for one little problem: when you refresh or load a new page, the stylesheet is returned to its default. This short term memory can be fixed though so theme changes persist through page loads.</p>
|
||||
<p>First we need to update our <code>toggleTheme</code> function to store our theme changes locally.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="kd">function</span> <span class="nx">toggleTheme</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">var</span> <span class="nx">stylesheet</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'stylesheet'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">if</span> <span class="p">(</span><span class="nx">stylesheet</span><span class="p">.</span><span class="nx">getAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">)</span> <span class="o">===</span> <span class="s1">'/dark.css'</span><span class="p">)</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// update stylesheet
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">stylesheet</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">,</span> <span class="s1">'/light.css'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// store theme
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">localStorage</span><span class="p">.</span><span class="nx">setItem</span><span class="p">(</span><span class="s1">'stylesheet'</span><span class="p">,</span> <span class="s1">'/light.css'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// update stylesheet
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">stylesheet</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">,</span> <span class="s1">'/dark.css'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// store theme
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="nx">localStorage</span><span class="p">.</span><span class="nx">setItem</span><span class="p">(</span><span class="s1">'stylesheet'</span><span class="p">,</span> <span class="s1">'/dark.css'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span>
|
||||
</span></span></code></pre></div><p>We then add an event listener to check if there is a theme stored on page loads.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nb">window</span><span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s1">'load'</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// get stored style
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="kd">var</span> <span class="nx">storedStyle</span> <span class="o">=</span> <span class="nx">localStorage</span><span class="p">.</span><span class="nx">getItem</span><span class="p">(</span><span class="s1">'stylesheet'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="kd">var</span> <span class="nx">stylesheet</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="s1">'stylesheet'</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl">
|
||||
</span></span><span class="line"><span class="cl"> <span class="c1">// set stored style if it exists
|
||||
</span></span></span><span class="line"><span class="cl"><span class="c1"></span> <span class="k">if</span> <span class="p">(</span><span class="nx">storedStyle</span><span class="p">)</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="nx">stylesheet</span><span class="p">.</span><span class="nx">setAttribute</span><span class="p">(</span><span class="s1">'href'</span><span class="p">,</span> <span class="nx">storedStyle</span><span class="p">);</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="p">}</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">});</span>
|
||||
</span></span></code></pre></div><p>Finally, don’t forget to add your javascript to your html somewhere.</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">"/toggle.js"</span><span class="p">></</span><span class="nt">script</span><span class="p">></span>
|
||||
</span></span></code></pre></div><p>Hope you’ve enjoyed. Toggle toggle toggle!</p>
|
||||
</article>
|
||||
|
||||
</main><footer id="footer">
|
||||
<small>made with <a href="https://gohugo.io">hugo</a> and <a href="https://github.com/LukasJoswiak/etch">etch</a> :)</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||