<div class="sv-articles-page"> <div class="sv-articles-hero"> <p class="sv-hero-text">Lore, session recaps, DM advice, worldbuilding notes, character spotlights, and stories from the table.</p> </div> <div class="sv-section-heading"><span></span><h2>Latest Articles</h2><span></span></div> <div class="sv-featured-rotator"> <div class="sv-featured-slide sv-featured-one"> <a class="sv-featured-link" href="/Articles/ARTICLE-LINK-HERE"> <div class="sv-featured-image" style="background-image:url('IMAGE-LINK-HERE');"></div> <div class="sv-featured-shade"></div> <div class="sv-featured-text"> <p class="sv-label">Latest Article</p> <h3>Article Title One</h3> <p>Short description of the article goes here.</p> </div> </a> </div> <div class="sv-featured-slide sv-featured-two"> <a class="sv-featured-link" href="/Articles/ARTICLE-LINK-HERE"> <div class="sv-featured-image" style="background-image:url('IMAGE-LINK-HERE');"></div> <div class="sv-featured-shade"></div> <div class="sv-featured-text"> <p class="sv-label">Featured Lore</p> <h3>Article Title Two</h3> <p>Short description of the article goes here.</p> </div> </a> </div> <div class="sv-featured-slide sv-featured-three"> <a class="sv-featured-link" href="/Articles/ARTICLE-LINK-HERE"> <div class="sv-featured-image" style="background-image:url('IMAGE-LINK-HERE');"></div> <div class="sv-featured-shade"></div> <div class="sv-featured-text"> <p class="sv-label">DM Advice</p> <h3>Article Title Three</h3> <p>Short description of the article goes here.</p> </div> </a> </div> </div> <div class="sv-section-heading"><span></span><h2>Browse All</h2><span></span></div> <div class="sv-article-grid"> <div class="sv-article-card"><a href="/Articles/ARTICLE-LINK-HERE"><div class="sv-card-image" style="background-image:url('IMAGE-LINK-HERE');"></div><div class="sv-card-body"><p class="sv-card-tag">Lore</p><h3>Article Title One</h3><p>Short article preview goes here.</p></div></a></div> <div class="sv-article-card"><a href="/Articles/ARTICLE-LINK-HERE"><div class="sv-card-image" style="background-image:url('IMAGE-LINK-HERE');"></div><div class="sv-card-body"><p class="sv-card-tag">Session Recap</p><h3>Article Title Two</h3><p>Short article preview goes here.</p></div></a></div> <div class="sv-article-card"><a href="/Articles/ARTICLE-LINK-HERE"><div class="sv-card-image" style="background-image:url('IMAGE-LINK-HERE');"></div><div class="sv-card-body"><p class="sv-card-tag">DM Advice</p><h3>Article Title Three</h3><p>Short article preview goes here.</p></div></a></div> </div> <div class="sv-section-heading"><span></span><h2>Search Articles</h2><span></span></div> <div class="sv-category-row"> <a href="/Articles/Lore">Lore</a> <a href="/Articles/Session-Recaps">Session Recaps</a> <a href="/Articles/DM-Advice">DM Advice</a> <a href="/Articles/Worldbuilding">Worldbuilding</a> <a href="/Articles/Character-Spotlights">Character Spotlights</a> <a href="/Articles/Quintins-Tales">Quintin’s Tales</a> </div> <div class="sv-pagination"><span>Page 1</span><a href="/Articles/Page-2">Next Page</a></div> </div>