Adventures in Tech Land. Season 4. Episode 1

Groundhog day

2024/02/18, 48th day

freeCodeCamp reboot 1/n

I wrote this in a new draft.org file that has headers for dates when I work on this. For now I org-export-dispatch to html the contents of the org-tree-to-indirect-buffer of the date I've completed and I do my thing with the dailyIndex function in adventuresintechland.el. I need to actually open the exported draft.html and copy-paste its contents in my daily file, but that's ok for now. Let's give that a try.

Ok. It works fine. There are a few issues to iron out. First the HTML that org-export generates is very verbose. I had to remove all the id, class, style things in it. Maye exporting to HTML is not the best way to do this. I could export to text and convert the < and >, and add the <pre> where required.

Then I had to manually add the last day navigation. It looks like I also have to manually modify the main index. But I probably had that automatically done in the past. So I'll need to check that. Also I had to manually copy adventuresintechland.css from the root of the project to the root of the year. I'm not sure why I choose to do have that set up this way. I'll probably update the main adventuresintechland.org file and be done with today.

Step 1 <h1>

First header.

<h1>Groundhog day</h1>

Step 2 <h2>

Second header.

<h1>Groundhog day</h1>
<h2>My favourite day</h2>

Step 3 <p>

Paragraph.

<h1>Groundhog day</h1>
<h2>My favourite day</h2>
<p>Weird day list</p>

Step 4 comments <!– … –>

Comment, not displayed.

<h1>Groundhog day</h1>
<h2>My favourite day</h2>
<p>Weird day list</p>
<!-- it's way too late, I should be in bed -->

Step 5 <main>

Main chunk of data, for meta analysis (SEO, etc.)

<main>
  <h1>Groundhog day</h1>
  <h2>My favourite day</h2>
  <p>Weird day list</p>
  <!-- it's way too late, I should be in bed -->
</main>

Step 6 indentation

Done already.

Step 7 <img>

Images, without images.

<main>
  <h1>Groundhog day</h1>
  <h2>My favourite day</h2>
  <p>Weird day list</p>
  <!-- it's way too late, I should be in bed -->
  <img/>
</main>

Step 8 <img src>

Images, with images.

<main>
  <h1>Groundhog day</h1>
  <h2>My favourite day</h2>
  <p>Weird day list</p>
  <!-- it's way too late, I should be in bed -->
<img src="https://www.closerweekly.com/wp-content/uploads/2015/04/bill-murray-groundhog-day.jpg">
</main>