Runnina: Difference between revisions

From Runnina
Jump to navigation Jump to search
No edit summary
No edit summary
Tag: Manual revert
 
(13 intermediate revisions by the same user not shown)
Line 51: Line 51:
     <!-- Image -->
     <!-- Image -->
     <div style="flex:0 0 280px;">
     <div style="flex:0 0 280px;">
       [[File:Cabosanlucaslandmarkarchpicture.jpg|thumb|250px|Vacation in Emeraldland!]]
       [[File:Loversbeach.png|thumb|250px|Vacation in Emeraldland!]]
     </div>
     </div>
     <!-- Text -->
     <!-- Text -->
Line 126: Line 126:
   </div>
   </div>


   <!-- Right Panel: Featured Countries -->
   <!-- Featured Countries -->
  <div style="flex:1; min-width:600px; background:#fff; border:1px solid #e0e0e0; border-radius:8px;">
<div style="flex:1; min-width:600px; background:#111; border:1px solid #222; border-radius:8px;">
    <div style="background:#f9f9f9; color:#333; padding:8px 15px; font-weight:bold; text-align:center;">
  <div style="background:#222; color:#eee; padding:8px 15px; font-weight:bold; text-align:center;">
      Featured Countries
    Featured Countries
  </div>
 
  <div style="padding:10px; display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:15px;">
    <div style="
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    ">
   
    <!-- Arkaudia -->
    <div style="
      position:relative;
      background:#000;
      border-radius:8px;
      overflow:hidden;
      cursor:pointer;
      transition:transform 0.2s, box-shadow 0.2s;
      border:1px solid #222;
      width:200px;"
      onmouseover="
        this.style.transform='scale(1.03)';
        this.style.boxShadow='0 0 10px rgba(0,0,0,0.8)';
        this.querySelector('.overlay').style.opacity='1';"
      onmouseout="
        this.style.transform='scale(1)';
        this.style.boxShadow='none';
        this.querySelector('.overlay').style.opacity='0';"
      onclick="window.location.href='https://countrygame.net/wikidex/Arkaudia';">
 
      <!-- Flag Image -->
      [[File:OutlierOfArkaudiaArticleFlag.png|frameless|center|200px|alt=Arkaudia]]
 
      <!-- Hover Overlay -->
      <div class="overlay" style="
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:34px;
        background:rgba(0,0,0,0.75);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        padding:10px;
        opacity:0;
        transition:opacity 0.3s;
        font-size:0.85em;">
        Click to learn about Arkaudia!
      </div>
 
      <!-- Caption Bar -->
      <div style="
        background:#111;
        color:#fff;
        text-align:center;
        padding:6px 4px;">
        <div style="font-weight:bold;">Arkaudia</div>
        <div style="font-size:0.85em; color:#ccc;">Country in the Land of the Two Scythes.</div>
      </div>
     </div>
     </div>
    <div style="padding:10px; display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:10px;">


      <!-- Featured Country 1 -->
    <!-- Emeraldland -->
      <div style="background:#fff; border:1px solid #ddd; cursor:pointer; transition:background-color 0.2s; border-radius:6px; text-align:center;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[Arkaudia]]';">
    <div style="
[[File:Arkaudia_Thumbnail.png|frameless|100%|alt=Arkaudia Thumbnail]]
      position:relative;
        <div style="padding:5px;">
      background:#000;
<span style="color:#333; font-weight:bold; font-size:1em;">Arkaudia</span><br>
      border-radius:8px;
<span style="color:#555; font-size:0.8em;">Country in the Land of the Two Scythes.</span>
      overflow:hidden;
        </div>
      cursor:pointer;
      transition:transform 0.2s, box-shadow 0.2s;
      border:1px solid #222;"
      onmouseover="
        this.style.transform='scale(1.03)';
        this.style.boxShadow='0 0 10px rgba(0,0,0,0.8)';
        this.querySelector('.overlay').style.opacity='1';"
      onmouseout="
        this.style.transform='scale(1)';
        this.style.boxShadow='none';
        this.querySelector('.overlay').style.opacity='0';"
      onclick="window.location.href='[[Emeraldland]]';">
 
      [[File:Emeraldland_Thumbnail.png|frameless|center|200px|alt=Emeraldland]]
 
      <div class="overlay" style="
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:34px;
        background:rgba(0,0,0,0.75);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        padding:10px;
        opacity:0;
        transition:opacity 0.3s;
        font-size:0.85em;">
        Discover Emeraldland's alliances.
      </div>
 
      <div style="
        background:#111;
        color:#fff;
        text-align:center;
        padding:6px 4px;">
        <div style="font-weight:bold;">Emeraldland</div>
        <div style="font-size:0.85em; color:#ccc;">Closest Pro-Arko State.</div>
       </div>
       </div>
    </div>


      <!-- Featured Country 2 -->
    <!-- Rachael -->
      <div style="background:#fff; border:1px solid #ddd; cursor:pointer; transition:background-color 0.2s; border-radius:6px; text-align:center;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[Emeraldland]]';">
    <div style="
[[File:Emeraldland_Thumbnail.png|frameless|100%|alt=Emeraldland Thumbnail]]
      position:relative;
        <div style="padding:5px;">
      background:#000;
<span style="color:#333; font-weight:bold; font-size:1em;">Emeraldland</span><br>
      border-radius:8px;
<span style="color:#555; font-size:0.8em;">Closest Pro-Arko State.</span>
      overflow:hidden;
         </div>
      cursor:pointer;
      transition:transform 0.2s, box-shadow 0.2s;
      border:1px solid #222;"
      onmouseover="
        this.style.transform='scale(1.03)';
        this.style.boxShadow='0 0 10px rgba(0,0,0,0.8)';
        this.querySelector('.overlay').style.opacity='1';"
      onmouseout="
        this.style.transform='scale(1)';
        this.style.boxShadow='none';
        this.querySelector('.overlay').style.opacity='0';"
      onclick="window.location.href='[[Scythecia]]';">
 
      [[File:Rachael_Thumbnail.png|frameless|center|200px|alt=Rachael]]
 
      <div class="overlay" style="
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:34px;
        background:rgba(0,0,0,0.75);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        padding:10px;
        opacity:0;
        transition:opacity 0.3s;
        font-size:0.85em;">
         Meet the leaders of Rachael.
       </div>
       </div>


      <!-- Featured Country 3 -->
       <div style="
       <div style="background:#fff; border:1px solid #ddd; cursor:pointer; transition:background-color 0.2s; border-radius:6px; text-align:center;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[Scythecia]]';">
        background:#111;
[[File:Rachael_Thumbnail.png|frameless|100%|alt=Rachael Thumbnail]]
        color:#fff;
         <div style="padding:5px;">
        text-align:center;
<span style="color:#333; font-weight:bold; font-size:1em;">Rachael</span><br>
         padding:6px 4px;">
<span style="color:#555; font-size:0.8em;">Largest Sparklian Nationstate.</span>
        <div style="font-weight:bold;">Rachael</div>
        </div>
        <div style="font-size:0.85em; color:#ccc;">Largest Sparklian Nationstate.</div>
       </div>
       </div>
    </div>


      <!-- Featured Country 4 -->
    <!-- New Anita King -->
      <div style="background:#fff; border:1px solid #ddd; cursor:pointer; transition:background-color 0.2s; border-radius:6px; text-align:center;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[OtherCountry]]';">
    <div style="
[[File:NAK_Thumbnail.png|frameless|100%|alt=New Anita King Thumbnail]]
      position:relative;
        <div style="padding:5px;">
      background:#000;
<span style="color:#333; font-weight:bold; font-size:1em;">New Anita King.</span><br>
      border-radius:8px;
<span style="color:#555; font-size:0.8em;">Autonomous District of the Outlier.</span>
      overflow:hidden;
         </div>
      cursor:pointer;
      transition:transform 0.2s, box-shadow 0.2s;
      border:1px solid #222;"
      onmouseover="
        this.style.transform='scale(1.03)';
        this.style.boxShadow='0 0 10px rgba(0,0,0,0.8)';
        this.querySelector('.overlay').style.opacity='1';"
      onmouseout="
        this.style.transform='scale(1)';
        this.style.boxShadow='none';
        this.querySelector('.overlay').style.opacity='0';"
      onclick="window.location.href='[[OtherCountry]]';">
 
      [[File:NAK_Thumbnail.png|frameless|center|200px|alt=New Anita King]]
 
      <div class="overlay" style="
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:34px;
        background:rgba(0,0,0,0.75);
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        padding:10px;
        opacity:0;
        transition:opacity 0.3s;
        font-size:0.85em;">
         Explore New Anita King.
       </div>
       </div>


      <div style="
        background:#111;
        color:#fff;
        text-align:center;
        padding:6px 4px;">
        <div style="font-weight:bold;">New Anita King</div>
        <div style="font-size:0.85em; color:#ccc;">Autonomous District of the Outlier.</div>
      </div>
     </div>
     </div>
   </div>
   </div>
</div>
</div>
</div>
</div>

Latest revision as of 05:57, 10 July 2025


Runnina: A Shattered World, Bleeding with Power.

Welcome to our online community of those who enjoy a world which is the most real in its fashion to capture the true nature of violence, of the extreme inequalities of those boarding to hire mercenaries to protect their family heritage, hoarding all their wealth as the rest of the population beg for their lives, rivers which are polluted & those whose heartstrings are tied in the bounds of power, all are welcome to write how people really do struggle to make their world known.

Revolutionary Movements!

Documentation of warfare tactics, nationalistic fever & conquering people.

Official Countries!

Study all of the countries on Runnina!

Political Figures!

Get to know the leaders in this world trying to grasp in their hands the most power.
   Kanu Non Happi!
Vacation in Emeraldland!

Arkaudia & Emeraldland, a Friendship Unbreakable.

Scythecians are united in their love for the Outlier, they believe they are one with them.

Read about the Land of the Two Scythes!

Runnina's Major Worlds
Major World 1 Thumbnail
         The Internationale
Communists, Socialists & Revolutionary Democrats Fighting to Liberate their World for themselves!
Major World 2 Thumbnail
         Organization of Democratic & Independent Nations
Our freedom is true to the liberty of Runninakind doing all they wish, leading this world! Never chained down by identity! Only willpower!
Major World 3 Thumbnail
         National Socialist Front
Culture of the highest means the most to us. Join our leader's path of obtaining the true form of greatness!
Major World 4 Thumbnail
         Iron Fist Pact.
Only through discipline & hard work, our people become satisfied in their well-being to strive for the best!
Major World 5 Thumbnail
         Ascendency of States
Advancing technology, bioengineering, & empowering technology will reach us with nature to control everybody!
   Featured Countries
Arkaudia
       Click to learn about Arkaudia!
Arkaudia
Country in the Land of the Two Scythes.
Emeraldland
       Discover Emeraldland's alliances.
Emeraldland
Closest Pro-Arko State.
Rachael
       Meet the leaders of Rachael.
Rachael
Largest Sparklian Nationstate.
New Anita King
       Explore New Anita King.
New Anita King
Autonomous District of the Outlier.