Plot Outline

Word of caution

If you choose to use Neocities as a host for your story outlining page, you know should know people can see your updates.

To avoid this, go into your settings and disable your site profile!

Plug this into your header:

And this into your body:

<div id="container">
  <div id="headerArea">
  <nav id="navbar">
  <ul>
    <li><a href="/index">Home</a></li>
    <li><a href="#">Host 1</a></li>
    <li><a href="#">Host 2</a></li>
  </ul>
  </nav>
  </div>
  <div id="flex">
  <aside id="leftSidebar">
  <h2>Characters</h2>
  <div class="box">
    <h2>Char 1</h2>
      <ul>
        <li>This is an unorganized list.
          <ul>
            <li>This is an unorganized list within another unorganized list</li>
            <li>To properly pull this off, make sure you do not close the li tag until <u>after</u> the second unorganized list is closed</li>
          </ul>
        </li>
      </ul>
    <h2>Char 2</h2>
      <ol>
        <li>I'm an organized list</li>
        <li>I'm proper organized, me</li>
      </ol>
  </div>
  <br>
  <div class="box">
    <h2>Themes</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </div>
  <br>
  <div class="box">
    <h2>Motifs</h2>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
  </div>
  </aside>
  <main>
  <div class="content">
  <h1>Plot Outline</h1>
  <p><strong>Word of caution</strong></p>
  <p>If you choose to use Neocities as a host for your story outlining page, you know should know people can see your updates.</p>
  <p>To avoid this, go into your settings and disable your site profile!</p>
  <h2>Written:</h2>
  <ul>
    <li>
    </li>
  </ul>
  <h2>Unwritten</h2>
  <ul>
    <li>
    </li>
  </ul>
  </div>
  </main>
  <aside id="rightSidebar">
  <h2>February</h2>
    <ul class="weekdays">
      <li>S</li>
      <li>M</li>
      <li>T</li>
      <li>W</li>
      <li>T</li>
      <li>F</li>
      <li>S</li>
    </ul>
  <div class="days">
    <div class="row">
      <div class="day"></div>
      <div class="day">1</div>
      <div class="day">2</div>
      <div class="day">3</div>
      <div class="day"><span class="active">4</span></div>
      <div class="day">5</div>
      <div class="day">6</div>
      <div class="day">7</div>
      <div class="day">8</div>
      <div class="day">9</div>
      <div class="day">10</div>
      <div class="day">11</div>
      <div class="day"><span class="inactive">12</span></div>
      <div class="day">13</div>
      <div class="day"><span class="active" style="background:#ff6bba;">14</span></div>
      <div class="day">⦿</div>
      <div class="day">16</div>
      <div class="day">17</div>
      <div class="day">18</div>
      <div class="day">19</div>
      <div class="day">20</div>
      <div class="day">21</div>
      <div class="day">22</div>
      <div class="day">23</div>
      <div class="day">24</div>
      <div class="day">25</div>
      <div class="day">26</div>
      <div class="day">27</div>
      <div class="day">28</div>
      <div class="day">29</div>
      <div class="day">30</div>
    </div>
  </div>
  <div class="box">
    <ul>
      <li>4: You can highlight a day by using span</li>
      <li>12: You can pre-program as many colors as you want up in the style section. Or,</li>
      <li>14: If that sounds complicated, you can easily change the style right here in the body</li>
      <li>15: Don't forget Unicode makes for easy shorthand :)</li>
    </ul>
  </div>
  <center><img style="height:23vh;" src="https://web.archive.org/web/20091021101453im_/http://www.geocities.com/babysfortay/bottlehearts.gif"></center>
  </aside>
  </div>
  <footer id="footer"><img src="https://web.archive.org/web/20091022181000im_/http://www.geocities.com/pepsi_ssweety/hearts.gif"></footer>
  </div>

Plot Outline

Plug this into your header:

This into your style sheet or between your style tags:

And this into your body:

Written:

Unwritten