Overview

This sample post is designed to verify how Markdown elements render inside a project page. It includes regular paragraphs, emphasis, links, lists, tables, code blocks, blockquotes, images, and a collapsible section on one page.

Within a paragraph, you can check bold text, italic text, strikethrough text, and inline code. Links render like Portfolio Home.

Headings

H3 Heading

This paragraph sits under an H3 heading. It is short enough to make heading and paragraph spacing easy to inspect.

H4 Heading

This paragraph sits under an H4 heading. If the theme does not define a custom H4 style, the browser default or inherited style may be visible.

Lists

Unordered list:

  • Gameplay loop
  • Level design
  • Technical art
  • UI polish

Ordered list:

  1. Prototype the mechanic
  2. Test the interaction
  3. Tune the feedback
  4. Ship the build

Nested list:

  • Player
    • Movement
    • Camera
    • Combat
  • World
    • Lighting
    • Navigation
    • Checkpoints

Task list:

  • Markdown preview content
  • Syntax highlighting sample
  • Final PDF inspection

Blockquote

Good feedback is visible, audible, and timely. The player should understand what happened before they need to ask why.

Table

Area Goal Status
Input Responsive movement Done
Combat Readable hit timing In progress
UI Clear status feedback Review
Build Export-ready package Planned

Code

JavaScript sample:

const player = {
  name: "Alpha",
  health: 100,
  inventory: ["key", "map", "torch"],
};

function applyDamage(target, amount) {
  target.health = Math.max(0, target.health - amount);
  return target.health;
}

console.log(applyDamage(player, 24));

Python sample:

from dataclasses import dataclass

@dataclass
class Quest:
    title: str
    completed: bool = False

quest = Quest("Find the hidden gate")
print(f"{quest.title}: {quest.completed}")

C++ sample:

#include <iostream>
#include <string>

int main() {
    std::string message = "Hello from C++";
    std::cout << message << std::endl;
    return 0;
}

Media

This image is included to check image rendering and print sizing.

Sample project thumbnail

Details

Implementation Notes This section checks how an HTML details element appears inside Markdown content. - Collapsed and expanded states - Internal paragraph spacing - Nested list rendering

Horizontal Rule


This is the final paragraph. Use it to inspect the horizontal rule above, paragraph spacing, and the bottom spacing of the post.