Roovet Articles

Main Page: Difference between revisions

← Older editNewer edit →
VisualWikitext
mNo edit summary
mNo edit summary
Line 1: Line 1:
<html>
<html>
   <style>
   <style>
     /* ========= Roovet Articles — Main Page (inline, CSP-safe) ========= */
     /* ========= Roovet Articles — Main Page (WIDE) ========= */
     .rv-root{--rv-rose:#ff3b5b;--rv-orange:#ff8a3d;--rv-ink:#1f2937;--rv-muted:#6b7280;--rv-line:#e5e7eb;--rv-card:#ffffff;--rv-bg:#fafafb;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--rv-ink);box-sizing:border-box}
     .rv-root{--rv-rose:#ff3b5b;--rv-orange:#ff8a3d;--rv-ink:#1f2937;--rv-muted:#6b7280;--rv-line:#e5e7eb;--rv-card:#ffffff;--rv-bg:#fafafb;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--rv-ink);box-sizing:border-box}
     .rv-root *{box-sizing:inherit}
     .rv-root *{box-sizing:inherit}
     .rv-wrap{max-width:1040px;margin:0 auto;padding:0 14px}
     .rv-wrap{max-width:1280px;margin:0 auto;padding:0 18px} /* ← wider */
     a{color:#e11d48;text-decoration:none}
     a{color:#e11d48;text-decoration:none}
     a:hover{text-decoration:underline}
     a:hover{text-decoration:underline}


     /* ===== HERO ===== */
     /* ===== HERO ===== */
     .rv-hero{position:relative;isolation:isolate;margin:8px auto 18px;border:1px solid #d0d7de;border-radius:14px;background:linear-gradient(180deg,#ffffff, #fff7f8 60%, #fff 100%);overflow:hidden}
     .rv-hero{position:relative;isolation:isolate;margin:8px auto 22px;border:1px solid #d0d7de;border-radius:16px;background:linear-gradient(180deg,#ffffff,#fff7f8 60%,#fff 100%);overflow:hidden}
     .rv-hero:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:520px;background:
     .rv-hero:before{content:"";position:absolute;inset:-18% -6% auto -6%;height:620px;background:
       radial-gradient(40% 60% at 20% 30%, rgba(255,59,91,.20), transparent 65%),
       radial-gradient(40% 60% at 20% 30%, rgba(255,59,91,.20), transparent 65%),
       radial-gradient(40% 60% at 80% 20%, rgba(255,138,61,.18), transparent 70%),
       radial-gradient(40% 60% at 80% 20%, rgba(255,138,61,.18), transparent 70%),
       conic-gradient(from 180deg at 60% 40%, rgba(255,59,91,.20), rgba(255,138,61,.12), rgba(255,59,91,.20));
       conic-gradient(from 180deg at 60% 40%, rgba(255,59,91,.20), rgba(255,138,61,.12), rgba(255,59,91,.20));
       filter:blur(28px);z-index:-1;opacity:.9}
       filter:blur(28px);z-index:-1;opacity:.9}
     .rv-hero .inner{padding:36px 20px 28px;text-align:center}
     .rv-hero .inner{padding:44px 24px 30px;text-align:center}
     .rv-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:8px}
     .rv-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:8px}
     .rv-title{font-weight:800;font-size:42px;line-height:1.15;margin:.1em auto .25em;letter-spacing:.2px}
     .rv-title{font-weight:800;font-size:clamp(30px,4.2vw,56px);line-height:1.14;margin:.1em auto .25em;letter-spacing:.2px}
     .rv-title .grad{background:linear-gradient(90deg,var(--rv-rose),var(--rv-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
     .rv-title .grad{background:linear-gradient(90deg,var(--rv-rose),var(--rv-orange));-webkit-background-clip:text;background-clip:text;color:transparent}
     .rv-tag{max-width:780px;margin:0 auto 16px;color:#374151;font-size:18px}
     .rv-tag{max-width:860px;margin:0 auto 18px;color:#374151;font-size:18px}
     .rv-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
     .rv-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}
     .rv-btn{display:inline-block;padding:.65em 1.05em;border:1px solid #c7ccd1;border-radius:10px;background:#fff;color:#111827;text-decoration:none;font-weight:600}
     .rv-btn{display:inline-block;padding:.7em 1.1em;border:1px solid #c7ccd1;border-radius:12px;background:#fff;color:#111827;text-decoration:none;font-weight:600}
     .rv-btn:hover{background:#f6f7f8}
     .rv-btn:hover{background:#f6f7f8}
     .rv-btn--primary{background:linear-gradient(90deg,var(--rv-rose),var(--rv-orange));border-color:#e11d48;color:#fff}
     .rv-btn--primary{background:linear-gradient(90deg,var(--rv-rose),var(--rv-orange));border-color:#e11d48;color:#fff}
     .rv-btn--primary:hover{filter:brightness(.96)}
     .rv-btn--primary:hover{filter:brightness(.96)}
    /* Search in hero */
     .rv-search{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px auto 4px;max-width:820px}
     .rv-search{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px auto 2px;max-width:720px}
     .rv-input{flex:1 1 520px;min-width:260px;border:1px solid #cfd5db;border-radius:12px;padding:.7em 1em;background:#fff}
     .rv-input{flex:1 1 420px;min-width:240px;border:1px solid #cfd5db;border-radius:10px;padding:.62em .85em;background:#fff}
     .rv-search-btn{border:1px solid #cfd5db;border-radius:12px;background:#fff;padding:.7em 1em;cursor:pointer}
     .rv-search-btn{border:1px solid #cfd5db;border-radius:10px;background:#fff;padding:.62em .95em;cursor:pointer}
     .rv-search-btn:hover{background:#f6f7f8}
     .rv-search-btn:hover{background:#f6f7f8}
    /* Quick chips */
     .rv-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0 2px}
     .rv-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0 2px}
     .rv-chip{display:inline-block;padding:.42em .8em;border:1px dashed #e3e6ea;border-radius:999px;color:#374151;background:#fff}
     .rv-chip{display:inline-block;padding:.38em .7em;border:1px dashed #e3e6ea;border-radius:999px;color:#374151;background:#fff}
     .rv-chip:hover{background:#fafbfc}
     .rv-chip:hover{background:#fafbfc}
 
     @media (max-width:768px){.rv-title{font-size:30px}.rv-tag{font-size:16px}}
     @media (max-width:768px){
      .rv-title{font-size:30px}
      .rv-tag{font-size:16px}
    }
    @media (prefers-reduced-motion:reduce){.rv-hero:before{animation:none}}


     /* ===== CTA GRID (4) ===== */
     /* ===== CTA GRID (4) ===== */
     .rv-cta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 18px}
     .rv-cta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 20px}
     .rv-card{border:1px solid #d0d7de;border-radius:12px;background:var(--rv-card);padding:14px 14px 12px}
    @media (max-width:1120px){.rv-cta{grid-template-columns:repeat(3,1fr)}}
     .rv-card h3{margin:.1em 0 .25em;font-size:18px}
    @media (max-width:760px){.rv-cta{grid-template-columns:1fr}}
     .rv-icon{display:inline-block;width:28px;height:28px;border-radius:8px;background:linear-gradient(90deg,var(--rv-rose),var(--rv-orange));margin-right:8px;vertical-align:-6px}
     .rv-card{border:1px solid #d0d7de;border-radius:14px;background:var(--rv-card);padding:16px 16px 14px}
     .rv-card p{margin:.2em 0 .7em;color:#374151}
     .rv-card h3{margin:.1em 0 .25em;font-size:19px}
     .rv-linkbtn{display:inline-block;padding:.5em .8em;border:1px solid #cfd5db;border-radius:10px;background:#fff;text-decoration:none}
     .rv-icon{display:inline-block;width:30px;height:30px;border-radius:9px;background:linear-gradient(90deg,var(--rv-rose),var(--rv-orange));margin-right:9px;vertical-align:-7px}
     .rv-card p{margin:.25em 0 .85em;color:#374151}
     .rv-linkbtn{display:inline-block;padding:.55em .9em;border:1px solid #cfd5db;border-radius:12px;background:#fff;text-decoration:none}
     .rv-linkbtn:hover{background:#f6f7f8}
     .rv-linkbtn:hover{background:#f6f7f8}
    @media (max-width:960px){.rv-cta{grid-template-columns:1fr 1fr}}
    @media (max-width:560px){.rv-cta{grid-template-columns:1fr}}


     /* ===== TWO COLUMN ===== */
     /* ===== TWO COLUMNS (wider left) ===== */
     .rv-columns{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:0 0 20px}
     .rv-columns{display:grid;grid-template-columns:3fr 1.2fr;gap:16px;margin:0 0 22px}
     @media (max-width:980px){.rv-columns{grid-template-columns:1fr}}
     @media (max-width:980px){.rv-columns{grid-template-columns:1fr}}
     .box{border:1px solid #d0d7de;border-radius:12px;background:#fff;overflow:hidden}
     .box{border:1px solid #d0d7de;border-radius:14px;background:#fff;overflow:hidden}
     .box-h{padding:.7em .95em;border-bottom:1px solid #eef1f4;font-weight:700}
     .box-h{padding:.8em 1.05em;border-bottom:1px solid #eef1f4;font-weight:700}
     .h-green{background:#eef7f0}
     .h-green{background:#eef7f0}.h-pink{background:#fff1f4}.h-blue{background:#eef3fb}.h-gray{background:#f6f7f8}
    .h-pink{background:#fff1f4}
     .box-c{padding:1em 1.1em}
    .h-blue{background:#eef3fb}
    .h-gray{background:#f6f7f8}
     .box-c{padding:.9em 1em}
     .muted{color:var(--rv-muted)}
     .muted{color:var(--rv-muted)}
     .footer-note{color:#6b7280;text-align:center;margin:10px 0 26px}
     .footer-note{color:#6b7280;text-align:center;margin:12px 0 28px}
 
     .kpis{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0 0}
    /* ===== UTIL ===== */
     .kpi{padding:.4em .8em;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:13px;color:#374151}
     .kpis{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:10px 0 0}
     .kpi{padding:.35em .7em;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:13px;color:#374151}
   </style>
   </style>


Line 73: Line 61:
     <div class="rv-wrap">
     <div class="rv-wrap">


      <!-- ============== HERO ============== -->
       <header class="rv-hero">
       <header class="rv-hero">
         <div class="inner">
         <div class="inner">
           <div class="rv-eyebrow">ROOVET ARTICLES</div>
           <div class="rv-eyebrow">ROOVET ARTICLES</div>
           <h1 class="rv-title">
           <h1 class="rv-title">Explore <span class="grad">unique people, businesses &amp; stories</span></h1>
            Explore <span class="grad">unique people, businesses &amp; stories</span>
          </h1>
           <p class="rv-tag">Curated, verifiable articles built for a better knowledge graph.</p>
           <p class="rv-tag">Curated, verifiable articles built for a better knowledge graph.</p>


          <!-- Search (native Special:Search) -->
           <form class="rv-search" action="/index.php" method="get">
           <form class="rv-search" action="/index.php" method="get">
             <input type="hidden" name="title" value="Special:Search">
             <input type="hidden" name="title" value="Special:Search">
Line 110: Line 94:
       </header>
       </header>


      <!-- ============== CTA PILLARS (4) ============== -->
       <section class="rv-cta" aria-label="Explore pillars">
       <section class="rv-cta" aria-label="Explore pillars">
         <div class="rv-card">
         <div class="rv-card">
Line 134: Line 117:
       </section>
       </section>


      <!-- ============== TWO COLUMNS ============== -->
       <section class="rv-columns">
       <section class="rv-columns">
        <!-- LEFT -->
         <div>
         <div>
           <div class="box">
           <div class="box">
Line 159: Line 140:
         </div>
         </div>


        <!-- RIGHT -->
         <aside>
         <aside>
           <div class="box">
           <div class="box">
Line 188: Line 168:
       </section>
       </section>


      <!-- ============== ABOUT ============== -->
       <section class="box">
       <section class="box">
         <div class="box-h h-gray">About Roovet Articles</div>
         <div class="box-h h-gray">About Roovet Articles</div>
Line 199: Line 178:
       </section>
       </section>


       <p class="footer-note">Classic encyclopedia feel, modern hero polish, MediaWiki-safe.</p>
       <p class="footer-note">Classic encyclopedia feel, modern hero polish, now wider.</p>
     </div>
     </div>
   </div>
   </div>
</html>
</html>

Revision as of 20:54, 1 November 2025

ROOVET ARTICLES

Explore unique people, businesses & stories

Curated, verifiable articles built for a better knowledge graph.

Request an article New pages Random article
Recent changes Fresh pages Active editors
Open knowledge Fact-checked Community-built

People

Biographies of creators, founders, leaders, and overlooked pioneers.

Browse people

Businesses

Profiles of companies, startups, labels, and local legends.

Browse businesses

Organizations

Nonprofits, clubs, and communities building real impact.

Browse orgs

Stories

Original narratives and cultural snapshots across the Roovet network.

Browse stories
From today's featured article

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

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.

Classic encyclopedia feel, modern hero polish, now wider.

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 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.

All pages Random article Categories Wanted pages Recent changes Search