You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

212 lines
12 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="icon" type="image/png" href="/favicon.ico">
  7. <link rel="canonical" href="https://www.mcmillen.dev/drafts/test.html">
  8. <link rel="alternate" type="application/atom+xml" href="https://www.mcmillen.dev/feed.atom" title="Colin McMillen's Blog - Atom">
  9. <title>Test Page | Colin McMillen</title>
  10. <link rel="preconnect" href="https://fonts.gstatic.com">
  11. <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=block" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Fira+Mono:500&display=block" rel="stylesheet">
  13. <link rel="stylesheet" href="/pygments.css">
  14. <link rel="stylesheet" href="/style.css">
  15. <meta name="twitter:card" content="summary">
  16. <meta name="twitter:site" content="@mcmillen">
  17. <meta name="twitter:title" content="Test Page | Colin McMillen">
  18. <meta name="twitter:description" content=" Test Page">
  19. </head>
  20. <script>
  21. function fixEmails() {
  22. const mailtoArray = [
  23. 'm', 'a', 'i', 'l', 't', 'o', ':',
  24. 'c', 'o', 'l', 'i', 'n', '@',
  25. 'm', 'c', 'm', 'i', 'l', 'l', 'e', 'n',
  26. '.', 'd', 'e', 'v'];
  27. const mailtoLink = mailtoArray.join('');
  28. const anchors = document.getElementsByTagName('a');
  29. for (let i = 0; i < anchors.length; i++) {
  30. const anchor = anchors[i];
  31. if (anchor.href == 'mailto:email@example.com') {
  32. anchor.href = mailtoLink;
  33. if (anchor.innerText == 'colin at mcmillen dot dev') {
  34. anchor.innerText = mailtoLink.substring(7);
  35. }
  36. }
  37. }
  38. }
  39. </script>
  40. <body onload="fixEmails()">
  41. <div id="page-container">
  42. <div id="content-wrap">
  43. <div id="header">
  44. <div class="content">
  45. <a href="/" class="undecorated">Colin McMillen</a>
  46. <span style="float: right;"><a href="/feed.atom"><img src="/img/rss.svg" alt="Atom feed" style="width: 17px; height: 17px; margin-bottom: 1px;"></a></span>
  47. <span style="float: right;"><a href="https://twitter.com/mcmillen"><img src="/img/twitter.svg" alt="@mcmillen"></a></span>
  48. </div>
  49. </div>
  50. <div class="content">
  51. <h1 id="test-page">Test Page</h1>
  52. <div class="toc">
  53. <ul>
  54. <li><a href="#test-page">Test Page</a><ul>
  55. <li><a href="#oolong-tea">Oolong Tea</a></li>
  56. <li><a href="#green-tea">Green Tea</a></li>
  57. <li><a href="#black-tea">Black Tea</a></li>
  58. <li><a href="#rosemary-gimlet">Rosemary Gimlet</a></li>
  59. <li><a href="#rosemary-simple-syrup">Rosemary Simple Syrup</a></li>
  60. <li><a href="#spearmint-simple-syrup">Spearmint Simple Syrup</a></li>
  61. <li><a href="#milk-washed-rum-or-seedlip">Milk-Washed Rum (or Seedlip)</a></li>
  62. <li><a href="#dr-j-orange-julius-cocktail">Dr. J (Orange Julius cocktail)</a></li>
  63. <li><a href="#pesto">Pesto</a></li>
  64. <li><a href="#coffee-liqueur">Coffee Liqueur</a></li>
  65. <li><a href="#basilgeuse">Basilgeuse</a></li>
  66. </ul>
  67. </li>
  68. <li><a href="#hugo-installation">Hugo Installation</a><ul>
  69. <li><a href="#make-a-new-post">Make a new post</a></li>
  70. <li><a href="#running-the-server-so-that-i-can-access-it-from-my-phone-on-tailscale">Running the server so that I can access it from my phone on Tailscale:</a></li>
  71. <li><a href="#now-some-code">now some code</a></li>
  72. <li><a href="#python">python</a></li>
  73. <li><a href="#python-markdown-references">python markdown references</a></li>
  74. </ul>
  75. </li>
  76. </ul>
  77. </div>
  78. <h2 id="oolong-tea">Oolong Tea</h2>
  79. <ul>
  80. <li>Jade Nantou: rolled. gentle flavor, a bit sweet and floral. Great both hot and cold-brewed.</li>
  81. <li>Fern Stream Amber Oolong: okay but I didn’t like it as much as the Jade Nantou. A bit earthier, less gentle.</li>
  82. <li>Bei Dou: twisted. 3g in 200ml water, 2 min infusion: pretty strong, but good. Mineral-y? Smoky, maybe, in the sense of whiskey rather than lapsang souchong. 6g as iced tea is nicely strong. One of my favorites. </li>
  83. <li>Golden Buds Milk Oolong Jin Xuan: 200F. Reminds me of the Jade Nantou, but more floral? Given that it’s more expensive than the Jade Nantou, seems less worth keeping around except for occasional variety.</li>
  84. <li>Shan Lin Xi: rolled. 195F. another floral sort of tea. Beautiful full leaves.</li>
  85. <li>Baked GABA: rolled. 200F. strong aroma of raisins. Ended up finding this a bit too cloying (?)</li>
  86. <li>Wudong Lao Cong: twisted. 175F. Another earthy / mineral-y tea, maybe less so than the Bei Dou? It’s pretty pricey since it comes from 300-year-old trees.</li>
  87. </ul>
  88. <h2 id="green-tea">Green Tea</h2>
  89. <ul>
  90. <li>Sencha Asatsuyu: well-rounded. Some notes of corn? Or popcorn? Strong without being fishy.</li>
  91. <li>Sencha Yame: pretty bold. I like it iced, and hot when I’m feeling like something grassier.</li>
  92. <li>Sencha Fukumushi: also pretty strongly-flavored / vegetal.</li>
  93. <li>Sencha Fuji / Asanoka: also in the “well-rounded” bin for me.</li>
  94. <li>Gyokuro: good, but 160F brew = less hot for winter. Try again in summer?</li>
  95. <li>Bi Luo Chun: 3g, 3 min infusion: pretty gentle taste (even with a long steep) but hints of cayenne. Ultimately, not too impressive to me.</li>
  96. <li>Dragonwell Long Jing: pretty good, closer to a Japanese green tea taste than the Bi Luo Chun. When iced, reminds me a lot of store-bought iced green tea &ndash; very default sort of flavor.</li>
  97. <li>Yamacha Hamamatsu (from Dobra in Pittsburgh): very good, Japanese green tea that’s halfway to Chinese in terms of larger leaves, well-rounded green tea taste.</li>
  98. <li>Golden Green: I liked this more than expected? Kinda floral a little bit?</li>
  99. </ul>
  100. <h2 id="black-tea">Black Tea</h2>
  101. <ul>
  102. <li>Irish Breakfast Tea, Assam Chandighat Estate: solidly astringent &amp; strong.</li>
  103. <li>Yunnan Gold Tips: a little more interesting than a breakfast tea but not like, a lot? idk</li>
  104. </ul>
  105. <h2 id="rosemary-gimlet">Rosemary Gimlet</h2>
  106. <p>via <a href="https://www.davidlebovitz.com/rosemary-gimlet-gin-cocktail-recipe/">https://www.davidlebovitz.com/rosemary-gimlet-gin-cocktail-recipe/</a></p>
  107. <p>2oz gin, 3/4 oz lime juice, 3/4 oz rosemary simple syrup. Shake with ice.<br>
  108. Good with both gin (Tanqueray) and white rum (Bully Boy)</p>
  109. <h2 id="rosemary-simple-syrup">Rosemary Simple Syrup</h2>
  110. <p>Heat until mixture is hot and sugar dissolves. (I let it gently simmer for about 10 minutes.)<br>
  111. Let cool to room temperature, then strain and refrigerate.</p>
  112. <p>Thyme simple syrup: as above, but about 2g thyme (10-12 sprigs of a few inches)? Was a bit weak, let’s try 4g next time.</p>
  113. <h2 id="spearmint-simple-syrup">Spearmint Simple Syrup</h2>
  114. <p>160g water, 160g sugar, 10g spearmint</p>
  115. <h2 id="milk-washed-rum-or-seedlip">Milk-Washed Rum (or Seedlip)</h2>
  116. <p>Start with 6 oz rum, pour in 2 oz whole milk. Add lime-strength orange juice until milk starts to curdle. Stir it gently. Let set for some hours, then strain through coffee filters.</p>
  117. <h2 id="dr-j-orange-julius-cocktail">Dr. J (Orange Julius cocktail)</h2>
  118. <p>2 oz milk-washed rum, 3/4 oz lime-strength orange juice, 3/4 oz simple syrup (or 3/4 tbsp sugar + 3/4 tbsp water). Shake with ice.</p>
  119. <h2 id="pesto">Pesto</h2>
  120. <p>2 cups fresh basil leaves (no stems, about 50g)<br>
  121. 2 tablespoons pine nuts or toasted almonds<br>
  122. 2 large cloves garlic (I’ve used double this for more garlic flavor&hellip; = 2 tsp minced)<br>
  123. 1/2 cup extra-virgin olive oil</p>
  124. <p>Combine basil leaves, nuts, and garlic in a food processor and process until very finely minced. With the machine running slowly dribble in the oil and process until the mixture is smooth. Store in refrigerator or freezer.</p>
  125. <h2 id="coffee-liqueur">Coffee Liqueur</h2>
  126. <p>Following this recipe:<br>
  127. <a href="https://www.seriouseats.com/recipes/2012/01/diy-coffee-liqueur-homemade-kahlua.html">https://www.seriouseats.com/recipes/2012/01/diy-coffee-liqueur-homemade-kahlua.html</a><br>
  128. With Peet’s Decaf Dark Roast House Blend (pre-ground from Bfresh).</p>
  129. <h2 id="basilgeuse">Basilgeuse</h2>
  130. <p>1.5oz gin, 1oz dry vermouth, 1/2-3/4oz simple syrup, 2 dashes ginger bitters, about 8 basil leaves muddled and another top for garnish</p>
  131. <h1 id="hugo-installation">Hugo Installation</h1>
  132. <p>I got Hugo v0.83.1 from <a href="https://github.com/gohugoio/hugo/releases">https://github.com/gohugoio/hugo/releases</a></p>
  133. <div class="codehilite"><pre><span></span>wget https://github.com/gohugoio/hugo/releases/download/v0.83.1/hugo_0.83.1_Linux-64bit.deb
  134. sudo dpkg -i hugo_0.83.1_Linux-64bit.deb
  135. </pre></div>
  136. <p><code>hugo version</code> tells me:<br>
  137. <code>hugo v0.83.1-5AFE0A57 linux/amd64 BuildDate=2021-05-02T14:38:05Z VendorInfo=gohugoio</code></p>
  138. <p>Following the install instructions from<br>
  139. <a href="https://gohugo.io/getting-started/quick-start/">https://gohugo.io/getting-started/quick-start/</a></p>
  140. <p>and using the PaperMod theme:<br>
  141. <a href="https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/">https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/</a></p>
  142. <div class="codehilite"><pre><span></span><span class="c1"># Make new site with YAML config files</span>
  143. hugo new site hugotest -f yml
  144. <span class="nb">cd</span> hugotest
  145. git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth<span class="o">=</span><span class="m">1</span>
  146. vim config.yml
  147. <span class="c1"># add this on a new line:</span>
  148. <span class="c1"># theme: &quot;PaperMod&quot;</span>
  149. </pre></div>
  150. <p>To update the theme later:</p>
  151. <div class="codehilite"><pre><span></span><span class="nb">cd</span> themes/PaperMod
  152. git pull
  153. </pre></div>
  154. <h2 id="make-a-new-post">Make a new post</h2>
  155. <div class="codehilite"><pre><span></span>hugo new posts/hello-world.md
  156. /home/mcmillen/hugotest/content/posts/hello-world.md created
  157. </pre></div>
  158. <h2 id="running-the-server-so-that-i-can-access-it-from-my-phone-on-tailscale">Running the server so that I can access it from my phone on Tailscale:</h2>
  159. <p><code>hugo server --baseURL http://100.81.145.47 --bind 100.81.145.47 -D</code></p>
  160. <h2 id="now-some-code">now some code</h2>
  161. <div class="codehilite"><pre><span></span><span class="c1"># Make new site with YAML config files</span>
  162. hugo new site hugotest -f yml
  163. <span class="nb">cd</span> hugotest
  164. git clone https://github.com/adityatelange/hugo-PaperMod themes/PaperMod --depth<span class="o">=</span><span class="m">1</span>
  165. vim config.yml
  166. <span class="c1"># add this on a new line:</span>
  167. <span class="c1"># theme: &quot;PaperMod&quot;</span>
  168. </pre></div>
  169. <h2 id="python">python</h2>
  170. <div class="codehilite"><pre><span></span><span class="kn">import</span> <span class="nn">markdown</span>
  171. <span class="n">markdown</span><span class="o">.</span><span class="n">markdown</span><span class="p">(</span><span class="s1">&#39;hello world&#39;</span><span class="p">)</span>
  172. <span class="k">print</span><span class="p">(</span><span class="s1">&#39;what is this?&#39;</span><span class="p">)</span>
  173. <span class="n">x</span> <span class="o">=</span> <span class="mi">42</span>
  174. <span class="nb">open</span><span class="p">(</span><span class="s1">&#39;foo.html&#39;</span><span class="p">,</span> <span class="s1">&#39;w&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="s1">&#39;oh no&#39;</span><span class="p">)</span>
  175. <span class="s1">&#39;012345678901234567890123456789012345678901234567890123456789012345678901234567&#39;</span>
  176. </pre></div>
  177. <h2 id="python-markdown-references">python markdown references</h2>
  178. <p><a href="https://python-markdown.github.io/extensions/">https://python-markdown.github.io/extensions/</a></p>
  179. <p><a href="https://python-markdown.github.io/extensions/code_hilite/">https://python-markdown.github.io/extensions/code_hilite/</a></p>
  180. <p><code>pygmentize -S monokai -f html -a .codehilite &gt; pygments.css</code></p>
  181. </div>
  182. </div>
  183. <div id="footer">
  184. <div class="content">
  185. &copy; 2022 <a href="/" class="undecorated">Colin McMillen</a>. No cookies, no tracking.
  186. </div>
  187. </div>
  188. </div>
  189. </body>
  190. </html>