Roovet Articles
Main Page: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<html> | |||
< | <style> | ||
/* Minimal, self-contained CSS (safe with default CSP) */ | |||
/* Container */ | |||
.mp-wrap { box-sizing:border-box; padding:0 12px; } | |||
<!-- HERO --> | /* HERO */ | ||
.rv-hero { | |||
box-sizing:border-box; max-width:1000px; margin:0 auto 16px; padding:28px 18px; | |||
border:1px solid #a2a9b1; border-radius:2px; background:#f8f9fa; text-align:center; | |||
} | |||
.rv-eyebrow { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#54595d; margin-bottom:4px; } | |||
.rv-title { font-size:30px; line-height:1.2; margin:.15em 0 .2em 0; } | |||
.rv-tag { font-size:16px; color:#202122; margin:0 auto 12px; } | |||
.rv-actions { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:10px; } | |||
</div> | .rv-btn { | ||
display:inline-block; padding:.55em .9em; border:1px solid #a2a9b1; border-radius:2px; | |||
background:#fff; color:#202122; text-decoration:none; | |||
} | |||
.rv-btn:hover { background:#f2f2f2; } | |||
.rv-btn--primary { border-color:#e11d48; background:#e11d48; color:#fff; } | |||
.rv-btn--primary:hover { background:#be123c; border-color:#be123c; } | |||
@media (max-width:720px) { .rv-title { font-size:22px; } } | |||
/* CTA band */ | |||
.rv-cta { | |||
max-width:1000px; margin:10px auto 16px; display:grid; | |||
grid-template-columns:1fr 1fr 1fr; gap:10px; | |||
} | |||
.rv-card { border:1px solid #a2a9b1; border-radius:2px; background:#fff; } | |||
.rv-card h3 { margin:.6em .7em .2em; font-size:18px; } | |||
.rv-card p { margin:.2em .7em .7em; color:#202122; } | |||
.rv-card .rv-link { | |||
display:inline-block; margin:.2em .7em .8em; padding:.45em .7em; | |||
border:1px solid #a2a9b1; border-radius:2px; text-decoration:none; | |||
} | |||
.rv-card .rv-link:hover { background:#f8f9fa; } | |||
@media (max-width:900px) { .rv-cta { grid-template-columns:1fr; } } | |||
/* Two-column layout */ | |||
.mp-columns { | |||
max-width:1000px; margin:0 auto 20px; | |||
display:grid; grid-template-columns:2fr 1fr; gap:12px; | |||
} | |||
@media (max-width:900px) { .mp-columns { grid-template-columns:1fr; } } | |||
.mp-left, .mp-right { min-width:0; } | |||
.mp-box { border:1px solid #a2a9b1; border-radius:2px; background:#fff; margin-bottom:12px; } | |||
.mp-h { font-weight:600; font-size:15px; padding:.6em .8em; border-bottom:1px solid #eaecf0; } | |||
.mp-h--green { background:#f0f7f0; } | |||
.mp-h--pink { background:#fdf2f5; } | |||
.mp-h--blue { background:#eef3fb; } | |||
.mp-h--gray { background:#f6f7f8; } | |||
.mp-c { padding:.8em .9em; } | |||
.mp-footer { max-width:1000px; margin:8px auto 24px; color:#54595d; font-size:13px; text-align:center; } | |||
/* Search box wrapper */ | |||
.mp-top { max-width:1000px; margin:0 auto 16px; } | |||
.mp-search { margin-top:.5em; } | |||
.mp-search form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } | |||
.mp-input { | |||
flex:1 1 360px; min-width:220px; | |||
border:1px solid #a2a9b1; border-radius:2px; padding:.45em .6em; | |||
} | |||
.mp-search-btn { | |||
border:1px solid #a2a9b1; border-radius:2px; padding:.5em .8em; background:#fff; cursor:pointer; | |||
} | |||
.mp-search-btn:hover { background:#f8f9fa; } | |||
</style> | |||
<div class="mp-wrap"> | |||
<!-- HERO --> | |||
<section class="rv-hero"> | |||
<div class="rv-eyebrow">Roovet Articles</div> | |||
<h1 class="rv-title">Explore unique people, businesses & stories</h1> | |||
<p class="rv-tag">Curated, verifiable articles built for a better knowledge graph.</p> | |||
<div class="rv-actions"> | |||
<a class="rv-btn rv-btn--primary" href="/Roovet_Articles:Requested_articles">Request an article</a> | |||
<a class="rv-btn" href="/Special:NewPages">New pages</a> | |||
<a class="rv-btn" href="/Special:Random">Random article</a> | |||
</div> | |||
</section> | |||
<!-- Welcome / Search --> | |||
<section class="mp-top"> | |||
<div><b>Welcome to Roovet Articles</b></div> | |||
<div> | |||
Roovet currently has | |||
<a href="/Special:Statistics">many articles</a>. | |||
Suggest edits or new pages via | |||
<a href="mailto:article@roovet.com">article@roovet.com</a>. | |||
</div> | |||
<!-- Native search form equivalent to InputBox --> | |||
<div class="mp-search"> | |||
<form action="/index.php" method="get"> | |||
<input type="hidden" name="title" value="Special:Search"> | |||
<input type="hidden" name="fulltext" value="1"> | |||
<input class="mp-input" type="search" name="search" placeholder="Search Roovet Articles"> | |||
<button class="mp-search-btn" type="submit">Search</button> | |||
</form> | |||
</div> | |||
</section> | |||
<!-- CTA banner (three cards) --> | |||
<section class="rv-cta"> | |||
<div class="rv-card"> | |||
<h3>Get listed</h3> | |||
<p>Suggest a new article. Send sources and a short bio.</p> | |||
<a class="rv-link" href="/Roovet_Articles:Requested_articles">Request an article</a> | |||
</div> | |||
<div class="rv-card"> | |||
<h3>Contribute</h3> | |||
<p>Become a volunteer editor. Help us fact-check and grow the graph.</p> | |||
<a class="rv-link" href="/Roovet_Articles:How_to_contribute">How it works</a> | |||
</div> | |||
<div class="rv-card"> | |||
<h3>Explore</h3> | |||
<p>See what’s recently been added to Roovet Articles.</p> | |||
<a class="rv-link" href="/Special:NewPages">See new pages</a> | |||
</div> | |||
</section> | |||
<!-- Two columns --> | |||
<section class="mp-columns"> | |||
<!-- LEFT --> | |||
<div class="mp-left"> | |||
<div class="mp-box"> | |||
<div class="mp-h mp-h--green">From today's featured article</div> | |||
<div class="mp-c"> | |||
<!-- Replace this placeholder with a short excerpt + link --> | |||
<p><em>Featured article placeholder.</em> Add a 2–3 sentence summary here and link to the full article.</p> | |||
<p><a href="/Special:Random">Discover a random article →</a></p> | |||
</div> | |||
</div> | </div> | ||
<div class="mp-box"> | |||
<div class="mp-h mp-h--pink">Did you know…</div> | |||
<div class="mp-c"> | |||
<ul> | |||
<li>that <a href="/Respekt_Ova">Respekt Ova</a> started as a local project before gaining wider attention?</li> | |||
<li>that <a href="/Community_First_Credit_Union">Community First Credit Union</a> serves hundreds of thousands of members in Northeast Florida?</li> | |||
<li>that the short film <a href="/First_Light_-_Short_Film">First Light - Short Film</a> premiered online before any festival run?</li> | |||
</ul> | |||
<a href="/Special:Random">More random articles →</a> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
<!-- RIGHT --> | |||
<aside class="mp-right"> | |||
<div class="mp-box"> | |||
<div class="mp-h mp-h--blue">In the news</div> | |||
<div class="mp-c"> | |||
<ul> | |||
<li>Latest edits: <a href="/Special:RecentChanges">Recent changes</a></li> | |||
<li>New pages: <a href="/Special:NewPages">New pages</a></li> | |||
<li>Requests: <a href="/Roovet_Articles:Requested_articles">Requested articles</a></li> | |||
</ | </ul> | ||
</div> | |||
</div> | </div> | ||
<div class="mp-box"> | |||
<div class="mp-h mp-h--gray">New articles</div> | |||
<div class="mp-c"> | |||
<ul> | |||
<li><a href="/Respekt_Ova">Respekt Ova</a></li> | |||
<li><a href="/Shagusto">Shagusto</a></li> | |||
<li><a href="/Pamela_Rai_Menges">Pamela Rai Menges</a></li> | |||
<li><a href="/Ariana_The_Elementalist">Ariana The Elementalist</a></li> | |||
<li><a href="/Roovet_Records">Roovet Records</a></li> | |||
</ul> | |||
<a href="/Special:NewPages">See more →</a> | |||
</div> | |||
</div> | </div> | ||
</aside> | |||
</section><!-- /mp-columns --> | |||
<!-- About --> | |||
<section class="mp-box"> | |||
<div class="mp-h mp-h--gray">About Roovet Articles</div> | |||
<div class="mp-c"> | |||
Roovet Articles is a curated encyclopedia of people, businesses, organizations, and stories that are often overlooked. | |||
Read <a href="/Roovet_Articles:About">About</a>, review | |||
<a href="/Roovet_Articles:Content_guidelines">content guidelines</a>, | |||
and see <a href="/Roovet_Articles:Rights">rights & licensing</a>. | |||
</div> | </div> | ||
</ | </section> | ||
<div class="mp-footer"> | |||
Classic Wikipedia-style layout with a brand hero and CTA banner. | |||
<div class="mp- | |||
</div> | </div> | ||
</div><!-- /mp-wrap --> | </div><!-- /mp-wrap --> | ||
</html> | |||
Revision as of 20:35, 1 November 2025
Roovet Articles
Explore unique people, businesses & stories
Curated, verifiable articles built for a better knowledge graph.
Welcome to Roovet Articles
Roovet currently has
many articles.
Suggest edits or new pages via
article@roovet.com.
From today's featured article
Featured article placeholder. Add a 2–3 sentence summary here and link to the full article.
Did you know…
- that Respekt Ova started as a local project before gaining wider attention?
- that Community First Credit Union serves hundreds of thousands of members in Northeast Florida?
- that the short film First Light - Short Film premiered online before any festival run?
About Roovet Articles
Roovet Articles is a curated encyclopedia of people, businesses, organizations, and stories that are often overlooked.
Read About, review
content guidelines,
and see rights & licensing.
Roovet Articles Discovery
Explore verified, featured, and recently improved knowledge.
Roovet Articles now includes stronger article tools, review signals, source-quality badges, and dynamic discovery sections inspired by modern encyclopedia browsing.
Featured now
Explore a random article
Featured articles
View allNo featured articles found yet.
Verified articles
View allNo verified articles found yet.
Recently improved
Recent changesMore articles will appear here as the library grows.
New pages
New pagesMore articles will appear here as the library grows.