Single Template and Shortcode Smoke Tests

785 words

NOTE: I prompted Gemini to create this page to use for quickly testing all the various visual features used throughout the blog, to make sure they render properly. This was very useful when developing an updated blog theme. Everything below here is AI-generated.


Markdown Styling Test

Use this section to visually verify the typography, spacing, and styling of standard Markdown elements.

Heading 2 (Section Title)

Paragraph.

Heading 3 (Sub-section Title)

Paragraph.

Heading 4

Paragraph.

Heading 5

Paragraph.

Heading 6

Paragraph.


Basic Text Styling

This is a paragraph containing bold text, italicized text, and bold italicized text. You can also have strikethrough text or a link to the top of this page.

Here is some inline code within a sentence.


Blockquotes

This is a standard blockquote. It should have distinct styling, such as a left border and italicized text or a different background color, to set it apart from the main text body.

Nested blockquotes should also render nicely with additional indentation.


Lists

Unordered List

  • Item 1
  • Item 2
    • Nested Item 2.1
    • Nested Item 2.2
  • Item 3

Ordered List

  1. First item
  2. Second item
    1. Nested item A
    2. Nested item B
  3. Third item

Task List

  • Completed task
  • Uncompleted task
  • Another completed task

Tables

Heading 1 Heading 2 Align Center Align Right
Normal cell Longer text content Centered $12.34
Another cell More text goes here Centered text $150.00
Row 3 Short C $1.99

Code Blocks

# Python Syntax Highlighting Test
def greet(name):
    """Prints a friendly greeting."""
    greeting = f"Hello, {name}!"
    print(greeting)
    return greeting

greet("Endgame Viable")
<!-- HTML Code Block Test -->
<article class="sample">
  <h2>Article Title</h2>
  <p>Some content goes here.</p>
</article>

Images

This is a paragraph with an inline image reference:

Sample Image


This dashboard lists references to existing posts and pages that showcase the various layout conditionals and custom shortcodes available on the blog. Use this page to verify that everything renders correctly.

Layout Conditionals (Single Template)

  • Featured Image & Summary
    • Conditional tested: Checks for images frontmatter list parameter.
    • Expected behavior: Renders a top-level <aside class="post-summary"> box containing the post summary, and renders the featured image at the top of the post using the first image from the list.
  • Audio Component (Top Player)
    • Conditional tested: Checks for audio frontmatter list parameter.
    • Expected behavior: Renders the HTML <audio> player at the top of the post just below the heading/featured image and above the post content.
  • Writing Blog Archive Banner
    • Conditional tested: Checks if source parameter equals everettrenshaw.com.
    • Expected behavior: Displays the highlight box at the top saying: “Originally posted on my writing blog which was active from 2010 to 2018.”
  • Legacy Blog Archive Banner
    • Conditional tested: Checks if source parameter equals thomaskrehbiel.com.
    • Expected behavior: Displays the highlight box at the top saying: “Originally posted on my personal blog which was active from 2003 to 2020.”
  • WordPress Archival Notice & Archived Comments
    • Conditional tested: Checks if post date is <= 2020 (date <= 2020) and page type is post, as well as checking site comments data for archived comments matching the post relpermalink.
    • Expected behavior: Displays the WordPress archival disclaimer at the footer of the post and lists archived comments at the bottom in the “Archived Comments” section.
  • Comments Disabled
    • Conditional tested: Checks if nocomments: true is defined in frontmatter.
    • Expected behavior: Renders “Comments are disabled on this post.” instead of the commenting form/widget or closed-archive disclaimer.

Shortcodes

  • Aside Box
    • Shortcode: {{< aside >}}
    • Expected behavior: Renders content in a styled aside block callout.
  • YouTube Embed
    • Shortcode: {{< youtube ... >}}
    • Expected behavior: Embeds a YouTube video player frame.
  • Twitch Embed
    • Shortcode: {{< twitch id="..." >}}
    • Expected behavior: Renders an embedded Twitch player.
  • X / Twitter Embed
    • Shortcode: {{< x ... >}} or {{< tweet ... >}}
    • Expected behavior: Embeds an X/Twitter post.
  • Bluesky Embed
    • Shortcode: {{< bluesky link="..." >}}
    • Expected behavior: Embeds a Bluesky post using its oEmbed endpoint.
  • Chatlog
    • Shortcode: {{< chatlog >}}
    • Expected behavior: Renders formatted blockquote styled for chat conversations.
  • Audio Player Inline
    • Shortcode: {{< audio_player src="..." >}}
    • Expected behavior: Renders an inline audio player within the post body.
  • Video Index
    • Shortcode: {{< video_index source="..." >}}
    • Expected behavior: Renders a listed index of recorded gameplay videos loaded from JSON data.
  • Blog Image
    • Shortcode: {{< blogimg src="..." >}}
    • Expected behavior: Renders local/blog image dynamically.
  • Cloud Image
    • Shortcode: {{< cloudimg src="..." >}}
    • Expected behavior: Renders CDN image from basemedia.
  • Book Info
    • Shortcode: {{% book_info ... %}}
    • Expected behavior: Displays formatted metadata cards for books.
  • Blaugust Banner (2022)
    • Shortcode: {{< blaugust2022 day="..." >}}
    • Expected behavior: Displays Blaugust footer link/banner.
  • Elden Ring Index
    • Shortcode: {{< elden_ring_index >}}
    • Expected behavior: Displays video list of Elden Ring playthrough.
  • Blogroll
    • Shortcode: {{< blogroll >}}
    • Expected behavior: Displays a roll of external blogs.
  • Book Log
    • Shortcode: {{< books_sampled >}}
    • Expected behavior: Displays bookshelf index of sampled books.

This is a homegrown DIY comment system I'm working on. It technically works but it hasn't been through extensive testing yet. Good luck. Go here to enter a comment on this post without Javascript.