jupyter · bollwyvl · May 3, 2015 · May 3, 2015 · May 3, 2015 · May 3, 2015
diff --git a/.gitmodules b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "bower_components"]
+	path = bower_components
+	url = https://github.com/bollwyvl/jupyter.github.io.git
diff --git a/README.md b/README.md
@@ -1 +1,4 @@
 [Jupyter.org](http://jupyter.org/) website files
+
+Assets are managed with [bower](http://bower.io), and stored in a submodule for
+deployment.
diff --git a/bower.json b/bower.json
@@ -0,0 +1,21 @@
+{
+  "name": "jupyter.github.io",
+  "version": "0.0.0",
+  "homepage": "https://github.com/jupyter/jupyter.github.io",
+  "authors": [
+    "Nicholas Bollweg <nick.bollweg@gmail.com>"
+  ],
+  "license": "BSD",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "bootstrap": "~3.3.4",
+    "font-awesome": "~4.3.0",
+    "d3": "~3.5.5"
+  }
+}
diff --git a/bower_components b/bower_components
diff --git a/css/jupyter.css b/css/jupyter.css
@@ -64,12 +64,12 @@ img.language-logo {
 
 #moon-1:hover + #julia {
     display: block;
-} 
+}
 
 #moon-2:hover + #python {
     display: block;
-} 
+}
 
 #moon-3:hover + #r {
     display: block;
-} 
+}
diff --git a/css/kernels.css b/css/kernels.css
@@ -0,0 +1,61 @@
+.container{
+  padding-top: 1em;
+  padding-bottom: 1em;
+  border-bottom: solid 1px #eee;
+}
+
+.search-icon {
+  position: absolute;
+  margin: 8px 0 0 5px;
+}
+
+.search-kernels{
+  text-indent: 20px;
+}
+
+.kernel-sorts i{
+  margin-right: 5px;
+}
+
+.kernel .version {
+  margin-left: 10px;
+  font-size: 80%;
+}
+
+.features .feature{
+  text-align: left;
+}
+
+.kernel .title {
+  margin-top: 0;
+}
+
+.language label{
+  margin: 0 5px;
+}
+
+.kernel .features {
+  margin: -8px -8px 0 0;
+  text-align: justify;
+}
+
+.kernel .features .btn:first-child {
+  padding-left: 0;
+}
+
+.kernel .feature-container {
+  padding: 20px 0 0 0;
+}
+
+.kernel .panel-footer{
+  padding: 0;
+}
+
+.steps {
+  text-align: center;
+}
+
+.steps .logo{
+  max-width: 100px;
+  max-height: 100px;
+}
diff --git a/images/docker.png b/images/docker.png
diff --git a/images/github.png b/images/github.png
diff --git a/images/zmq.gif b/images/zmq.gif
diff --git a/index.html b/index.html
@@ -1,26 +1,18 @@
 <!doctype html>
 <html>
 <head>
-<meta charset="UTF-8">
-<title>Jupyter Project</title>
+  <meta charset="UTF-8">
+  <title>Jupyter Project</title>
 
 
-<link rel="shortcut icon" href="favicon.ico" />
-<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
-<link href="jupyter_font/styles.css" rel="stylesheet">
-<link href="css/jupyter.css" rel="stylesheet">
-
-<script type="text/javascript" src="https://use.typekit.net/kpd5yrh.js"></script>
-<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
-
-<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+  <link rel="shortcut icon" href="favicon.ico" />
+  <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
 
+  <link href="jupyter_font/styles.css" rel="stylesheet">
+  <link href="css/jupyter.css" rel="stylesheet">
 </head>
 <body>
-  
+
   <div class="container">
 
     <div id="main-title">
@@ -34,19 +26,20 @@ <h2 class="text-center">
       </h2>
     </div>
     </div>
-    
+
     <div class="row" id="ipython-jupyter-bullets">
       <div class="col-md-3 col-md-offset-3">
         <h2 class="text-center">IPython</h2>
         <ul>
           <li>Interactive Python shell</li>
-          <li>Python kernel for Jupyter</li>
+          <li>Python <a href="kernels/">kernel</a> for Jupyter</li>
           <li>Interactive Parallel Python</li>
         </ul>
       </div>
       <div class="col-md-3">
         <h2 class="text-center">Jupyter</h2>
         <ul>
+          <li>Many language <a href="kernels/">kernels</a></li>
           <li>Rich REPL Protocol</li>
           <li>Notebook (format, environment, conversion)</li>
           <li><a href="https://github.com/jupyter/jupyterhub">JupyterHub</a> (multi-user notebook server)</li>
@@ -105,16 +98,24 @@ <h4 class="text-center">
 
   </div>
 
-<script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-  ga('create', 'UA-52617120-1', 'auto');
-  ga('send', 'pageview');
+  <script type="text/javascript" src="https://use.typekit.net/kpd5yrh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+
+  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
+  </script>
+
+  <script src="bower_components/jquery/dist/jquery.min.js"></script>
+  <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+  <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-</script>
-<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
+    ga('create', 'UA-52617120-1', 'auto');
+    ga('send', 'pageview');
+  </script>
+  <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
 </body>
 </html>
diff --git a/kernels/index.html b/kernels/index.html
@@ -0,0 +1,137 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title>Jupyter Project</title>
+
+  <link rel="shortcut icon" href="../favicon.ico">
+
+  <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+  <link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+
+  <link href="../jupyter_font/styles.css" rel="stylesheet">
+  <link href="../css/jupyter.css" rel="stylesheet">
+  <link href="../css/kernels.css" rel="stylesheet">
+</head>
+
+<body>
+  <div class="container">
+      <a href="../" class="pull-left">
+        <img src="../images/jupyter-sq-text.svg" width="100"></a>
+      </a>
+    <h1>Kernels</h1>
+    <p>
+      Jupyter Kernels provide a productive computing in a number of languages.
+      <a href="#your-kernel-here">Don't see your kernel here?</a>
+    </p>
+  </div>
+
+  <div class="container">
+    <p>
+      In addition to the basic command line and Notebook experiences, kernels can implement additional interactivity features:
+    </p>
+    <div class="features"></div>
+  </div>
+
+  <div class="container">
+    <div class="row">
+      <div class="form-group col-md-7">
+        <i class="fa fa-fw fa-search pull-left search-icon text-muted"></i>
+        <input type="text" class="form-control search-kernels"
+          placeholder="Search kernel titles, descriptions &amp; languages">
+      </div>
+      <div class="form-group col-md-5">
+        <label><i class="fa fa-fw fa-sort-alpha-asc text-muted"></i></label>
+        <div class="kernel-sorts"></div>
+      </div>
+    </div>
+    <div class="kernels"></div>
+  </div>
+
+  <div class="container">
+    <a name="your-kernel-here"></a>
+    <h2>Your Kernel Here...</h2>
+    <p>Writing a Jupyter Kernel for your language can be a great way to add a powerful REPL and interactivity for your users, and reach a broader audience.</p>
+
+    <div class="row steps">
+      <div class="col-md-4">
+        <h3><a href="http://ipython.org/ipython-doc/dev/development/kernels.html">
+          <p>Implement the Spec</p>
+          <img src="../images/zmq.gif" class="logo">
+        </a>
+        </h3>
+        <p>
+          Jupyter uses <a href="http://zeromq.org/">ØMQ</a> for high-performance communication between clients and the kernel. Test your kernel with <a href="https://github.com/ipython/ipython/wiki/Dev:-Testing-kernels-against-message-specification">kerneltest</a>.
+        </p>
+      </div>
+      <div class="col-md-4">
+        <h3>
+          <a href="https://github.com/jupyter/jupyter.github.io/compare">
+            <p>Fork &amp; Pull Request</p>
+            <i class="fa fa-code-fork fa-5x"></i>
+          </a>
+        </h3>
+
+        <p>
+          This site is open source! Fork it and make a pull request to get your new Kernel, example notebooks and logo added.
+        </p>
+      </div>
+
+      <div class="col-md-4">
+        <h3>
+          <a href="https://github.com/jupyter/docker-demo-images/blob/master/Dockerfile">
+          <p><i class="fa fa-star text-primary"></i> Extend Docker Demo</p>
+          <img src="../images/docker.png" class="logo">
+          </a>
+        </h3>
+        <p>
+          Extend the Jupyter Demo Dockerfile to make your kernel instantly available on <a href="http://try.jupyter.org">try.jupyter.org</a>.
+        </p>
+      </div>
+    </div>
+  </div>
+
+  <div class="container">
+    <div id="footer" class="text-center">
+      <div class="row">
+        <div class="col-sm-2 col-sm-offset-1">
+          <!-- Place this tag where you want the button to render. -->
+          <a class="github-button" href="https://github.com/jupyter">@jupyter on GitHub</a>
+        </div>
+        <div class="col-sm-2">
+          <a href="https://twitter.com/ProjectJupyter" class="twitter-follow-button" data-show-count="false">Follow @ProjectJupyter</a>
+        </div>
+        <div class="col-sm-2">
+          <a href="https://blog.jupyter.org">Jupyter Blog</a>
+        </div>
+        <div class="col-sm-2">
+          <a href="https://groups.google.com/forum/#!forum/jupyter">Jupyter Mailing List</a>
+        </div>
+        <div class="col-sm-2"><a href="http://ipython.org">IPython Project</a></div>
+      </div>
+    </div>
+  </div>
+
+  <script src="../bower_components/jquery/dist/jquery.min.js"></script>
+  <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+  <script src="../bower_components/d3/d3.min.js"></script>
+  <script src="../scripts/kernels.js"></script>
+
+  <script type="text/javascript" src="https://use.typekit.net/kpd5yrh.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+  <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
+  <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+  <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-52617120-1', 'auto');
+    ga('send', 'pageview');
+
+  </script>
+
+</body>
+</html>