css

A little Scala project to convert AsciiDoc to clean, simple HTML alvin February 2, 2019 - 1:12pm
Table of Contents1 - A shell script solution2 - A JavaFX GUI3 - Summary

I recently started using AsciiDoc to write a new book. A great thing about it is that unlike Markdown, you can use AsciiDoc to write a book and get all of the features you want in a book, including linking between anything, captions for tables and figures, indexes, etc. Because this got me started using AsciiDoc I thought, “Wouldn’t it be nice if I could also use AsciiDoc to write blog posts like this one?”

Sadly, I quickly ran into a problem: I couldn’t find a good way to convert AsciiDoc into HTML, or even Markdown. There are tools to convert AsciiDoc to HTML, but for some reason they take the approach of including a ton of markup in the HTML (divs, spans, and attributes), and as far as I can tell there’s no way to turn off that markup.

Back to top

A shell script solution

From Drupal 6 to the Play Framework

As I wrote last week, I got tired of dealing with Drupal 6 (D6) security update issues — especially since D6 is no longer officially supported and the last unofficial D6 security update made my websites unusable — so I wrote a Play Framework (Scala) application to display my D6 database tables data.

It’s still a work in progress, but as you can see from this page on my One Man’s Alaska website, it’s coming along. As far as visitors of the website are concerned, mostly only thing the website needs is some CSS styling and maybe a search field. (I could also add support for comments and a contact page, but my D6 websites are old, and I don’t need/want those things. I probably also won’t put any effort into supporting 10-20 custom “category” URIs I used back in the day.)

As for the specific page I linked to on the One Man’s Alaska website, that’s a favorite memory of getting ready to winterize the car in October, 2010, when I lived in the Wasilla/Palmer area.

CSS border-bottom dotted RGB color opacity setting

As a quick note, if you ever want to created a dotted border that has some RGB opacity to it, I just used the following CSS code to style some hyperlinks, and I can confirm that it works:

“Grid by Example” website alvin July 14, 2016 - 7:52am

As the Grid by Example website states, it provides “a collection of usage examples for the CSS Grid Layout specification.” Importantly, the Browsers tab on the website discusses current support for the spec in different browsers.

Inline CSS syntax (simple examples)

Just a quick note here today on the inline CSS syntax, which I can never remember. To add CSS to your web pages using the inline syntax, just add a style tag to your HTML tag, including your CSS styles within the quotes of the style tag as shown here:

<div style="border-style: dotted; border-color: #ccc;">

The CSS styles you define within your quotes are defined just as you would in an external style sheet, but they are all on one line, as shown in that example.