Main Page: Difference between revisions
From 52 Shore Cabin Guide — STAGING
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="poc-shore"> | <div class="poc-shore"> | ||
<nav class="poc-nav" aria-label="Primary navigation"> | <nav class="poc-nav" aria-label="Primary navigation"> | ||
<div class="poc-nav__brand">[[Main Page|<span class="poc-nav__mark" aria-hidden="true"> | <div class="poc-nav__brand">[[Main Page|<span class="poc-nav__mark" aria-hidden="true">â–²</span><span class="poc-nav__number">52</span><span class="poc-nav__name">SHORE<small>CABIN GUIDE</small></span>]]</div> | ||
<div class="poc-nav__desktop"> | <div class="poc-nav__desktop"> | ||
[[Main Page| | [[Main Page|⌂ Home]] [[Activities|⌠Activities]] [[Amenities|▰ Amenities]] | ||
[[Local Area| | [[Local Area|â— Local Area]] [[Nature & Wildlife|â—† Nature & Wildlife]] | ||
[[FAQ|? FAQ]] <span class="poc-nav__emergency">[[Emergency Information| | [[FAQ|? FAQ]] <span class="poc-nav__emergency">[[Emergency Information|â–² Emergency]]</span> | ||
</div> | </div> | ||
<details class="poc-nav__mobile"> | <details class="poc-nav__mobile"> | ||
| Line 14: | Line 14: | ||
<section class="poc-hero" aria-labelledby="poc-hero-title"> | <section class="poc-hero" aria-labelledby="poc-hero-title"> | ||
<div class="poc-hero__media poc-hero__media--desktop">[[File:52-shore-hero-desktop. | <div class="poc-hero__media poc-hero__media--desktop">[[File:52-shore-hero-desktop.jpg|frameless|link=|class=poc-hero__image|alt=Sunset over the water at 52 Shore with chairs, dock, and fire pit]]</div> | ||
<div class="poc-hero__media poc-hero__media--mobile">[[File:52-shore-hero-mobile. | <div class="poc-hero__media poc-hero__media--mobile">[[File:52-shore-hero-mobile.jpg|frameless|link=|class=poc-hero__image|alt=]]</div> | ||
<div class="poc-hero__content"> | <div class="poc-hero__content"> | ||
<p class="poc-hero__eyebrow">Welcome to</p> | <p class="poc-hero__eyebrow">Welcome to</p> | ||
| Line 34: | Line 34: | ||
<div class="poc-home" role="main"> | <div class="poc-home" role="main"> | ||
<section class="poc-panel poc-panel--topics" aria-labelledby="poc-popular-topics"> | <section class="poc-panel poc-panel--topics" aria-labelledby="poc-popular-topics"> | ||
<div class="poc-panel__heading"><h2 id="poc-popular-topics">Popular Topics <span aria-hidden="true"> | <div class="poc-panel__heading"><h2 id="poc-popular-topics">Popular Topics <span aria-hidden="true">🌿</span></h2></div> | ||
<div class="poc-topic-grid"> | <div class="poc-topic-grid"> | ||
<article class="poc-topic poc-topic--sage"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--sage"><div class="poc-topic__icon" aria-hidden="true">âŒ</div><h3>[[Fishing]]</h3></article> | ||
<article class="poc-topic poc-topic--lake"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--lake"><div class="poc-topic__icon" aria-hidden="true">âš„</div><h3>[[Games]]</h3></article> | ||
<article class="poc-topic poc-topic--sand"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--sand"><div class="poc-topic__icon" aria-hidden="true">â—</div><h3>[[Kayaks]]</h3></article> | ||
<article class="poc-topic poc-topic--fire"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--fire"><div class="poc-topic__icon" aria-hidden="true">♨</div><h3>[[Fire Pits|Fire Pit]]</h3></article> | ||
<article class="poc-topic poc-topic--gold"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--gold"><div class="poc-topic__icon" aria-hidden="true">⌑</div><h3>[[Restaurants]]</h3></article> | ||
<article class="poc-topic poc-topic--lavender"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--lavender"><div class="poc-topic__icon" aria-hidden="true">⇥</div><h3>[[Things to Do]]</h3></article> | ||
<article class="poc-topic poc-topic--moss"><div class="poc-topic__icon" aria-hidden="true"> | <article class="poc-topic poc-topic--moss"><div class="poc-topic__icon" aria-hidden="true">â—†</div><h3>[[Wildlife]]</h3></article> | ||
<article class="poc-topic poc-topic--mist"><div class="poc-topic__icon" aria-hidden="true">?</div><h3>[[FAQ]]</h3></article> | <article class="poc-topic poc-topic--mist"><div class="poc-topic__icon" aria-hidden="true">?</div><h3>[[FAQ]]</h3></article> | ||
</div> | </div> | ||
| Line 49: | Line 49: | ||
<div class="poc-secondary"> | <div class="poc-secondary"> | ||
<section class="poc-panel" aria-labelledby="poc-quick-links"> | <section class="poc-panel" aria-labelledby="poc-quick-links"> | ||
<div class="poc-panel__heading"><h2 id="poc-quick-links"> | <div class="poc-panel__heading"><h2 id="poc-quick-links">⌠Quick Links</h2></div> | ||
<div class="poc-quick-grid"> | <div class="poc-quick-grid"> | ||
<div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true"> | <div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true">âŒ</span><span>[[Wi-Fi Information]]</span><span aria-hidden="true">›</span></div> | ||
<div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true"> | <div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true">▰</span><span>[[Parking & Directions]]</span><span aria-hidden="true">›</span></div> | ||
<div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true"> | <div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true">▣</span><span>[[Check-out Instructions]]</span><span aria-hidden="true">›</span></div> | ||
<div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true"> | <div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true">▥</span><span>[[Trash & Recycling]]</span><span aria-hidden="true">›</span></div> | ||
<div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true"> | <div class="poc-quick"><span class="poc-quick__icon" aria-hidden="true">▤</span><span>[[House Rules]]</span><span aria-hidden="true">›</span></div> | ||
<div class="poc-quick poc-quick--emergency"><span class="poc-quick__icon" aria-hidden="true"> | <div class="poc-quick poc-quick--emergency"><span class="poc-quick__icon" aria-hidden="true">✚</span><span>[[Emergency Information|Emergency Info]]</span><span aria-hidden="true">›</span></div> | ||
</div> | </div> | ||
</section> | </section> | ||
<section class="poc-panel" aria-labelledby="poc-nearby-heading"> | <section class="poc-panel" aria-labelledby="poc-nearby-heading"> | ||
<div class="poc-panel__heading"><h2 id="poc-nearby-heading"> | <div class="poc-panel__heading"><h2 id="poc-nearby-heading">â— What's Nearby</h2></div> | ||
<div class="poc-nearby-grid"> | <div class="poc-nearby-grid"> | ||
<article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-hiking. | <article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-hiking.jpg|frameless|link=Hiking|alt=Wooded hiking trail]]</div><div class="poc-nearby__label"><h3>[[Hiking|Hiking Trails]]</h3><p>5 min</p></div></article> | ||
<article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-beach. | <article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-beach.jpg|frameless|link=Beaches and Lakes|alt=Sandy public beach]]</div><div class="poc-nearby__label"><h3>[[Beaches and Lakes|Public Beach]]</h3><p>12 min</p></div></article> | ||
<article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-grocery. | <article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-grocery.jpg|frameless|link=Groceries|alt=Local grocery storefront]]</div><div class="poc-nearby__label"><h3>[[Groceries|Grocery Store]]</h3><p>15 min</p></div></article> | ||
<article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-ice-cream. | <article class="poc-nearby"><div class="poc-nearby__media">[[File:52-shore-nearby-ice-cream.jpg|frameless|link=Ice Cream|alt=Ice cream near the lake]]</div><div class="poc-nearby__label"><h3>[[Ice Cream]]</h3><p>18 min</p></div></article> | ||
</div> | </div> | ||
<p class="poc-nearby-more">[[Local Area|View More Local Recommendations | <p class="poc-nearby-more">[[Local Area|View More Local Recommendations →]]</p> | ||
</section> | </section> | ||
</div> | </div> | ||
<footer class="poc-footer" aria-label="Guest help and sharing"> | <footer class="poc-footer" aria-label="Guest help and sharing"> | ||
<div class="poc-footer__item"><span aria-hidden="true"> | <div class="poc-footer__item"><span aria-hidden="true">☎</span><p><strong>Questions?</strong><br />Check the [[FAQ]] or reach out anytime.</p></div> | ||
<div class="poc-footer__item"><span aria-hidden="true"> | <div class="poc-footer__item"><span aria-hidden="true">â—</span><p><strong>Share Your Memories</strong><br />Tag us in your photos #52ShoreCabin</p></div> | ||
<div class="poc-footer__item"><span aria-hidden="true"> | <div class="poc-footer__item"><span aria-hidden="true">★</span><p><strong>Love Your Stay?</strong><br />We'd appreciate your review!</p></div> | ||
<div class="poc-footer__item"><span aria-hidden="true"> | <div class="poc-footer__item"><span aria-hidden="true">â–¦</span><p><strong>Scan Anywhere</strong><br />Look for QR codes around the property.</p></div> | ||
<div class="poc-footer__legal">[[About This Guide|About]] | <div class="poc-footer__legal">[[About This Guide|About]] · [[Special:UserLogin|Administrator login]] · [[Privacy]]</div> | ||
</footer> | </footer> | ||
</div> | </div> | ||
</div> | </div> | ||
__NOTOC__ | __NOTOC__ | ||
Revision as of 04:57, 13 July 2026
<nav class="poc-nav" aria-label="Primary navigation">
<details class="poc-nav__mobile"> <summary aria-label="Open guide navigation">Menu</summary>
</details>
</nav>
<section class="poc-hero" aria-labelledby="poc-hero-title">
Welcome to
52 Shore Cabin Guide
Your go-to guide for making the most of your stay.
Find activities, amenities, local favorites, and hidden gems.
</section>
<section class="poc-panel poc-panel--topics" aria-labelledby="poc-popular-topics">
Popular Topics
<article class="poc-topic poc-topic--sage"></article>
<article class="poc-topic poc-topic--lake"></article>
<article class="poc-topic poc-topic--sand"></article>
<article class="poc-topic poc-topic--fire"></article>
<article class="poc-topic poc-topic--gold"></article>
<article class="poc-topic poc-topic--lavender"></article>
<article class="poc-topic poc-topic--moss"></article>
<article class="poc-topic poc-topic--mist"></article>
</section>
<section class="poc-panel" aria-labelledby="poc-quick-links">
⌠Quick Links
</section>
<section class="poc-panel" aria-labelledby="poc-nearby-heading">
â— What's Nearby
<article class="poc-nearby">
</article>
<article class="poc-nearby">
</article>
<article class="poc-nearby">
</article>
<article class="poc-nearby">
</article>
5 min
12 min
15 min
18 min
View More Local Recommendations →
</section>
<footer class="poc-footer" aria-label="Guest help and sharing">
</footer>