Main Page: Difference between revisions

@@ Line 1: / Line 1: @@
-<div style="width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; background-color: #000000; border: 1px solid #800020; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(128, 0, 32, 0.3);">
+<div class="mw-parser-output" style="width: 100%; margin: 0 auto; text-align: center; background-color: #000000; border: 0px solid #800020; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(128, 0, 32, 0.3);">
-<!-- YOUR RESPONSIVE TEXT-INFUSED BANNER -->
+<!-- THE LITERARY BANNER IMAGE (FLUID SCALE) -->
-[[File:Short home banner.png|100%|link=|alt=The Rubric Archive Banner]]
+[[File:Short home banner.png|center|frameless|1000px|link=|alt=The Rubric Archive Banner]]
 <!-- TIGHT SUBSURFACE CONTENT PANEL -->
-<div style="padding: 25px; background-color: #050505;">
+<div style="padding: 25px; background-color: #050505; border-top: 1px solid #800020;">
 <p style="color: #800020; font-family: 'Georgia', serif; font-style: italic; font-size: 1.2em; margin: 0 0 15px 0;">"The red letters that mark the scandalous highlights."</p>
 <hr style="border: 0; height: 1px; background: linear-gradient(to right, transparent, #800020, transparent); margin: 15px 0;">
-<p style="color: #cccccc; font-size: 1.1em; line-height: 1.6; max-width: 800px; margin: 0 auto;">
+<p style="color: #cccccc; font-size: 1.1em; line-height: 1.6; max-width: 800px; margin: 0 auto;">Welcome to The Rubric, the unofficial, fan-made wiki for the Red Quill erotic story generation website.<br></p>
-Welcome to The Rubric. This is an unofficial, fan-made wiki dedicated to cataloging information about Red Quill.
-This site does not contain text of stories or any NSFW content, although some items may hint at NSFW content.
+<!-- MASTER FLEX CONTAINER -->
+<div style="display: flex; flex-wrap: wrap; gap: 15px; justify-content: flex-start; margin-top: 25px; width: 100%;">
-Registration is strictly managed to ensure archive integrity.
+<!-- CARD: RED QUILL MAIN -->
-</p>
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Red Quill|<span style="color: #D4AF37; text-decoration: none;">Red Quill</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">About Red Quill.</p></div>
+<!-- CARD: PENKNIFE -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;"><span class="plainlinks">[https://therubric.wiki/penknife <span style="color: #D4AF37; text-decoration: none;">Penknife</span>]</span></h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">The Rubric's very own URL shortener for Red Quill and the wiki.</p></div>
+<!-- CARD: QUICK START -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Quick Start|<span style="color: #D4AF37; text-decoration: none;">Quick Start</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">New to Red Quill? Here's how you get going fast.</p></div>
+<!-- CARD: HOW RQ WORKS -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Demystifying_Red_Quill|<span style="color: #D4AF37; text-decoration: none;">Demystifying Red Quill</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">How Red Quill turns your dirty thoughts into dirty stories.</p></div>
+<!-- CARD: HOW TO-->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Guides|<span style="color: #D4AF37; text-decoration: none;">Guides</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">How to work with Red Quill</p></div>
+<!-- CARD: CRAFT -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Craft|<span style="color: #D4AF37; text-decoration: none;">Craft</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">Getting the most out of Red Quill.</p></div>
+<!-- CARD: TERMS-->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Definitions|<span style="color: #D4AF37; text-decoration: none;">Terms</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">Definitions and Red Quill-specific terms.</p></div>
+<!-- CARD: Frequently Asked Questions -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Frequently_Asked_Questions|<span style="color: #D4AF37; text-decoration: none;">Frequently Asked Questions</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">Common questions about Red Quill.</p></div>
+<!-- CARD: Events -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[Event_Calendar|<span style="color: #D4AF37; text-decoration: none;">Events</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">Community Events in the Red Quill world.</p></div>
+<!-- CARD: Blog -->
+<div style="flex: 1 1 calc(33.333% - 15px); min-width: 250px; background-color: #050505; border: 1px solid #800020; border-radius: 6px; padding: 15px; box-shadow: 0 2px 8px rgba(128, 0, 32, 0.2); transition: 0.3s; text-align: center;"><h4 style="margin: 0 0 8px 0; font-family: 'Georgia', serif; font-size: 1.1em;">[[The_Scarlet_Letters|<span style="color: #D4AF37; text-decoration: none;">The Scarlet Letters</span>]]</h4><p style="margin: 0; color: #aaaaaa; font-size: 0.9em; line-height: 1.4;">The Official Rubric blog, by The Dented Pen</p></div>
+</div>
 </div>
 </div>

The Dented Pen (talk | contribs)

Latest revision as of 15:35, 10 October 2026