Win98 Vapor Wave bullshit

Get it

Word of caution, if you choose to use Neocities as a host for your story outlining page: 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="side">
        
        <div class="sidewindow">
          <div class="title-bar inactive">
            <div class="title-bar-text">Host links</div>
            <div class="title-bar-controls">
            <button>_</button>
            <button>⃞</button>
            <button>X</button>
            </div>
          </div>
          <div class="window-body">
            <p>Read it here, folks!</p>
            <a href="/index"><button>Home</button></a>
            <button disabled>Host 2</button>
          </div>
        </div>
        
        <div class="sidewindow">
          <div class="title-bar inactive">
            <div class="title-bar-text">Characters</div>
            <div class="title-bar-controls">
            <button>_</button>
            <button>⃞</button>
            <button>X</button>
            </div>
          </div>
          <div class="window-body">
            <h2>Char1</h2>
            <p>
              <ul>
                <li>This is an unorganized list.
                  <ul>
                    <li>This is an unorganized list within another unorganized list.</li>
                    <li>To 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>
              <ol>
                <li>I'm and organized list</li>
                <li>I'm proper organized, me</li>
              </ol>
          </div>
        </div>
        
        <div class="sidewindow">
          <div class="title-bar inactive">
            <div class="title-bar-text">Themes</div>
            <div class="title-bar-controls">
            <button>_</button>
            <button>⃞</button>
            <button>X</button>
            </div>
          </div>
          <div class="window-body">
            <p>I'm a post with padding. Check out how much breathing room I have!
          </div>
        </div>
        
        <div class="sidewindow">
          <div class="title-bar inactive">
            <div class="title-bar-text">Motifs</div>
            <div class="title-bar-controls">
            <button>_</button>
            <button>⃞</button>
            <button>X</button>
            </div>
          </div>
          <div class="window-body">
          I'm a post with no padding. I'm more cramped but some people like it like that!
          </div>
        </div>
        
        <div class="sidewindow">
          <div class="title-bar inactive">
            <div class="title-bar-text">A Window With Stuff In It</div>
            <div class="title-bar-controls">
              <button>_</button>
              <button>⃞</button>
              <button>X</button>
            </div>
          </div>
          <div class="window-body">
              <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">12</div>
                  <div class="day">13</div>
                  <div class="day">14</div>
                  <div class="day">15</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>
              <ul>
                <li></li>
              </ul>
          </div>
        </div>
        
        </div>
        
        <div id="main">
        
        <div class="mainwindow">
          <div class="title-bar">
            <div class="title-bar-text">Get it</div>
            <div class="title-bar-controls">
              <button>_</button>
              <button>⃞</button>
              <button>X</button>
            </div>
          </div>
          <div class="window-body">
            <div class="textcontainer">
              <p>Word of caution, if you choose to use Neocities as a host for your story outlining page: people can see your updates. To avoid this, go into your settings and disable your site profile!
            </div>
          </div>
        </div>
        
        <div class="mainwindow">
          <div class="title-bar">
            <div class="title-bar-text">Plot outline</div>
            <div class="title-bar-controls">
              <button>_</button>
              <button>⃞</button>
              <button>X</button>
            </div>
          </div>
          <div class="window-body">
            <div class="textcontainer">
            <h3>Chapter One</h3>
            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>
          </div>
        </div>
        
        <div class="mainwindow">
          <div class="title-bar inactive">
            <div class="title-bar-text">Vision board</div>
            <div class="title-bar-controls">
              <button>_</button>
              <button>⃞</button>
              <button>X</button>
            </div>
          </div>
          <div class="window-body">
          <iframe src='https://widgets.sociablekit.com/pinterest-board/iframe/25394531' frameborder='0' width='100%' height='350vh'></iframe>
          This is a Pinterest RSS feed. I made it using <a href="https://www.sociablekit.com/tutorials/embed-pinterest-board-website/">this free site.</a>
          </div>
        </div>
        
        <div class="splitboxwrapper">
          <div class="split">
            <div class="title-bar inactive">
              <div class="title-bar-text">Floater</div>
              <div class="title-bar-controls">
                <button>_</button>
                <button>⃞</button>
                <button>X</button>
              </div>
            </div>
            <div class="window-body">
              <p>I don't have much to say and I'm just a little guy
            </div>
          </div>
          <div class="split">
            <div class="title-bar inactive">
              <div class="title-bar-text">Floater</div>
              <div class="title-bar-controls">
                <button>_</button>
                <button>⃞</button>
                <button>X</button>
              </div>
            </div>
            <div class="window-body">
              <p>I don't have much to say and I'm just a little guy
            </div>
          </div>
        </div>
        
        </div>
        
        </div>
        
        </body>
          
        </html>

Plot outline

Chapter One

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.

Vision board

This is a Pinterest RSS feed. I made it using this free site.

Floater

I don't have much to say and I'm just a little guy

Floater

I don't have much to say and I'm just a little guy

Char1

Plug this into your header:

This into your style sheer or between your style tags

And this into your body

Chapter One