Interactive reference & testing gallery for all subsection widgets
This page is a development sandbox designed to demonstrate every subsection widget template supported by the Academic theme. Each section below is generated from an independent .md file inside content/templates/.
Click any link below to jump directly to its live rendered showcase:
| Widget Name | Template Key (widget =) | Description |
|---|---|---|
| Hero Banner | "hero" | Full-width or split landing hero with CTAs |
| Featurette | "featurette" | Multi-column icon grid for skills/features |
| About / Profile | "about" | Author bio, avatar, education & social links |
| Experience Timeline | "experience" | Chronological career/education timeline |
| Accomplishments | "accomplishments" | Certificates, honors & awards with links |
| Pages Listing | "pages" | Filtered content archive (cards, lists, citations) |
| Portfolio / Projects | "portfolio" | Project gallery with interactive tag filters |
| Featured Items | "featured" | Curated highlights pinned by featured = true |
| People & Team | "people" | Grouped member directory with avatars |
| Contact Information | "contact" | Contact cards, social links & email form |
| Tag Cloud | "tag_cloud" | Frequency-weighted taxonomy cloud |
| Blank (2-Column Split) | "blank" | Standard layout: 1⁄3 title, 2⁄3 custom Markdown |
| Blank (Full-Width) | "blank" | Single-column: 100% width custom Markdown |
| Slider / Carousel | "slider" | Full-width responsive carousel with slides |
Welcome to the Hero Widget showcase. This widget provides a high-impact header block designed to grab user attention immediately. It supports headlines, explanatory lead paragraphs, primary buttons, secondary text links, and callout footnotes.
Explore Widgets Visit ISM Portfolio
Template key: widget = 'hero' · Ideal for landing headers, banners, and primary calls to action.
Showcase key skills, features, technologies, or services in a structured icon grid
Template key: widget = "featurette". Add or customize [[feature]] items in frontmatter with any FontAwesome icons (fas, fab, etc.).
Autonomous navigation, ROS 2 pipelines, state estimation, and sensor integration.
Quantum mechanics, electrostatics, dark matter axions, and mathematical modeling.
C++, Python, static site engines, embedded platforms, and modern tooling.
Monte Carlo methods, numerical analysis, statistical signal extraction.
Expository guides, research publications, competition problem crafting.
Olympiad coaching, course design, and physics education initiatives.
I’m a lorem ipsum dolor sit amet, consectetur adipiscing eli.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit.
Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nesc.
I can be reached at jiangzhihan63@gmail.com, and a complete CV is available here.
Chronological career and research timeline with interactive organization links
Template key: widget = "experience". Renders a connected timeline with organization badges, dates, and Markdown descriptions.
Certifications, awards, honors, and coursework cards
Template key: widget = "accomplishments". Creates cards with date ranges, issuing organizations, descriptions, and verification certificate links.
Content archives feed with configurable layout styles (Card, Compact, List, Citation)
Template key: widget = "pages". Displays automated feeds of content types like publication, post, or talk. Supports pagination, sorting, taxonomy filtering, and multiple layout styles (view = 1 List, view = 2 Compact, view = 3 Card, view = 4 Citation).
The axion-fermion coupling induces spin-dependent forces and torques, which can lead to macroscopic currents. “Magnetized multilayer” setups can use these currents to probe orders of magnitude beyond existing bounds.
We propose an approach to search for axion dark matter with a superconducting radio frequency cavity, using axion-induced transitions between nearly degenerate resonant modes of frequency $\sim \text{GHz}$.
Filterable project & publication showcase with interactive category tags
Template key: widget = "portfolio". Displays projects or publications with interactive filter toolbar buttons, supporting masonry card grid, list, compact, or showcase layouts.
The axion-fermion coupling induces spin-dependent forces and torques, which can lead to macroscopic currents. “Magnetized …
We propose an approach to search for axion dark matter with a superconducting radio frequency cavity, using axion-induced transitions …
Highlighted content pinned with featured = true in frontmatter
Template key: widget = "featured". Filters content types (such as publication, post, or talk) where featured = true is set in the document frontmatter. If no items are flagged as featured, this section displays the introductory description.
Interactive weighted taxonomy word cloud based on site content
Template key: widget = "tag_cloud". Dynamically queries any taxonomy (such as tags, categories, or publication_types) and scales each item’s font size according to its frequency across the site.
Asymmetric layout: title in left 1⁄3 column, arbitrary Markdown in right 2⁄3 column
Template key: widget = "blank" with [design] columns = "2".
This is the standard Academic subsection layout, also formerly referred to as widget = "custom". It gives a clean, editorial look by separating the section heading from the main body text.
You can write arbitrary Markdown or embed HTML here:
- Bullet Lists: Cleanly formatted itemized notes
- Callouts & Quotes:
> “Science is what we understand well enough to explain to a computer. Art is everything else we do.” — Donald Knuth
- Inline Code & Math: e.g., $\mathcal{L}_{\mathrm{int}} = g_{a\gamma\gamma} a \mathbf{E}\cdot\mathbf{B}$
- Tables & Embeds: Standard tables, video embeds, and third-party widgets.
Spans the full 12-column grid container for dashboards, wide tables, or rich media
Template key: widget = "blank" with [design] columns = "1".
When columns = "1" is selected, both the section heading and the body content span across the entire container width (12 columns). This layout is ideal for wide comparison tables, code blocks, large image galleries, or interactive tool dashboards.
| Feature Comparison | Standard (2-Col) | Full-Width (1-Col) |
|---|---|---|
| Heading Placement | Left 1⁄3 sidebar | Top centered/aligned |
| Content Area | Right 2⁄3 column | Full 12-column width |
| Best For | Narrative text, reading flow | Wide tables, cards, code blocks |
| Configuration | [design] columns = "2" | [design] columns = "1" |