thewilkybarkid/index.html

## index.html
<!doctype html>

<html class="home-page" lang="en">

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>
  Untitled Publish Review Curate Platform
</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">

<style>

  fieldset.ui {
    border: none;
    margin: 0;
    padding: 0;
  }

  ol.ui,
  ul.ui {
    list-style-type: none;
    padding-left: 0;
  }

  .ui[class*="very huge"].header {
    font-size: 4em
  }

  main > header.ui[class*="very padded"].segment {
    padding: 5em;
  }

</style>

<header>

  <nav class="ui container">

    <ul class="ui large secondary pointing menu">

      <li>
        <a href="#" class="active item">Home</a>
      </li>

      <li>
        <a href="#" class="item">About</a>
      </li>

    </ul>

  </nav>

</header>

<main class="ui segments">

  <header class="ui vertical very padded center aligned container segment">

      <h1 class="ui very huge header">
        Untitled Publish—Review—Curate Platform
      </h1>

  </header>

  <div class="ui blue inverted vertical very padded center aligned segment">

    <form method="get" action="#" class="ui container">

      <fieldset class="ui large form">

        <legend class="ui inverted center aligned header">
          Find a bioRxiv article
        </legend>

        <div class="ui massive fluid action input">
          <input type="text" name="query" required>
          <button type="submit" class="ui massive positive icon button">
            <i class="search icon"></i>
          </button>
        </div>

      </fieldset>

    </form>

  </div>

  <div class="ui very padded vertical segment">

    <div class="ui aligned stackable grid container">

      <div class="row">

        <section class="eight wide column">

          <h2 class="ui center aligned icon header">
            <i class="circular pencil icon"></i>
            Most recent reviews
          </h2>

          <ol class="ui large feed">

            <li class="event">
              <div class="content">
                <div class="summary">
                  <a href="#">Uncovering the hidden antibiotic potential of Cannabis</a> added by
                  <a href="#">PREreview Community</a>
                  <time datetime="2020-05-21" title="May 21, 2020" class="date">
                    recently
                  </time>
                </div>
              </div>
            </li>

            <li class="event">
              <div class="content">
                <div class="summary">
                  <a href="#">Sleep is bi-directionally modified by amyloid beta oligomers</a> added by
                  <a href="#">eLife</a>
                  <time datetime="2020-05-20" title="May 20, 2020" class="date">
                    recently
                  </time>
                </div>
              </div>
            </li>

            <li class="event">
              <div class="content">
                <div class="summary">
                  <a href="#">N-terminal domain Increases Activation of Elephant Shark Glucocorticoid and
                    Mineralocorticoid Receptors</a> added by <a href="#">eLife</a>
                  <time datetime="2020-05-20" title="May 20, 2020" class="date">
                    recently
                  </time>
                </div>
              </div>
            </li>

            <li class="event">
              <div class="content">
                <div class="summary">
                  <a href="#">Discovery of a prevalent picornavirus by visualizing zebrafish immune responses</a>
                  added by <a href="#">PREreview Community</a>
                  <time datetime="2020-05-20" title="May 20, 2020" class="date">
                    recently
                  </time>
                </div>
              </div>
            </li>

            <li class="event">
              <div class="content">
                <div class="summary">
                  <a href="#">Studying the fate of tumor extracellular vesicles at high spatio-temporal resolution using
                    the zebrafish embryo</a> added by <a href="#">PREreview Community</a>
                  <time datetime="2020-05-20" title="May 20, 2020" class="date">
                    recently
                  </time>
                </div>
              </div>
            </li>

          </ol>

        </section>

        <section class="six wide right floated column">

          <h2 class="ui center aligned icon header">
            <i class="circular users icon"></i>
            Editorial communities
          </h2>

          <div class="ui two cards" role="list">

            <a href="#" class="card" role="listitem">
              <div class="content">
                <span class="header">eLife</span>
              </div>
            </a>

            <a href="#" class="card" role="listitem">
              <div class="content">
                <span class="header">PREreview Community</span>
              </div>
            </a>

            <a href="#" class="card" role="listitem">
              <div class="content">
                <span class="header">PeerJ</span>
              </div>
            </a>

          </div>

        </section>

      </div>

    </div>

  </div>

</main>
	<!doctype html>

	<html class="home-page" lang="en">

	<meta charset="utf-8">

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>
	Untitled Publish Review Curate Platform
	</title>

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">

	<style>

	fieldset.ui {
	border: none;
	margin: 0;
	padding: 0;
	}

	ol.ui,
	ul.ui {
	list-style-type: none;
	padding-left: 0;
	}

	.ui[class*="very huge"].header {
	font-size: 4em
	}

	main > header.ui[class*="very padded"].segment {
	padding: 5em;
	}

	</style>

	<header>

	<nav class="ui container">

	<ul class="ui large secondary pointing menu">

	<li>
	<a href="#" class="active item">Home</a>
	</li>

	<li>
	<a href="#" class="item">About</a>
	</li>

	</ul>

	</nav>

	</header>

	<main class="ui segments">

	<header class="ui vertical very padded center aligned container segment">

	<h1 class="ui very huge header">
	Untitled Publish—Review—Curate Platform
	</h1>

	</header>

	<div class="ui blue inverted vertical very padded center aligned segment">

	<form method="get" action="#" class="ui container">

	<fieldset class="ui large form">

	<legend class="ui inverted center aligned header">
	Find a bioRxiv article
	</legend>

	<div class="ui massive fluid action input">
	<input type="text" name="query" required>
	<button type="submit" class="ui massive positive icon button">
	<i class="search icon"></i>
	</button>
	</div>

	</fieldset>

	</form>

	</div>

	<div class="ui very padded vertical segment">

	<div class="ui aligned stackable grid container">

	<div class="row">

	<section class="eight wide column">

	<h2 class="ui center aligned icon header">
	<i class="circular pencil icon"></i>
	Most recent reviews
	</h2>

	<ol class="ui large feed">

	<li class="event">
	<div class="content">
	<div class="summary">
	<a href="#">Uncovering the hidden antibiotic potential of Cannabis</a> added by
	<a href="#">PREreview Community</a>
	<time datetime="2020-05-21" title="May 21, 2020" class="date">
	recently
	</time>
	</div>
	</div>
	</li>

	<li class="event">
	<div class="content">
	<div class="summary">
	<a href="#">Sleep is bi-directionally modified by amyloid beta oligomers</a> added by
	<a href="#">eLife</a>
	<time datetime="2020-05-20" title="May 20, 2020" class="date">
	recently
	</time>
	</div>
	</div>
	</li>

	<li class="event">
	<div class="content">
	<div class="summary">
	<a href="#">N-terminal domain Increases Activation of Elephant Shark Glucocorticoid and
	Mineralocorticoid Receptors</a> added by <a href="#">eLife</a>
	<time datetime="2020-05-20" title="May 20, 2020" class="date">
	recently
	</time>
	</div>
	</div>
	</li>

	<li class="event">
	<div class="content">
	<div class="summary">
	<a href="#">Discovery of a prevalent picornavirus by visualizing zebrafish immune responses</a>
	added by <a href="#">PREreview Community</a>
	<time datetime="2020-05-20" title="May 20, 2020" class="date">
	recently
	</time>
	</div>
	</div>
	</li>

	<li class="event">
	<div class="content">
	<div class="summary">
	<a href="#">Studying the fate of tumor extracellular vesicles at high spatio-temporal resolution using
	the zebrafish embryo</a> added by <a href="#">PREreview Community</a>
	<time datetime="2020-05-20" title="May 20, 2020" class="date">
	recently
	</time>
	</div>
	</div>
	</li>

	</ol>

	</section>

	<section class="six wide right floated column">

	<h2 class="ui center aligned icon header">
	<i class="circular users icon"></i>
	Editorial communities
	</h2>

	<div class="ui two cards" role="list">

	<a href="#" class="card" role="listitem">
	<div class="content">
	<span class="header">eLife</span>
	</div>
	</a>

	<a href="#" class="card" role="listitem">
	<div class="content">
	<span class="header">PREreview Community</span>
	</div>
	</a>

	<a href="#" class="card" role="listitem">
	<div class="content">
	<span class="header">PeerJ</span>
	</div>
	</a>

	</div>

	</section>

	</div>

	</div>

	</div>

	</main>