Roovet Articles

Main Page: Difference between revisions

mNo edit summary
mNo edit summary
Line 1: Line 1:
__NOTOC__
<html>
<templatestyles src="Main_Page/styles.css"/>
  <style>
    /* Minimal, self-contained CSS (safe with default CSP) */


<div class="mp-wrap">
    /* Container */
    .mp-wrap { box-sizing:border-box; padding:0 12px; }


   <!-- HERO -->
    /* HERO */
  <div class="rv-hero">
    .rv-hero {
    <div class="rv-eyebrow">Roovet Articles</div>
      box-sizing:border-box; max-width:1000px; margin:0 auto 16px; padding:28px 18px;
    <h1 class="rv-title">Explore unique people, businesses &amp; stories</h1>
      border:1px solid #a2a9b1; border-radius:2px; background:#f8f9fa; text-align:center;
    <p class="rv-tag">Curated, verifiable articles built for a better knowledge graph.</p>
    }
    <div class="rv-actions">
    .rv-eyebrow { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#54595d; margin-bottom:4px; }
      <a class="rv-btn rv-btn--primary" href="{{fullurl:Roovet_Articles:Requested articles}}">Request an article</a>
    .rv-title { font-size:30px; line-height:1.2; margin:.15em 0 .2em 0; }
      <a class="rv-btn" href="{{fullurl:Special:NewPages}}">New pages</a>
    .rv-tag { font-size:16px; color:#202122; margin:0 auto 12px; }
      <a class="rv-btn" href="{{fullurl:Special:Random}}">Random article</a>
    .rv-actions { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:10px; }
     </div>
    .rv-btn {
  </div>
      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 &amp; 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>


  <!-- Welcome / Search -->
      <!-- Native search form equivalent to InputBox -->
  <div class="mp-top">
      <div class="mp-search">
    <div><b>Welcome to Roovet Articles</b></div>
        <form action="/index.php" method="get">
    <div>
          <input type="hidden" name="title" value="Special:Search">
      Roovet currently has [[Special:Statistics|{{NUMBEROFARTICLES}} {{PLURAL:{{NUMBEROFARTICLES}}|article|articles}}]].
          <input type="hidden" name="fulltext" value="1">
      Suggest edits or new pages via [mailto:article@roovet.com article@roovet.com].
          <input class="mp-input" type="search" name="search" placeholder="Search Roovet Articles">
    </div>
          <button class="mp-search-btn" type="submit">Search</button>
    <div class="mp-search">
        </form>
      <inputbox>
      </div>
        type=search
    </section>
        width=68
        fulltext=yes
        searchbuttonlabel=Search
        placeholder=Search Roovet Articles
        break=no
      </inputbox>
    </div>
  </div>


  <!-- CTA banner (three cards) -->
    <!-- CTA banner (three cards) -->
  <div class="rv-cta">
    <section class="rv-cta">
    <div class="rv-card">
      <div class="rv-card">
      <h3>Get listed</h3>
        <h3>Get listed</h3>
      <p>Suggest a new article. Send sources and a short bio.</p>
        <p>Suggest a new article. Send sources and a short bio.</p>
      <a class="rv-link" href="{{fullurl:Roovet_Articles:Requested articles}}">Request an article</a>
        <a class="rv-link" href="/Roovet_Articles:Requested_articles">Request an article</a>
    </div>
      </div>
    <div class="rv-card">
      <div class="rv-card">
      <h3>Contribute</h3>
        <h3>Contribute</h3>
      <p>Become a volunteer editor. Help us fact-check and grow the graph.</p>
        <p>Become a volunteer editor. Help us fact-check and grow the graph.</p>
      <a class="rv-link" href="{{fullurl:Roovet_Articles:How to contribute}}">How it works</a>
        <a class="rv-link" href="/Roovet_Articles:How_to_contribute">How it works</a>
    </div>
      </div>
    <div class="rv-card">
      <div class="rv-card">
      <h3>Explore</h3>
        <h3>Explore</h3>
      <p>See what’s recently been added to Roovet Articles.</p>
        <p>See what’s recently been added to Roovet Articles.</p>
      <a class="rv-link" href="{{fullurl:Special:NewPages}}">See new pages</a>
        <a class="rv-link" href="/Special:NewPages">See new pages</a>
    </div>
      </div>
  </div>
    </section>


  <!-- Two columns -->
    <!-- Two columns -->
  <div class="mp-columns">
    <section class="mp-columns">


    <!-- LEFT -->
      <!-- LEFT -->
    <div class="mp-left">
      <div class="mp-left">
      <div class="mp-box">
        <div class="mp-box">
        <div class="mp-h mp-h--green">From today's featured article</div>
          <div class="mp-h mp-h--green">From today's featured article</div>
        <div class="mp-c">
          <div class="mp-c">
          {{Roovet:featured article/1}}
            <!-- 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>


      <div class="mp-box">
        <div class="mp-box">
        <div class="mp-h mp-h--pink">Did you know…</div>
          <div class="mp-h mp-h--pink">Did you know…</div>
        <div class="mp-c">
          <div class="mp-c">
          <ul>
            <ul>
            <li>that [[Respekt Ova]] started as a local project before gaining wider attention?</li>
              <li>that <a href="/Respekt_Ova">Respekt Ova</a> started as a local project before gaining wider attention?</li>
            <li>that [[Community First Credit Union]] serves hundreds of thousands of members in Northeast Florida?</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 [[First Light - Short Film]] premiered online before any festival run?</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>
            </ul>
          [[Special:Random|More random articles →]]
            <a href="/Special:Random">More random articles →</a>
          </div>
         </div>
         </div>
       </div>
       </div>
    </div>


    <!-- RIGHT -->
      <!-- RIGHT -->
    <div class="mp-right">
      <aside class="mp-right">
      <div class="mp-box">
        <div class="mp-box">
        <div class="mp-h mp-h--blue">In the news</div>
          <div class="mp-h mp-h--blue">In the news</div>
        <div class="mp-c">
          <div class="mp-c">
          <ul>
            <ul>
            <li>Latest edits: [[Special:RecentChanges|Recent changes]]</li>
              <li>Latest edits: <a href="/Special:RecentChanges">Recent changes</a></li>
            <li>New pages: [[Special:NewPages|New pages]]</li>
              <li>New pages: <a href="/Special:NewPages">New pages</a></li>
            <li>Requests: [[Roovet_Articles:Requested articles|Requested articles]]</li>
              <li>Requests: <a href="/Roovet_Articles:Requested_articles">Requested articles</a></li>
           </ul>
            </ul>
           </div>
         </div>
         </div>
      </div>


      <div class="mp-box">
        <div class="mp-box">
        <div class="mp-h mp-h--gray">New articles</div>
          <div class="mp-h mp-h--gray">New articles</div>
        <div class="mp-c">
          <div class="mp-c">
          <ul>
            <ul>
            <li>[[Respekt Ova]]</li>
              <li><a href="/Respekt_Ova">Respekt Ova</a></li>
            <li>[[Shagusto]]</li>
              <li><a href="/Shagusto">Shagusto</a></li>
            <li>[[Pamela Rai Menges]]</li>
              <li><a href="/Pamela_Rai_Menges">Pamela Rai Menges</a></li>
            <li>[[Ariana The Elementalist]]</li>
              <li><a href="/Ariana_The_Elementalist">Ariana The Elementalist</a></li>
            <li>[[Roovet Records]]</li>
              <li><a href="/Roovet_Records">Roovet Records</a></li>
          </ul>
            </ul>
          [[Special:NewPages|See more →]]
            <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 &amp; licensing</a>.
       </div>
       </div>
     </div>
     </section>


  </div><!-- /mp-columns -->
     <div class="mp-footer">
 
      Classic Wikipedia-style layout with a brand hero and CTA banner.
  <!-- About -->
  <div 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 [[Roovet_Articles:About|About]], review [[Roovet_Articles:Content guidelines|content guidelines]],
      and see [[Roovet_Articles:Rights|rights & licensing]].
     </div>
     </div>
  </div>
  <div class="mp-footer">
    Classic Wikipedia-style layout with a brand hero and CTA banner.
  </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.

Get listed

Suggest a new article. Send sources and a short bio.

Request an article

Contribute

Become a volunteer editor. Help us fact-check and grow the graph.

How it works

Explore

See what’s recently been added to Roovet Articles.

See new pages
From today's featured article

Featured article placeholder. Add a 2–3 sentence summary here and link to the full article.

Discover a random article →

Did you know…
More random articles →
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 articles

View all

No featured articles found yet.

Verified articles

View all

No verified articles found yet.

Recently improved

Recent changes

More articles will appear here as the library grows.

New pages

New pages

More articles will appear here as the library grows.