Main Page: Difference between revisions

From Runnina
Jump to navigation Jump to search
← Older edit
Administrator (talk | contribs)
Bureaucrats, Interface administrators, Administrators
771 edits
VisualWikitext
No edit summary
m Administrator moved page Runnina to Main Page over a redirect without leaving a redirect: Remastering.
 
(11 intermediate revisions by 2 users not shown)
Line 6: Line 6:


<!-- 1. Introduction Header -->
<!-- 1. Introduction Header -->
<div style="background:#f9f9f9; padding:10px 25px 25px 25px; border-radius:10px; border:1px solid #ccc; margin-bottom: 20px;">
<div style="background:#f9f9f9; padding:10px 25px 25px 25px; border:1px solid #ccc; margin-bottom: 20px;">
   <h1 style="font-family: 'Lexend SemiBold', sans-serif; margin-bottom:10px; text-align:center;">
   <h1 style="font-family: 'Lexend SemiBold', sans-serif; margin-bottom:10px; text-align:center;">
     '''Runnina: A Shattered World, Bleeding with Power.'''
     '''CountryGame Writing Club Presents: Runnina. (Darling, We Are Ruined.)'''
   </h1>
   </h1>
   <p style="font-size: 1.1em; max-width: 800px; margin: auto; line-height: 1.6em; color: #000000; text-align:center;">
   <p style="font-size: 1.1em; max-width: 800px; margin: auto; line-height: 1.6em; color: #000000; text-align:center;">
     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.
     Runnina; noun. A world of ruinous places & neglected care for one another for their fellow man, amplified in unstoppable moral to become the highest, defined person of one's self. It is a unwelcoming, fractured, & painful world to be in, where many cannot unite in a single idea unless it is to an exact. Only the strongest may ever live on this world, there is no mercy for those who cannot live their fullest. The morality of this world has always been heavy & lopsided it has fueled inventions.
   </p>
   </p>
</div>
</div>
Line 19: Line 19:


   <!-- Box 1 -->
   <!-- Box 1 -->
   <div style="flex:1 1 250px; background:#fff; border:1px solid #CCC; border-radius:10px; padding:15px; text-align:center;">
   <div style="flex:1 1 250px; background:#fff; border:1px solid #CCC; padding:15px; text-align:center;">
     <h3 style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.2em; margin:0 0 10px;">
     <h3 style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.2em; margin:0 0 10px;">
       <span style="color:#007bff;">[[History of Runnina|'''Revolutionary Movements!''']]</span>
       <span style="color:#007bff;">[[History of Runnina|'''Revolutionary Movements!''']]</span>
Line 27: Line 27:


   <!-- Box 2 -->
   <!-- Box 2 -->
   <div style="flex:1 1 250px; background:#fff; border:1px solid #CCC; border-radius:10px; padding:15px; text-align:center;">
   <div style="flex:1 1 250px; background:#fff; border:1px solid #CCC; padding:15px; text-align:center;">
     <h3 style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.2em; margin:0 0 10px;">
     <h3 style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.2em; margin:0 0 10px;">
       <span style="color:#007bff;">[[Nations|'''Official Countries!''']]</span>
       <span style="color:#007bff;">[[Nations|'''Official Countries!''']]</span>
Line 35: Line 35:


   <!-- Box 3 -->
   <!-- Box 3 -->
   <div style="flex:1 1 250px; background:#fff; border:1px solid #CCC; border-radius:10px; padding:15px; text-align:center;">
   <div style="flex:1 1 250px; background:#fff; border:1px solid #CCC; padding:15px; text-align:center;">
     <h3 style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.2em; margin:0 0 10px;">
     <h3 style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.2em; margin:0 0 10px;">
       <span style="color:#007bff;">[[Politics|'''Political Figures!''']]</span>
       <span style="color:#007bff;">[[Politics|'''Political Figures!''']]</span>
Line 44: Line 44:


<!-- Featured Story -->
<!-- Featured Story -->
<div style="border:1px solid #ddd; border-radius:10px; background:#F9F9F9; padding:20px; margin-bottom:20px;">
<div style="border:1px solid #ddd; background:#F9F9F9; padding:20px; margin-bottom:20px;">
   <div style="border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px; text-align:center;">
   <div style="border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px; text-align:center;">
     <span style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.5em; font-weight:bold;">Kanu Non Happi!</span>
     <span style="font-family: 'Lexend SemiBold', sans-serif; font-size:1.5em; font-weight:bold;">Kanu Non Happi!</span>
Line 72: Line 72:


   <!-- Left Panel: Major Worlds -->
   <!-- Left Panel: Major Worlds -->
  <div style="flex:0 0 280px; background:#fff; border:1px solid #e0e0e0; border-radius:8px;">
<div style="flex:0 0 280px; background:#fff; border:1px solid #e0e0e0;">
    <div style="background:#f9f9f9; color:#333; padding:8px 15px; font-weight:bold; text-align:center;">
  <div style="background:#f9f9f9; color:#333; padding:8px 15px; font-weight:bold; text-align:center;">
  Runnina's Major Worlds
  Runnina's Major Worlds
    </div>
  </div>
    <div style="padding:10px;">
  <div style="padding:10px;">


      <!-- Major World 1 -->
    <!-- Major World 1 -->
      <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center; border-radius:6px;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[YourMajorWorldPage1]]';">
    <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center;"
      onmouseover="this.style.backgroundColor='#f0f0f0'"
      onmouseout="this.style.backgroundColor='#fff'"
      onclick="window.location.href='[[YourMajorWorldPage1]]';">
  [[File:MajorWorld1_Thumbnail.png|frameless|100%|alt=Major World 1 Thumbnail]]
  [[File:MajorWorld1_Thumbnail.png|frameless|100%|alt=Major World 1 Thumbnail]]
        <div style="padding-top:5px;">
      <div style="padding-top:5px;">
          <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">The Internationale</span><br>
        <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">The Internationale</span><br>
  <span style="color:#555; font-size:0.9em;">Communists, Socialists & Revolutionary Democrats Fighting to Liberate their World for themselves!</span>
  <span style="color:#555; font-size:0.9em;">Communists, Socialists & Revolutionary Democrats Fighting to Liberate their World for themselves!</span>
        </div>
       </div>
       </div>
    </div>


      <!-- Major World 2 -->
    <!-- Major World 2 -->
      <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center; border-radius:6px;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[YourMajorWorldPage2]]';">
    <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center;"
      onmouseover="this.style.backgroundColor='#f0f0f0'"
      onmouseout="this.style.backgroundColor='#fff'"
      onclick="window.location.href='[[YourMajorWorldPage2]]';">
  [[File:MajorWorld2_Thumbnail.png|frameless|100%|alt=Major World 2 Thumbnail]]
  [[File:MajorWorld2_Thumbnail.png|frameless|100%|alt=Major World 2 Thumbnail]]
        <div style="padding-top:5px;">
      <div style="padding-top:5px;">
          <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">Organization of Democratic & Independent Nations</span><br>
        <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">Organization of Democratic & Independent Nations</span><br>
  <span style="color:#555; font-size:0.9em;">Our freedom is true to the liberty of Runninakind doing all they wish, leading this world! Never chained down by identity! Only willpower!</span>
  <span style="color:#555; font-size:0.9em;">Our freedom is true to the liberty of Runninakind doing all they wish, leading this world! Never chained down by identity! Only willpower!</span>
        </div>
       </div>
       </div>
    </div>


      <!-- Major World 3 -->
    <!-- Major World 3 -->
      <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center; border-radius:6px;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[YourMajorWorldPage3]]';">
    <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center;"
      onmouseover="this.style.backgroundColor='#f0f0f0'"
      onmouseout="this.style.backgroundColor='#fff'"
      onclick="window.location.href='[[YourMajorWorldPage3]]';">
  [[File:MajorWorld3_Thumbnail.png|frameless|100%|alt=Major World 3 Thumbnail]]
  [[File:MajorWorld3_Thumbnail.png|frameless|100%|alt=Major World 3 Thumbnail]]
        <div style="padding-top:5px;">
      <div style="padding-top:5px;">
          <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">National Socialist Front</span><br>
        <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">National Socialist Front</span><br>
  <span style="color:#555; font-size:0.9em;">Culture of the highest means the most to us. Join our leader's path of obtaining the true form of greatness!</span>
  <span style="color:#555; font-size:0.9em;">Culture of the highest means the most to us. Join our leader's path of obtaining the true form of greatness!</span>
        </div>
       </div>
       </div>
    </div>


      <!-- Major World 4 -->
    <!-- Major World 4 -->
      <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center; border-radius:6px;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[YourMajorWorldPage4]]';">
    <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center;"
      onmouseover="this.style.backgroundColor='#f0f0f0'"
      onmouseout="this.style.backgroundColor='#fff'"
      onclick="window.location.href='[[YourMajorWorldPage4]]';">
  [[File:MajorWorld4_Thumbnail.png|frameless|100%|alt=Major World 4 Thumbnail]]
  [[File:MajorWorld4_Thumbnail.png|frameless|100%|alt=Major World 4 Thumbnail]]
        <div style="padding-top:5px;">
      <div style="padding-top:5px;">
          <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">Iron Fist Pact.</span><br>
        <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">Iron Fist Pact</span><br>
  <span style="color:#555; font-size:0.9em;">Only through discipline & hard work, our people become satisfied in their well-being to strive for the best!</span>
  <span style="color:#555; font-size:0.9em;">Only through discipline & hard work, our people become satisfied in their well-being to strive for the best!</span>
        </div>
       </div>
       </div>
    </div>


      <!-- Major World 5 -->
    <!-- Major World 5 -->
      <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center; border-radius:6px;" onmouseover="this.style.backgroundColor='#f0f0f0'" onmouseout="this.style.backgroundColor='#fff'" onclick="window.location.href='[[YourMajorWorldPage5]]';">
    <div style="background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:8px; cursor:pointer; transition:background-color 0.2s; text-align:center;"
      onmouseover="this.style.backgroundColor='#f0f0f0'"
      onmouseout="this.style.backgroundColor='#fff'"
      onclick="window.location.href='[[YourMajorWorldPage5]]';">
  [[File:MajorWorld5_Thumbnail.png|frameless|100%|alt=Major World 5 Thumbnail]]
  [[File:MajorWorld5_Thumbnail.png|frameless|100%|alt=Major World 5 Thumbnail]]
        <div style="padding-top:5px;">
      <div style="padding-top:5px;">
          <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">Ascendency of States</span><br>
        <span style="color:#333; font-weight:bold; font-size:1.1em; display:block;">Ascendency of States</span><br>
  <span style="color:#555; font-size:0.9em;">Advancing technology, bioengineering, & empowering technology will reach us with nature to control everybody!</span>
  <span style="color:#555; font-size:0.9em;">Advancing technology, bioengineering, & empowering technology will reach us with nature to control everybody!</span>
        </div>
       </div>
       </div>
    </div>


    </div>
   </div>
   </div>
</div>


   <!-- Featured Countries -->
   <!-- Featured Countries -->
<div style="flex:1; min-width:600px; background:#111; border:1px solid #222; border-radius:8px;">
<div style="flex:1; min-width:600px; background:#111; border:1px solid #222;">
   <div style="background:#222; color:#eee; 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>
   <div style="padding:10px; display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:15px;">
   <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;">


    <div style="
      <!-- Arkaudia -->
    display: flex;
      <div style="position:relative; background:#000; overflow:hidden; cursor:pointer; transition:transform 0.2s, box-shadow 0.2s; border:1px solid #222; width:200px;"
    flex-wrap: wrap;
        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';"
    justify-content: center;
        onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none'; this.querySelector('.overlay').style.opacity='0';"
    gap: 15px;
        onclick="window.location.href='https://countrygame.net/wikidex/Arkaudia';">
    ">
        [[File:OutlierOfArkaudiaArticleFlag.png|frameless|center|200px|alt=Arkaudia]]
 
        <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;">
    <!-- Arkaudia -->
          Click to learn about Arkaudia!
    <div style="
        </div>
  position:relative;
        <div style="background:#111; color:#fff; text-align:center; padding:6px 4px;">
  background:#000;
          <div style="font-weight:bold;">Arkaudia</div>
  border-radius:8px;
          <div style="font-size:0.85em; color:#ccc;">Country in the Land of the Two Scythes.</div>
  overflow:hidden;
        </div>
  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>
 
    <!-- Emeraldland -->
    <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;"
      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>


       <div style="
      <!-- Emeraldland -->
         background:#111;
       <div style="position:relative; background:#000; overflow:hidden; cursor:pointer; transition:transform 0.2s, box-shadow 0.2s; border:1px solid #222; width:200px;"
         color:#fff;
        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';"
        text-align:center;
        onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none'; this.querySelector('.overlay').style.opacity='0';"
        padding:6px 4px;">
        onclick="window.location.href='[[Emeraldland]]';">
        <div style="font-weight:bold;">Emeraldland</div>
        [[File:Emeraldland.png|frameless|center|200px|alt=Emeraldland]]
        <div style="font-size:0.85em; color:#ccc;">Closest Pro-Arko State.</div>
         <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>
    </div>


    <!-- Rachael -->
      <!-- Rachael -->
    <div style="
      <div style="position:relative; background:#000; overflow:hidden; cursor:pointer; transition:transform 0.2s, box-shadow 0.2s; border:1px solid #222; width:200px;"
      position:relative;
        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';"
      background:#000;
        onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none'; this.querySelector('.overlay').style.opacity='0';"
      border-radius:8px;
        onclick="window.location.href='[[Scythecia]]';">
      overflow:hidden;
        [[File:Rachael_Thumbnail.png|frameless|center|200px|alt=Rachael]]
      cursor:pointer;
        <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;">
      transition:transform 0.2s, box-shadow 0.2s;
          Meet the leaders of Rachael.
      border:1px solid #222;"
        </div>
      onmouseover="
        <div style="background:#111; color:#fff; text-align:center; padding:6px 4px;">
        this.style.transform='scale(1.03)';
          <div style="font-weight:bold;">Rachael</div>
        this.style.boxShadow='0 0 10px rgba(0,0,0,0.8)';
          <div style="font-size:0.85em; color:#ccc;">Largest Sparklettian Nationstate.</div>
        this.querySelector('.overlay').style.opacity='1';"
        </div>
      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>


       <div style="
       <!-- New Anita King -->
        background:#111;
      <div style="position:relative; background:#000; overflow:hidden; cursor:pointer; transition:transform 0.2s, box-shadow 0.2s; border:1px solid #222; width:200px;"
        color:#fff;
        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';"
        text-align:center;
        onmouseout="this.style.transform='scale(1)'; this.style.boxShadow='none'; this.querySelector('.overlay').style.opacity='0';"
        padding:6px 4px;">
        onclick="window.location.href='[[OtherCountry]]';">
        <div style="font-weight:bold;">Rachael</div>
        [[File:NAK_Thumbnail.png|frameless|center|200px|alt=New Anita King]]
        <div style="font-size:0.85em; color:#ccc;">Largest Sparklian Nationstate.</div>
        <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;">
      </div>
          Explore New Anita King.
    </div>
        </div>
 
         <div style="background:#111; color:#fff; text-align:center; padding:6px 4px;">
    <!-- New Anita King -->
          <div style="font-weight:bold;">New Anita King</div>
    <div style="
          <div style="font-size:0.85em; color:#ccc;">Autonomous District of the Outlier.</div>
      position:relative;
        </div>
      background:#000;
      border-radius:8px;
      overflow:hidden;
      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>

Latest revision as of 01:58, 21 June 2026


CountryGame Writing Club Presents: Runnina. (Darling, We Are Ruined.)

Runnina; noun. A world of ruinous places & neglected care for one another for their fellow man, amplified in unstoppable moral to become the highest, defined person of one's self. It is a unwelcoming, fractured, & painful world to be in, where many cannot unite in a single idea unless it is to an exact. Only the strongest may ever live on this world, there is no mercy for those who cannot live their fullest. The morality of this world has always been heavy & lopsided it has fueled inventions.

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 Sparklettian Nationstate.
New Anita King
         Explore New Anita King.
New Anita King
Autonomous District of the Outlier.
Retrieved from "https://countrygame.net/index.php?title=Main_Page&oldid=751"