Created
June 9, 2020 09:08
-
-
Save thewilkybarkid/c39c0b7f26e57557e08ee34440664c8c to your computer and use it in GitHub Desktop.
Semantic UI experiment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment