Skip to content

Commit 85372d1

Browse files
ellisonbgellisonbg
committed
Adding draft of web page reveal.
1 parent acc8e7f commit 85372d1

File tree

6 files changed

+116
-9
lines changed

6 files changed

+116
-9
lines changed

‎css/jupyter.css

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
#jupyter-logo {
2+
font-size: 300%;
3+
}
4+
5+
body {
6+
font-family: "minion-pro";
7+
}
8+
9+
.container {
10+
}
11+
12+
div#main-title {
13+
margin: 50px 0px;
14+
}
15+
16+
div#main-title h1 {
17+
font-size: 48px;
18+
}
19+
20+
div#jupyter-logo {
21+
margin: 100px 0px;
22+
position: relative;
23+
}
24+
25+
#jupyter-logo .icon {
26+
margin: 0px 10px;
27+
}
28+
29+
div#sub-title {
30+
margin: 50px 0px;
31+
}
32+
33+
div#sub-title h2 {
34+
font-size: 28px;
35+
}
36+
37+
38+
div#footer {
39+
position: absolute;
40+
bottom: 0px;
41+
margin-bottom: 20px;
42+
}
43+
44+
img.language-logo {
45+
display: none;
46+
height: 64px;
47+
width: 64px;
48+
position: absolute;
49+
top: -5px;
50+
left: 120px;
51+
}
52+
53+
#moon-1:hover + #julia {
54+
display: block;
55+
}
56+
57+
#moon-2:hover + #python {
58+
display: block;
59+
}
60+
61+
#moon-3:hover + #r {
62+
display: block;
63+
}

‎favicon.png

742 Bytes
Loading

‎images/Julia_256x256.png

10.4 KB
Loading

‎images/Python_256x256.png

14.4 KB
Loading

‎images/R_256x256.png

60.5 KB
Loading

‎index.html

Lines changed: 53 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,64 @@
11
<html>
22
<head>
3-
<title>Jupyter</title>
3+
<title>Jupyter Project</title>
4+
5+
6+
<link rel="shortcut icon" type="image/png" href="favicon.png" />
7+
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
8+
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
9+
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
410

511
<link href="jupyter_font/styles.css" rel="stylesheet">
6-
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
7-
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
8-
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
12+
<link href="css/jupyter.css" rel="stylesheet">
913

14+
<script type="text/javascript" src="http://use.typekit.net/kpd5yrh.js"></script>
15+
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
1016

17+
<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>
1118

1219
</head>
1320
<body>
14-
Jupyter
15-
<span>
16-
<div class="icon jupyter-icon-jupiter"></div>
17-
<div class="icon jupyter-icon-moon"></div>
18-
</span>
21+
22+
<div class="container">
23+
24+
<div id="main-title">
25+
<h1 class="text-center">Project Jupyter</h1>
26+
</div>
27+
28+
<div id="jupyter-logo" class="text-center">
29+
<span class="icon jupyter-icon-jupiter"></span>
30+
<span id="moon-1" class="icon jupyter-icon-moon"></span>
31+
<img id="julia" src="images/Julia_256x256.png" class="language-logo" />
32+
<span id="moon-2" class="icon jupyter-icon-moon"></span>
33+
<img id="python" src="images/Python_256x256.png" class="language-logo" />
34+
<span id="moon-3" class="icon jupyter-icon-moon"></span>
35+
<img id="r" src="images/R_256x256.png" class="language-logo" />
36+
</div>
37+
38+
<div id="sub-title">
39+
<h2 class="text-center">Evolved from the IPython Project</h2>
40+
</div>
41+
42+
<div id="footer">
43+
<div class="container">
44+
<hr/>
45+
<div class="row">
46+
<div class="col-md-3">
47+
<iframe src="http://ghbtns.com/github-btn.html?user=jupyter&type=follow"
48+
allowtransparency="true" frameborder="0" scrolling="0" width="200" height="20"></iframe>
49+
</div>
50+
<div class="col-md-3">
51+
<a href="https://twitter.com/ProjectJupyter" class="twitter-follow-button" data-show-count="false">Follow @ProjectJupyter</a>
52+
</div>
53+
<div class="col-md-3"><a href="http://colaboratory.jupyter.org" target="_blank">Jupyter coLaboratory</a></div>
54+
<div class="col-md-3"><a href="http://ipython.org" target="_blank">IPython Project</a></div>
55+
</div>
56+
</div>
57+
</div>
58+
59+
60+
61+
</div>
62+
1963
</body>
2064
</html>

0 commit comments

Comments
 (0)