<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.0">Jekyll</generator><link href="longarchivist.github.io/codediary/feed.xml" rel="self" type="application/atom+xml" /><link href="longarchivist.github.io/codediary/" rel="alternate" type="text/html" /><updated>2021-07-14T15:03:27+00:00</updated><id>longarchivist.github.io/codediary/feed.xml</id><title type="html">Code Diary</title><subtitle>A chronology of coding.</subtitle><entry><title type="html">Welcome to the possibilities of CodePen!</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/07/14/welcome-to-CodePen.html" rel="alternate" type="text/html" title="Welcome to the possibilities of CodePen!" /><published>2021-07-14T08:22:33+00:00</published><updated>2021-07-14T08:22:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/07/14/welcome-to-CodePen</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/07/14/welcome-to-CodePen.html">&lt;p&gt;So “codepen” looks like it might be a wonderful tool.
 Let’s check our hyperlink syntax.
&lt;a href=&quot;https://codepen.io/industrialdoctor/pen/wvdoVaV&quot;&gt;first link to codepen&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;
&lt;a href=&quot;https://codepen.io/industrialdoctor/pen/ZEKLmxz&quot;&gt;second link to codepen&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;Okay, let’s note a resource:&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet&quot;&gt;inline link to resource&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;and let’s quote:
&lt;a href=&quot;https://www.google.com&quot;&gt;I’m an inline-style link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://www.google.com&quot; title=&quot;Google's Homepage&quot;&gt;I’m an inline-style link with title&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;https://www.mozilla.org&quot;&gt;I’m a reference-style link&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;../blob/master/LICENSE&quot;&gt;I’m a relative reference to a repository file&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://slashdot.org&quot;&gt;You can use numbers for reference-style link definitions&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Or leave it empty and use the &lt;a href=&quot;http://www.reddit.com&quot;&gt;link text itself&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;URLs and URLs in angle brackets will automatically get turned into links.
http://www.example.com or &lt;a href=&quot;http://www.example.com&quot;&gt;http://www.example.com&lt;/a&gt; and sometimes
example.com (but not on Github, for example).&lt;/p&gt;

&lt;p&gt;Some text to show that the reference links can follow later.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">So “codepen” looks like it might be a wonderful tool. Let’s check our hyperlink syntax. first link to codepen</summary></entry><entry><title type="html">Welcome to the limitations of a blog with Jekyll!</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/07/12/welcome-to-TheLimitsOfBlogsWithJekyll.html" rel="alternate" type="text/html" title="Welcome to the limitations of a blog with Jekyll!" /><published>2021-07-12T08:22:33+00:00</published><updated>2021-07-12T08:22:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/07/12/welcome-to-TheLimitsOfBlogsWithJekyll</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/07/12/welcome-to-TheLimitsOfBlogsWithJekyll.html">&lt;p&gt;The original for this post was found in the  &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Attempts to use Jekyll as a blogging platform have proven very inconvenient. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;

&lt;p&gt;Jekyll requires blog post files to be named according to the following format:&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YEAR-MONTH-DAY-title.MARKUP&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Where &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YEAR&lt;/code&gt; is a four-digit number, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;MONTH&lt;/code&gt; and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;DAY&lt;/code&gt; are both two-digit numbers, and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;MARKUP&lt;/code&gt; is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;

&lt;p&gt;Jekyll also offers powerful support for code snippets:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-ruby&quot; data-lang=&quot;ruby&quot;&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;puts&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Hi, &lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;'Tom'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;#=&amp;gt; prints 'Hi, Tom' to STDOUT.&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Check out the &lt;a href=&quot;https://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt; for more info on how to get the most out of Jekyll. File all bugs/feature requests at &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;Jekyll’s GitHub repo&lt;/a&gt;. If you have questions, you can ask them on &lt;a href=&quot;https://talk.jekyllrb.com/&quot;&gt;Jekyll Talk&lt;/a&gt;.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">The original for this post was found in the _posts directory. Attempts to use Jekyll as a blogging platform have proven very inconvenient. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.</summary></entry><entry><title type="html">Getting A Long Streak on FreeCodeCamp</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/07/11/it_is_time_to_think_about_GettingALongStreakOnFCC.html" rel="alternate" type="text/html" title="Getting A Long Streak on FreeCodeCamp" /><published>2021-07-11T16:00:33+00:00</published><updated>2021-07-11T16:00:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/07/11/it_is_time_to_think_about_GettingALongStreakOnFCC</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/07/11/it_is_time_to_think_about_GettingALongStreakOnFCC.html">&lt;p&gt;It is amazing that the first entry in this blog appeared in April, more than two months ago, and I still do not have a major streak on FreeCodeCamp.&lt;/p&gt;

&lt;p&gt;The blog format is not terribly convenient. But it will have to serve. If I really had to do a daily update blog, I would have to find a better format, but the fact is that I am using these daily blog updates as a way to kickstart my work process.&lt;/p&gt;

&lt;p&gt;Currently I seem to have a two-day streak that ended. However, today is Monday. Thus it would be entirely reasonable to do something on FreeCodeCamp each day from now until Friday. The projects are a completely unknown quantity, but that makes the effort into an adventure.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">It is amazing that the first entry in this blog appeared in April, more than two months ago, and I still do not have a major streak on FreeCodeCamp.</summary></entry><entry><title type="html">It is time to think about using GIT properly</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/07/02/it_is_time_to_think_about_usingGitProperly.html" rel="alternate" type="text/html" title="It is time to think about using GIT properly" /><published>2021-07-02T05:26:33+00:00</published><updated>2021-07-02T05:26:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/07/02/it_is_time_to_think_about_usingGitProperly</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/07/02/it_is_time_to_think_about_usingGitProperly.html">&lt;p&gt;Let me see how things work out if I just dump some HTML in this:
&amp;lt;!DOCTYPE html&amp;gt;&lt;/p&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;

div{

background-color:yellow;
}
div:hover{
transform: skewY(1deg);
}
a:hover {
  background-color: yellow;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;a href=&quot;https://www.w3schools.com&quot;&gt;w3schools.com&lt;/a&gt;
&lt;a href=&quot;https://www.wikipedia.org&quot;&gt;wikipedia.org&lt;/a&gt;

&lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; The :hover selector style links on mouse-over.&lt;/p&gt;

&lt;div&gt;
the
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">Let me see how things work out if I just dump some HTML in this: &amp;lt;!DOCTYPE html&amp;gt;</summary></entry><entry><title type="html">It is time to think about theoretical Computer Science</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/07/02/it_is_time_to_think_about_CSS.html" rel="alternate" type="text/html" title="It is time to think about theoretical Computer Science" /><published>2021-07-02T00:00:00+00:00</published><updated>2021-07-02T00:00:00+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/07/02/it_is_time_to_think_about_CSS</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/07/02/it_is_time_to_think_about_CSS.html">&lt;p&gt;I have somehow committed the wrong file.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">I have somehow committed the wrong file.</summary></entry><entry><title type="html">It is time to think about CSS</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/05/16/it_is_time_to_think_about_theory.html" rel="alternate" type="text/html" title="It is time to think about CSS" /><published>2021-05-16T00:00:00+00:00</published><updated>2021-05-16T00:00:00+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/05/16/it_is_time_to_think_about_theory</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/05/16/it_is_time_to_think_about_theory.html">&lt;p&gt;I wonder whether I can get this to show up properly even if it does not have a properly placed date in the format:&lt;/p&gt;

&lt;p&gt;date:   2021-07-02 13:26:33 +0800&lt;/p&gt;

&lt;p&gt;Furthermore I wonder whether I could get an element to show up that had a date in the md filename but not in the text of the md file.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">I wonder whether I can get this to show up properly even if it does not have a properly placed date in the format:</summary></entry><entry><title type="html">It is time to think about JavaScript</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/04/26/it_is_time_to_think_about_javascript.html" rel="alternate" type="text/html" title="It is time to think about JavaScript" /><published>2021-04-26T05:26:33+00:00</published><updated>2021-04-26T05:26:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/04/26/it_is_time_to_think_about_javascript</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/04/26/it_is_time_to_think_about_javascript.html">&lt;p&gt;So … I have told myself that I would strive for JavaScript certification. This implies that at some point, I must start learning and practicing JavaScript.&lt;/p&gt;

&lt;p&gt;By 1357, I was 25% of the way through the freeCodeCamp starting tutorial. I suspect it might be a bit too easy for me.&lt;/p&gt;

&lt;p&gt;By 1427, I had finished the first module of Basic HTML and HTML5.&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;
Passed
Say Hello to HTML Elements
&lt;br /&gt;
Passed
Headline with the h2 Element
&lt;br /&gt;
Passed
Inform with the Paragraph Element
&lt;br /&gt;
Passed
Fill in the Blank with Placeholder Text
&lt;br /&gt;
Passed
Uncomment HTML
&lt;br /&gt;
Passed
Comment out HTML
&lt;br /&gt;
Passed
Delete HTML Elements
&lt;br /&gt;
Passed
Introduction to HTML5 Elements
&lt;br /&gt;
Passed
Add Images to Your Website
&lt;br /&gt;
Passed
Link to External Pages with Anchor Elements
&lt;br /&gt;
Passed
Link to Internal Sections of a Page with Anchor Elements
&lt;br /&gt;
Passed
Nest an Anchor Element within a Paragraph
&lt;br /&gt;
Passed
Make Dead Links Using the Hash Symbol
&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;Passed
Turn an Image into a Link
&lt;br /&gt;
Passed
Create a Bulleted Unordered List
&lt;br /&gt;
Passed
Create an Ordered List
&lt;br /&gt;
Passed
Create a Text Field
&lt;br /&gt;
Passed
Add Placeholder Text to a Text Field
&lt;br /&gt;
Passed
Create a Form Element
&lt;br /&gt;
Passed
Add a Submit Button to a Form
&lt;br /&gt;
Passed
Use HTML5 to Require a Field
&lt;br /&gt;
Passed
Create a Set of Radio Buttons
&lt;br /&gt;
Passed
Create a Set of Checkboxes
&lt;br /&gt;
Passed
Use the value attribute with Radio Buttons and Checkboxes
&lt;br /&gt;
Passed
Check Radio Buttons and Checkboxes by Default
&lt;br /&gt;
Passed
Nest Many Elements within a Single div Element
&lt;br /&gt;
Passed
Declare the Doctype of an HTML Document
&lt;br /&gt;
Passed
Define the Head and Body of an HTML Document&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">So … I have told myself that I would strive for JavaScript certification. This implies that at some point, I must start learning and practicing JavaScript.</summary></entry><entry><title type="html">A Fancy Chronology</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/04/23/a-fancy-chronology.html" rel="alternate" type="text/html" title="A Fancy Chronology" /><published>2021-04-23T08:26:33+00:00</published><updated>2021-04-23T08:26:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/04/23/a-fancy-chronology</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/04/23/a-fancy-chronology.html">&lt;p&gt;So today is the 23rd of April, 2021, and my only “coding” is really just IT grunt work. I want Jekyll and Github pages to play nicely together.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">So today is the 23rd of April, 2021, and my only “coding” is really just IT grunt work. I want Jekyll and Github pages to play nicely together.</summary></entry><entry><title type="html">Welcome to Jekyll!</title><link href="longarchivist.github.io/codediary/jekyll/update/2021/04/23/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Welcome to Jekyll!" /><published>2021-04-23T08:22:33+00:00</published><updated>2021-04-23T08:22:33+00:00</updated><id>longarchivist.github.io/codediary/jekyll/update/2021/04/23/welcome-to-jekyll</id><content type="html" xml:base="longarchivist.github.io/codediary/jekyll/update/2021/04/23/welcome-to-jekyll.html">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;

&lt;p&gt;Jekyll requires blog post files to be named according to the following format:&lt;/p&gt;

&lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YEAR-MONTH-DAY-title.MARKUP&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Where &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YEAR&lt;/code&gt; is a four-digit number, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;MONTH&lt;/code&gt; and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;DAY&lt;/code&gt; are both two-digit numbers, and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;MARKUP&lt;/code&gt; is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;

&lt;p&gt;Jekyll also offers powerful support for code snippets:&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-ruby&quot; data-lang=&quot;ruby&quot;&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;puts&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Hi, &lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;
&lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;'Tom'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;span class=&quot;c1&quot;&gt;#=&amp;gt; prints 'Hi, Tom' to STDOUT.&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;Check out the &lt;a href=&quot;https://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt; for more info on how to get the most out of Jekyll. File all bugs/feature requests at &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;Jekyll’s GitHub repo&lt;/a&gt;. If you have questions, you can ask them on &lt;a href=&quot;https://talk.jekyllrb.com/&quot;&gt;Jekyll Talk&lt;/a&gt;.&lt;/p&gt;</content><author><name></name></author><category term="jekyll" /><category term="update" /><summary type="html">You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.</summary></entry></feed>