2015-01-04-first-post.html

<!DOCTYPE html>
<!--
	Prologue by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="en">
  
  <head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->

  <title>First post!</title>

  <meta name="author" content="Louis Maddox" />
  
  
  <meta name="description" content="plotspot, a free and open source catalogue of plots and their code. Various languages and libraries: R (base, ggplot2, rCharts), Python (matplotlib, seaborn, ggplot, bokeh, vincent), MATLAB, and Julia (Gadfly).">
  

  <link rel="alternate" type="application/rss+xml" title="plotspot - The spot for plots" href="/feed.xml" />

    
  <!-- Facebook OpenGraph tags -->
  <meta property="og:title" content="First post!" />
  <meta property="og:type" content="website" />
  
  
  <meta property="og:url" content="http://plotspot.github.io/2015-01-04-first-post/" />
  
  
  <meta property="og:description" content="plotspot, a free and open source catalogue of plots and their code. Various languages and libraries: R (base, ggplot2, rCharts), Python (matplotlib, seaborn, ggplot, bokeh, vincent), MATLAB, and Julia (Gadfly).">
  

  <meta property="og:image" content="http://plotspot.github.io/images/big-avatar.png" />
  

  <link rel="shortcut icon" href="/favicon.ico">

</head>


  <body>
  
    		<!-- Header -->
			<div id="header">

				<div class="top">

					<!-- Logo -->
						<div id="logo">
							<span class="image avatar48"><img src="images/avatar.png" alt="" /></span>
							<h1 id="title">plotspot</h1>
							<p>The spot for plots</p>
						</div>

					<nav id="nav" class="navbar navbar-default navbar-fixed-top navbar-custom">
		<!--

	Prologue's nav expects links in one of two formats:

1. Hash link (scrolls to a different section within the page)

   <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>

2. Standard link (sends the user to another page/site)

  <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>

							-->
	<ul>
		<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">About</span></a></li>
		<li><a href="#plots" id="plots-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Pick a plot</span></a></li>
		<li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-github">Contribute</span></a></li>
	</ul>
</nav>


				</div>

				<div class="bottom">

					<!-- Social Icons -->
						<ul class="icons">
							<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
							<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
							<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
						</ul>

				</div>

			</div>


      	  <section id="plots" class="two">
	<div class="container">

	<header>
		<h2>Plots</h2>
	</header>

	<p>Coming soon... You will be able to filter the types presented below through checkboxes on the left
	(the side pane is hidden on mobile but <em>#hash-links</em> in the URL to a specific plot will still work).</p>

	<div class="row">
	<div class="4u 12u$(mobile)">
		<article class="item">
			<a href="#" class="image fit"><img src="images/box.png" alt="" /></a>
			<header>
				<h3>Box</h3>
			</header>
		</article>
	</div>
	<div class="4u 12u$(mobile)">
		<article class="item">
			<a href="#" class="image fit"><img src="images/bubble.png" alt="" /></a>
			<header>
				<h3>Bubble</h3>
			</header>
		</article>
		<article class="item">
			<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
			<header>
				<h3>Donut</h3>
			</header>
		</article>
	</div>
	<div class="4u$ 12u$(mobile)">
		<article class="item">
			<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
			<header>
				<h3>Histogram</h3>
			</header>
		</article>
		<article class="item">
			<a href="#" class="image fit"><img src="images/triple line.png" alt="" /></a>
			<header>
				<h3>Line</h3>
			</header>
		</article>
		<article class="item">
			<a href="#" class="image fit"><img src="images/scatter.png" alt="" /></a>
			<header>
				<h3>Scatter</h3>
			</header>
		</article>
	</div>
	</div>

	</div>
</section>

<p>This is my first post, how exciting!</p>


    	<!-- Footer -->
			<div id="footer">

				<!-- Copyright -->
					<ul class="copyright">
						<li>plotspot has an <a href="https://github.com/plotspot/plotspot.github.io/blob/master/LICENSE">MIT License</a></li>
            <li>Design: <a href="http://html5up.net">HTML5 UP</a> & <a href="https://github.com/daattali/beautiful-jekyll">Dean Attali</a></li>
            <li>Site by <a href="https://twitter.com/biochemistries">Louis</a></li>
					</ul>

			</div>

<!-- The programmatic one below should be used but for now just use template as above.

<footer>
  <div class="container beautiful-jekyll-footer">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <ul class="list-inline text-center footer-links">
          
          
          <li>
            <a href="https://github.com/lmmx" title="GitHub">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x"></i>
                <i class="fa fa-github fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </li>
          
		  
          <li>
            <a href="https://twitter.com/biochemistries" title="Twitter">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x"></i>
                <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </li>
          
		  
          <li>
            <a href="mailto:louismmx@gmail.com" title="Email me">
              <span class="fa-stack fa-lg">
                <i class="fa fa-circle fa-stack-2x"></i>
                <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </li>
          
		  
        </ul>
        <p class="copyright text-muted">
		  Louis Maddox
		  &nbsp;&bull;&nbsp;
		  2015
		  
		  
		  &nbsp;&bull;&nbsp;
		  <a href="http://plotspot.github.io">plotspot.github.io</a>
		  
	    </p>

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

-->

  
    		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollzer.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

<!-- Should do the cool programmatic thing but for now cheat as above from template.
  

-->

  
  </body>
</html>