Jekyll2021-03-03T04:14:57+00:00/feed.xmlBen Kutil - Building products and leading peopleBuilding products and leading peopleAlways Day 12021-03-02T00:00:00+00:002021-03-02T00:00:00+00:00/meta/website/2021/03/02/day-1<h2 id="things-i-looked-up">Things I looked up</h2>
<ul>
<li><a href="https://editorconfig.org/">EditorConfig</a><br />
I’m using <a href="https://workingcopyapp.com/">Working Copy</a> to work with GitHub on iPad. I no longer have a personal computer, and I’d like to experiment with keeping it that way. I miss having my custom <a href="https://www.sublimetext.com">Sublime Text</a> theme.</li>
<li><a href="https://evanwill.github.io/_drafts/notes/github-actions2.html">_drafts | Deploy a Jekyll Site with GitHub Actions (v2)</a> and <a href="https://github.com/appleboy/scp-action">appleboy/scp-action: GitHub Action that copy files and artifacts via SSH.</a><br />
Since I no longer have a personal computer, I’d like to use the robots on the internet to help build and deploy this site.<br />
I setup <a href="https://www.netlify.com">Netlify</a> to deploy my site, and it worked very well. Point-and-click setup. I missed having an actual server though, and will continue to use the Digital Ocean droplet that I have.<br />
I tested using GitHub Actions to build and deploy my site. So far, <a href="https://github.com/benkutil/benkutil.github.io/blob/develop/.github/workflows/jekyll.yml">it works as expected, and isn’t very sophisticated</a>.</li>
</ul>
<h2 id="things-i-did">Things I did</h2>
<ul>
<li>Copy and paste code into a <a href="https://github.com/benkutil/benkutil.github.io/blob/develop/.github/workflows/jekyll.yml">GitHub actions yaml file</a>.</li>
</ul>
<h2 id="next">Next</h2>
<ul>
<li>further automate deployments</li>
<li>Work on domain. <code class="highlighter-rouge">2020.benkutil.com</code> went out of date pretty quickly.</li>
</ul>Things I looked up EditorConfig I’m using Working Copy to work with GitHub on iPad. I no longer have a personal computer, and I’d like to experiment with keeping it that way. I miss having my custom Sublime Text theme. _drafts | Deploy a Jekyll Site with GitHub Actions (v2) and appleboy/scp-action: GitHub Action that copy files and artifacts via SSH. Since I no longer have a personal computer, I’d like to use the robots on the internet to help build and deploy this site. I setup Netlify to deploy my site, and it worked very well. Point-and-click setup. I missed having an actual server though, and will continue to use the Digital Ocean droplet that I have. I tested using GitHub Actions to build and deploy my site. So far, it works as expected, and isn’t very sophisticated.Day 43 - 30 days of websiting2020-03-02T00:00:00+00:002020-03-02T00:00:00+00:00/meta/website/2020/03/02/day-43-of-30<p>There’s the concept of <a href="https://agilemanifesto.org">working software over comprehensive requirements</a>. Tonight, I was happy to have a little bit of extra documentation to go along side my working software.</p>
<p>Tonight, I updated the basic text and link colors. I intend to keep them inline with the colors on the <a href="https://2016.benkutil.com">current site</a>. I found these helpful variables in that codebase:</p>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="err">$</span><span class="nt">color1</span><span class="o">:</span> <span class="nf">#ffb222</span><span class="o">;</span> <span class="o">//</span><span class="nt">rgba</span><span class="o">(</span><span class="nt">255</span><span class="o">,</span> <span class="nt">178</span><span class="o">,</span> <span class="nt">34</span><span class="o">,</span> <span class="nt">100</span><span class="o">)</span>
<span class="err">$</span><span class="nt">color2</span><span class="o">:</span> <span class="nf">#d72c66</span><span class="o">;</span> <span class="o">//</span><span class="nt">rgba</span><span class="o">(</span><span class="nt">215</span><span class="o">,</span> <span class="nt">44</span><span class="o">,</span> <span class="nt">102</span><span class="o">,</span> <span class="nt">100</span><span class="o">)</span>
<span class="err">$</span><span class="nt">color3</span><span class="o">:</span> <span class="nf">#882c62</span><span class="o">;</span> <span class="o">//</span><span class="nt">rgba</span><span class="o">(</span><span class="nt">136</span><span class="o">,</span> <span class="nt">44</span><span class="o">,</span> <span class="nt">98</span><span class="o">,</span> <span class="nt">100</span><span class="o">)</span>
</code></pre></div></div>
<p>So happy that I included those rgba values 🙄.</p>
<p>But, I had a comment with a <a href="https://coolors.co/ffb222-d72c66-882c62-4e2c20-4e9f75">link to the scheme on Coolors</a>. Now those <code class="highlighter-rouge">$color</code> variables made sense!</p>
<p>I had watched <a href="https://www.youtube.com/watch?v=xsjQrziback">this talk from Merlin Mann in 2013</a> earlier today. Both share a similar concept: act smart today to work mindlessly in the future. I could have named my variables to describe their role. Or write tasks with actionable information.</p>
<h2 id="accomplishments">Accomplishments</h2>
<ol>
<li>Gave <code class="highlighter-rouge"><a></code> tags a fancy little <code class="highlighter-rouge">transition</code>.</li>
<li>Remembered the <code class="highlighter-rouge">L, V, H, A</code> order for anchor pseudo-classes.</li>
<li>Updated post markup.</li>
</ol>
<h2 id="time-check">Time check</h2>
<p>I worked from 9:15–10:00p, while drinking a <a href="https://www.beeradvocate.com/beer/profile/17980/117177/">Lawson’s Sip of Sunshine</a>.</p>There’s the concept of working software over comprehensive requirements. Tonight, I was happy to have a little bit of extra documentation to go along side my working software.Day 32 - 30 days of websiting2020-02-21T00:00:00+00:002020-02-21T00:00:00+00:00/meta/website/2020/02/21/day-32-of-30<p>The fact that it’s day 32 of my 30 day project is telling. Matches other habits I had tried to build. I’ve had one book on my nightstand for weeks. Haven’t made it past page 100. Drinking beer. Missing lunch. Staying up late. How easy to slide back into an old routine.</p>
<p>But! Here I am. I want to continue this habit. I’ll drop the “30 days of website” part. But writing. Remembering CSS. I’m looking forward to continuing that.</p>
<h2 id="accomplishments">Accomplishments</h2>
<ol>
<li>I wrote this post.</li>
</ol>
<h2 id="things-ive-learned">Things I’ve learned</h2>
<ul>
<li><a href="https://www.sublimetext.com">Sublime Text</a> has great text manipulation tools. I’ve been using <a href="https://getdrafts.com">Drafts</a> for note taking, and I miss the controls of Sublime Text.</li>
<li>I want all my text in monospace.</li>
<li>I think I like <a href="https://www.jetbrains.com/lp/mono/">JetBrains Mono</a>.</li>
</ul>
<h2 id="what-im-working-on-next">What I’m working on next</h2>
<ul>
<li>Considering moving off Digital Ocean… or at least re-creating my droplet.</li>
</ul>
<h2 id="time-check">Time check</h2>
<p>I worked from 8:45–9:10p, while drinking a <a href="https://www.beeradvocate.com/beer/profile/140/317146/">Sierra Nevada Hazy Little Thing</a> and reading twitter.</p>The fact that it’s day 32 of my 30 day project is telling. Matches other habits I had tried to build. I’ve had one book on my nightstand for weeks. Haven’t made it past page 100. Drinking beer. Missing lunch. Staying up late. How easy to slide back into an old routine.Day 18 - 30 days of websiting2020-02-06T00:00:00+00:002020-02-06T00:00:00+00:00/meta/website/2020/02/06/day-18-of-30<p>Yesterday, I tested the certificate setup using <a href="https://www.ssllabs.com/ssltest/analyze.html?d=benkutil.com">SSL Labs</a>. I felt sad to find out, I got a <strong>B</strong>. Since 2016, seems we’ve moved passed TLS 1.1, and matured SPDY to HTTP/2.</p>
<p>My Digital Ocean droplet has gotten stuck in a wierd state where I can’t upgrade packages. <code class="highlighter-rouge">dpkg</code> errors out saying that it <code class="highlighter-rouge">cannot allocate memory</code>. Because I can’t upgrade nginx, I could only configure TLS 1.2. At least I moved off 1.1 before browsers gave up support for it.</p>
<p>Yesterday I overwite the files of <a href="https://benkutil.com">benkutil.com</a>. I had symlinked all the server directories to the same folder and hadn’t realized it.</p>
<h2 id="accomplishments">Accomplishments</h2>
<ol>
<li>Updated <code class="highlighter-rouge">nginx</code> configs to use TLS 1.2 and HTTP/2. <a href="https://www.ssllabs.com/ssltest/analyze.html?d=benkutil.com">Retested on SSL Labs</a>.</li>
<li>Reverted files on <a href="https://benkutil.com">benkutil.com</a>.</li>
<li>Setup jekyll build action on GitHub.</li>
</ol>
<h2 id="things-ive-learned">Things I’ve learned</h2>
<ul>
<li>I miss automated deployments.</li>
</ul>
<h2 id="what-im-working-on-next">What I’m working on next</h2>
<ul>
<li>automated deployments using GitHub actions</li>
</ul>
<h2 id="time-check">Time check</h2>
<p>I worked from 9–9:45p, while watching Project Runway.</p>Yesterday, I tested the certificate setup using SSL Labs. I felt sad to find out, I got a B. Since 2016, seems we’ve moved passed TLS 1.1, and matured SPDY to HTTP/2.Day 17 - 30 days of websiting2020-02-05T00:00:00+00:002020-02-05T00:00:00+00:00/meta/website/2020/02/05/day-17-of-30<p>In 2016, I <a href="https://2016.benkutil.com">updated my website</a> in an effort to get a new job. I also used it as an opportunity to get back into something I enjoyed doing (baking), and <a href="https://2016.benkutil.com/bread/2016/01/14/getting-started.html">sharing it with others</a>. I started working on that website on January 14, 2016. I <a href="https://2016.benkutil.com/writes/">wrote three posts</a>, and put up a portfolio of work. I eventually got a job, and totally forgot about my site.</p>
<p>It’s February 5, 2020. I haven’t written code or baked bread in three years. I haven’t shared anything that I’ve done or learned during that time with people outside of my colleagues and family. I can list many reasons of why that happened. Today, I start working on my website with some artifical constraints to remove two of those reasons</p>
<h2 id="reason-1-not-enough-time">Reason 1: <em>Not enough time</em></h2>
<p>I have two gaps of time in the day: the time between 5–6 A.M., and after 8 P.M. In the morning, I like to read, maybe exercise, or fold some laundry. After 8, I used to end up on the couch, watching something.</p>
<p>To combat this habit, I’ve scheduled 8:30-9 P.M. every day to work on this site for the next 30 days.</p>
<h2 id="reason-2-what-can-i-contribute">Reason 2: <em>What can I contribute</em></h2>
<p>In the context of my day-to-day work, I easily share my thoughts and experience with those around me. In those scenarios, there’s a clear problem or opportunity that I can frame questions around or share resources to help someone develop a new skill or grow in their role.</p>
<p>Outside of that, I struggle to find reason to share those same experiences. Who am I to share an opinion in a world of opinions? I get paralized thinking about what is ”new” or ”valuable”.</p>
<p>30 minutes isn’t that much time. I don’t intend to get much done. Over these 30 days, I intend to write about my experience, the work that I’ve done in the last 4 years, and things I’ve learned. Maybe along the way I’ll remember how to write HTML & CSS. I will use these 30 days to write and publish something, every day, regardless of the subject, scale, and quality.</p>
<h2 id="format">Format</h2>
<p>It’s been a long time since I’ve done any web development. Each of my posts during these 30 days will include:</p>
<ul>
<li>Celebrating my accomplishments.</li>
<li>What I looked up.</li>
<li>Things I’ve learned.</li>
<li>What I’m working on next.</li>
</ul>
<h2 id="accomplishments">Accomplishments</h2>
<ol>
<li>I successfully wrote this post in Markdown, can commit it to GitHub, and deploy it to a publically available location. It has taken me <strong>17 days</strong> to get to this point.</li>
<li>I successfully updated the SSL certificates to cover year specific subdomains.</li>
</ol>
<h2 id="what-i-looked-up-today">What I looked up today</h2>
<ul>
<li><a href="https://jekyllrb.com/docs/posts/#drafts">How to store draft posts in Jekyll</a></li>
<li>Possibly using GitHub <a href="https://github.com/actions/starter-workflows">action workflows</a> to handle the current manual build and deploy process</li>
<li>If <a href="https://h5bp.org">HTML5 boilerplate</a> still existed, and what changes they’ve made to their <a href="https://github.com/h5bp/server-configs-nginx">nginx configs</a>, which I currently use on the site.</li>
</ul>
<h2 id="things-ive-learned">Things I’ve learned</h2>
<ol>
<li>I still remember the keyboard bindings for tmux.</li>
<li>How to request SSL certificates for multiple subdomains at once, using certbot’s <a href="https://certbot.eff.org/docs/using.html#webroot"><code class="highlighter-rouge">--webroot</code> flag</a>.</li>
</ol>
<h2 id="what-im-working-on-next">What I’m working on next</h2>
<ol>
<li>Setting up automatic deployments</li>
<li>Filling out the content outlines I wrote during days 1-16. Posting those.</li>
</ol>In 2016, I updated my website in an effort to get a new job. I also used it as an opportunity to get back into something I enjoyed doing (baking), and sharing it with others. I started working on that website on January 14, 2016. I wrote three posts, and put up a portfolio of work. I eventually got a job, and totally forgot about my site.