Main Page: Difference between revisions

TheAP (talk | contribs)
No edit summary
TheAP (talk | contribs)
No edit summary
Line 1: Line 1:
<div style="background-color: #f4e4c1; padding: 20px; font-family: 'Garamond', serif; max-width: 900px; margin: auto;">
<div style="background: url('https://upload.wikimedia.org/wikipedia/commons/2/2d/White_marble_texture.jpg'); padding: 20px; font-family: 'Times New Roman', serif; max-width: 900px; margin: auto; border-radius: 10px; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);">
 
     <!-- Wiki Introduction -->
     <!-- Wiki Introduction -->
     <div style="text-align: center; background: #fffaf0; padding: 15px; border: 3px solid #800000; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.2);">
     <div style="text-align: center; background: rgba(255, 250, 240, 0.9); padding: 15px; border: 3px solid #800000; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);">
         <h1 style="color: #800000; font-size: 2em; margin-bottom: 10px;">Welcome to Rome </h1>
         <h1 style="color: #800000; font-size: 2.2em; margin-bottom: 10px; font-variant: small-caps; letter-spacing: 1px;">
Welcome to Rome Wiki, your place to explore the rise and fall of one of history’s greatest civilizations. From the Roman Republic to the mighty Empire, dive into the stories of emperors, generals, philosophers, and everyday citizens who shaped the world as we know it. Discover epic battles, groundbreaking inventions, and the lasting influence of Roman law, architecture, and culture. Whether you're here to learn, research, or just get lost in history, there's always more to uncover about Ancient Rome
            Welcome to Rome  
        </h1>
        <p style="font-size: 1.2em; color: #333; line-height: 1.5;">
            Welcome to Rome Wiki, your place to explore the rise and fall of one of history’s greatest civilizations. From the Roman Republic to the mighty Empire, dive into the stories of emperors, generals, philosophers, and everyday citizens who shaped the world as we know it. Discover epic battles, groundbreaking inventions, and the lasting influence of Roman law, architecture, and culture. Whether you're here to learn, research, or just get lost in history, there's always more to uncover about Ancient Rome
        </p>
     </div>
     </div>


     <hr style="border: none; height: 2px; background: #800000; margin: 20px 0;">
     <hr style="border: none; height: 2px; background: #800000; margin: 25px 0;">


     <!-- Featured Article -->
     <!-- Featured Article -->
     <div style="border: 3px solid #800000; background: #fffaf0; padding: 12px; margin-bottom: 15px; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.2);">
     <div style="border: 3px solid #800000; background: rgba(255, 250, 240, 0.95); padding: 12px; margin-bottom: 15px; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);">
         <div style="background: #c4a000; color: white; font-size: 1.3em; padding: 6px; font-weight: bold; text-align: center; border-radius: 5px;">
         <div style="background: linear-gradient(to bottom, #b22222, #800000); color: white; font-size: 1.4em; padding: 8px; font-weight: bold; text-align: center; border-radius: 6px; letter-spacing: 1px;">
  Featured Article
            Featured Article
         </div>
         </div>
         <div style="padding: 8px; font-size: 1.1em;">
         <div style="padding: 10px; font-size: 1.1em; color: #222;">
             {{#ifexist: Template:Featured article | {{Featured article}} | <i>No featured article has been selected.</i> }}
             {{#ifexist: Template:Featured article | {{Featured article}} | <i>No featured article has been selected.</i> }}
         </div>
         </div>
Line 19: Line 24:


     <!-- Did You Know? -->
     <!-- Did You Know? -->
     <div style="border: 3px solid #800000; background: #fffaf0; padding: 12px; margin-bottom: 15px; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.2);">
     <div style="border: 3px solid #800000; background: rgba(255, 250, 240, 0.95); padding: 12px; margin-bottom: 15px; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);">
         <div style="background: #c4a000; color: white; font-size: 1.3em; padding: 6px; font-weight: bold; text-align: center; border-radius: 5px;">
         <div style="background: linear-gradient(to bottom, #b22222, #800000); color: white; font-size: 1.4em; padding: 8px; font-weight: bold; text-align: center; border-radius: 6px; letter-spacing: 1px;">
Did You Know?
            Did You Know?
         </div>
         </div>
         <div style="padding: 8px; font-size: 1.1em;">
         <div style="padding: 10px; font-size: 1.1em; color: #222;">
             {{#ifexist: Template:Did you know | {{Did you know}} | <i>No facts available.</i> }}
             {{#ifexist: Template:Did you know | {{Did you know}} | <i>No facts available.</i> }}
         </div>
         </div>
Line 29: Line 34:


     <!-- On This Day -->
     <!-- On This Day -->
     <div style="border: 3px solid #800000; background: #fffaf0; padding: 12px; margin-bottom: 15px; border-radius: 8px; box-shadow: 3px 3px 8px rgba(0,0,0,0.2);">
     <div style="border: 3px solid #800000; background: rgba(255, 250, 240, 0.95); padding: 12px; margin-bottom: 15px; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);">
         <div style="background: #c4a000; color: white; font-size: 1.3em; padding: 6px; font-weight: bold; text-align: center; border-radius: 5px;">
         <div style="background: linear-gradient(to bottom, #b22222, #800000); color: white; font-size: 1.4em; padding: 8px; font-weight: bold; text-align: center; border-radius: 6px; letter-spacing: 1px;">
On This Day
            On This Day
         </div>
         </div>
         <div style="padding: 8px; font-size: 1.1em;">
         <div style="padding: 10px; font-size: 1.1em; color: #222;">
             {{#ifexist: Template:On this day | {{On this day}} | <i>No historical events listed.</i> }}
             {{#ifexist: Template:On this day | {{On this day}} | <i>No historical events listed.</i> }}
         </div>
         </div>
     </div>
     </div>
</div>
</div>