A Hugo/Micro.blog theme based on html and schema tags.

I created this to learn more about Micro.blog and hugo and I'm pretty proud of it. It handles all of the basic Goldmark syntax and has both a light and dark mode.

The first one is activated by adding {{< toc >}} to your text and will float in the center of the article.

The second one is activated by adding {{< floating-toc >}} to your text and will float in the right of the article.

• Add margin-right and margin-left for bluesky-embed css class

• Change font-style for <address>

• Add interpolate-size: allow-keywords to root of css
• Adjust line-height

• Attempt to fix broken css

• Fixed typo in aria-label for plugin-container
• Changed author information from <aside> to <address>
• Add <nav> to <header> to prepare for grid layout
• Add overflow-y: auto to <blockquote> to allow for expansion of element when floating images are larger than expected
• Add value for accent-color in css
• Remove --max-width-value from css as not used

• Move table of contents from <section> to <nav> because I was thinking it through
• Adjust the colors for <figure>, [popover], .style-box-alt, and .aside-info
• Adjust colors and size for audio
• Adjust spacing in rsvp.html
• Add more text to aria-label for table of contents

• Move author image from containing <div>
• Move hidden author information from <div> to <address> tag (unseen by users.)
• Move table of contents from <aside> to <section>
• Add aria-label to table of contents
• Adjust padding and margin to blockquote
• Add border-radius to .microblog_reply_textarea > textarea
• Change behavior of a:hover to no longer have a background come up but change the color of the link itself

• Change the --accent-opposite-alt to improve contrast
• Add text-wrap: balance to h# tags
• Remove margin between first paragraph and top of the article div
• Adjust margins and paddings for TableOfContents
• Adjust sizes for FloatRight and FloatLeft
• Modify padding for code examples
• Add @view-transition and text-wrap. This only shows up in blink based browsers

• Make some space adjustments for <details>
• Minor changes to [popover]

• Invert background colors for dark mode
• Increase margin-top for table of contents header

• Add stylying for responding textbox on blogs. See this post by Manton for more information.
• Add very basic styling for popovers so that they match the style for the rest of the theme.
• Make adjustments to color contrast for dark mode
• Move text styling within <figure> to <figcation>

• Add css class no-box-shadow for instances where it's not needed
• Make ::selection have the same color as mark

• Change the !important to only be on lite-youtube class in css

• Created category.terms.html and categories-with-count.html to better handle navigation of the archive and autogenerated category pages
• Style changes to list.html and removed text
• Added information to theme.toml to include some of the capability that the theme is able to do

• Minor changes to aria-labels for footers
• Change certain <div> to <aside> and <footer> to denote respective roles

• Add id to plugin-container
• Change line-height for h# tags

• Change overflow-x on <detail> element
• Make <section> use the same padding as article
• Make <a> tags in the custom footer inline-block to that they flow easier in design
• Add id to custom footer
• Move the catagory paragraphs in the archive page into a <div>
• Correct date format on archive page

• Fix styling issues with archive page

• Create archive page to use <section> and classes
• Change class of link in article footer to use u-uid
• Remove article-hidden for links that have role="presentation"
• Rearrange classes applied to <article>
• Add u-url to article title anchor

• Remove duplicate description from site-head.html
• Change keywords to use tags instead of categories. The reason I did this is that although Micro.blog does not support tags, it could in the future and categories are already denoted for the article:section
• Added twitter:domain for those who are still using the tag to parse things
• Remove styling for p-name, this class is for meta-data
• Adjusted max-width for img, video, iframe,lite-youtube. The plugin that I use is loaded later and causes the lite-youtube object to not render expectedly

• Add headline to notes that contain a generic title

• Changes to samp. This is catch the edge case where samp is being used as a block element
• Format code in list item. Might have to refactor if there are other edge cases

• Typo on dt-published

• Adjust fonts
• Make the a.no-decoration more accessible by changing contrast
• Add FloatLeft css class
• Add ::selection background color to match up with theme
• Add scrolling for debug output
• Change the title and aria-label for microposts to include the date and time. In the local copy of Hugo, an empty string title is automatically added.
• Add styling to the top of the list.html to make it stand out.
• Change the date format for the time used for published times.
• Rearrange reply order options to be Micro.blog, Mastodon, and then email
• Add articleSection to list of classes for category tags on a post

• Add partials for upcoming mathematics support in Hugo. This can be seen when you toggle the math parameter. This has been defaulted to false until v0.122 is available. Demos can be seen on the MathJax demo page.
• Use Modern Font Stacks. Matt Langford discussed this on the Tiny Theme page on fonts. I really liked his implementation and you should check it out!

• Change the li marker color to --text-alt in order to match header color
• Change padding of body to utilize more space on smaller screens
• add text-shadow to a.no-decoration
• Change logic for the debug flags
• Create stub for theme example folder
• Temporarily add the rsvp shortcode to theme to remove extra whitespace when post is cross posted to mastodon

• Improve h* tags by changing color to --text-alt
• Make changes to text-decoration inspired by 12 Modern CSS One-Line Upgrades to various elements
• Turn on debugging by default temporarily
• Modify cursor on <abbr>
• Adjust line-height to make sub, sup, and ruby elements less obtrusive to the flow of the document
• Add accent-color to root of CSS

• Move the 404 page to proper location according to documentation

• Use article.html in list.html

• Add masonry to photos-grid-container

• Add style to <abbr>
• Remove some whitespace around optional components

• Add styling to .archive_category class from baseline
• Adjust text-decoration-color and text-decoration-thickness on ins, del, and s elements
• Add a.no-decoration to style and pagination
• Hide empty optional and custom <div>s if they are empty
• Toggle the generation of debug output based on a parameter

• Shrink and float avatars
• Make white space in css more consistent
• Fix for warning about isset

• Center contents of custom footer
• Add padding to top and bottom of optional boxes

• Revert change of mastodon logic

• Copied code from Tiny Theme to implement optional plugins for micro.blog
• Changed tabs to spaces in project
• Added additional schema tags to headers and urls
• Added styling for custom footer

• Update link to mastodon account

• Move link to outside of headers
• Add u-url class and rel="me" to link found in author footer
• Make changes for mastodon account conditional of username
• Make categories conditional

• Revert to use {{ .Site.Author.avatar }} for OpenGraph images

• Adjust margin on avatar images
• Add mastodon username and server to head

• Adjust margins on for smaller viewports
• Adjust lines and colors for <del>, <ins>, and <s>
• Remove normalize.css
• Move styling from elements to classes
• Configure Goldmark parser to not wrap <img> in <p> tags
• Part one of CSS rewrite

• Add styling to comments

• Add css for <hr>
• Change default image for og:image and itemprop="image"
• Move meta wordCount to article
• Become displeased with how version numbers work

• Remove bottom border in photos page
• Adjust spacing in books page
• Make author information more responsive
• Remove border radius on blockquote

• Accessibility improvements using WAVE to test
• Validation improvements to schema tags. Using https://validator.w3.org/nu/ as the tool to validate

• Enable Mermaid.js
• Set the version in the config.json file
• Reformat README.md
• Remove role="contentinfo" from author <aside>
• Minor accessibility and validation changes

• Adjustments to the README
• Turn on Profile information at the bottom of the site

• Rewritten Code blocks
  • Wrote about the change on my blog. Incorporated a significant amount of work to understand the Hugo system
• Table of Contents short codes
• Moved to Micro.blog standard head

• Create parameters showDebugInfo & showAuthorInfo
• Defaults to false
• The information is rendered into the page but is hidden using display:none in inline style.
• Can be toggled on or off in plugin settings.
• Adjustments in different aspect of the theme to prepare to moving to CUBE CSS
• Modifications to tables
• Using min-width and margin: auto for centering the table to the container and making use of the space that is available.
• Modifications to code blocks
• An update in rendering added more styling.
• Removed increased padding on links as part of a:hover
• Added styling for <s>
• This was previously overlooked as it was thought to be the same as <del>
• Update the README.md