Skip to content

Commit 53cf951

Browse files
rozzarozza
committed
Added metro styling
1 parent 8322568 commit 53cf951

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

49 files changed

+12977
-5
lines changed

‎_includes/themes/metromongo/default.html‎

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>{{ page.title }}</title>
6+
{% if page.description %}<meta name="description" content="{{ page.description }}">{% endif %}
7+
<meta name="author" content="{{ site.author.name }}">
8+
9+
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
10+
<!--[if lt IE 9]>
11+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
12+
<![endif]-->
13+
14+
<!-- Le styles -->
15+
<link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16+
<link href="{{ ASSET_PATH }}/css/font-awesome.min.css" rel="stylesheet">
17+
<link href="{{ ASSET_PATH }}/css/m-styles.min.css" rel="stylesheet">
18+
19+
<!--[if IE 7]>
20+
<link rel="stylesheet" href="{{ ASSET_PATH }}/css/font-awesome-ie7.min.css">
21+
<![endif]-->
22+
23+
<link href="{{ ASSET_PATH }}/css/mongoengine.css" rel="stylesheet" type="text/css" media="all">
24+
<link href="{{ ASSET_PATH }}/css/pygments.css" rel="stylesheet" type="text/css" media="all">
25+
<script type="text/javascript" src="{{ ASSET_PATH }}/js/modernizr.custom.js"></script>
26+
<noscript>
27+
<link rel="stylesheet" type="text/css" href="{{ ASSET_PATH }}/css/no-js.css" />
28+
</noscript>
29+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
30+
31+
<!-- Le fav and touch icons -->
32+
<link rel="shortcut icon" href="{{ ASSET_PATH }}/images/favicon.ico">
33+
<!-- Update these with your own images
34+
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
35+
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
36+
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
37+
-->
38+
</head>
39+
40+
<body>
41+
<div class="row header">
42+
<nav class="navbar navbar-top">
43+
<div class="navbar-inner">
44+
<div class="container">
45+
<a class="btn btn-navbar btntop" data-toggle="collapse" data-target=".nav-collapse">NAVIGATION</a>
46+
<h1 class="brand hidden-phone hidden-tablet">
47+
<a href="http://mongoengine.org">
48+
<img src="{{ ASSET_PATH }}/images/logo.png" alt="">
49+
</a>
50+
</h1>
51+
<div class="nav-collapse">
52+
<ul class="nav pull-right">
53+
<li><a href="/" class="first">Home</a></li>
54+
<li><a href="#getting-started">Getting Started</a></li>
55+
<li><a href="http://bit.ly/mongoengine-docs">Documentation</a></li>
56+
<li><a href="#source">Source</a></li>
57+
<li><a href="#community">Community</a></li>
58+
</ul>
59+
</div>
60+
</div>
61+
</div>
62+
</div>
63+
64+
{{ content }}
65+
66+
<!-- Javascripts -->
67+
<script src="{{ ASSET_PATH }}/js/jquery.min.js"></script>
68+
<script src="{{ ASSET_PATH }}/bootstrap/js/bootstrap.min.js"></script>
69+
<script src="{{ ASSET_PATH }}/js/jquery.ba-cond.min.js"></script>
70+
<script src="{{ ASSET_PATH }}/js/jquery.slitslider.js"></script>
71+
<script src="{{ ASSET_PATH }}/js/jquery.github.min.js"></script>
72+
<script>
73+
$(function() {
74+
var Page = (function() {
75+
var $nav = $( '#nav-dots > a > span' ),
76+
slitslider = $( '#slider' ).slitslider( {
77+
autoplay: true,
78+
onBeforeChange : function( slide, pos ) {
79+
$nav.removeClass( 'nav-dot-current' );
80+
$nav.eq( pos ).addClass( 'nav-dot-current' );
81+
}
82+
} ),
83+
init = function() {
84+
initEvents();
85+
},
86+
initEvents = function() {
87+
$nav.each( function( i ) {
88+
var span = $( this );
89+
span.on( 'click', function(event){
90+
if( !slitslider.isActive() ) {
91+
$nav.removeClass( 'nav-dot-current' );
92+
span.addClass( 'nav-dot-current' );
93+
}
94+
slitslider.jump( i + 1 );
95+
});
96+
if (span.parent()[0].href == window.location) {
97+
span.trigger('click');
98+
}
99+
} );
100+
};
101+
return { init : init };
102+
})();
103+
Page.init();
104+
$("#github").github();
105+
});
106+
</script>
107+
108+
109+
{% include JB/analytics %}
110+
</body>
111+
</html>

‎_includes/themes/metromongo/frontpage.html‎

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
<div class="row-fluid">
2+
3+
<div class="container">
4+
<div class=" hidden-phone">
5+
<div id="slider" class="sl-slider-wrapper">
6+
<div class="sl-slider">
7+
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
8+
<div class="sl-slide-inner bg-1">
9+
<div class="bg-img bg-img-1"></div>
10+
<h2><span>mongo</span>engine</h2>
11+
<blockquote id="documentation">
12+
<p>
13+
MongoEngine is a Document-Object Mapper (think ORM, but for document databases)
14+
for working with MongoDB from Python.
15+
</p>
16+
<p>It uses a simple declarative API, similar to the Django ORM.</p>
17+
<p>
18+
Documentation available at
19+
<a href="http://bit.ly/mongoengine-docs">http://bit.ly/mongoengine-docs</a>
20+
- there is currently a <a href="http://readthedocs.org/docs/mongoengine-odm/en/latest/tutorial.html">tutorial</a>, a <a href="http://readthedocs.org/docs/mongoengine-odm/en/latest/guide/index.html">user guide</a> and
21+
<a href="http://readthedocs.org/docs/mongoengine-odm/en/latest/apireference.html">API reference</a>.
22+
</p>
23+
</blockquote>
24+
</div>
25+
</div>
26+
27+
<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
28+
<div class="sl-slide-inner bg-2">
29+
<div class="bg-img bg-img-2"></div>
30+
<h3>Simple to use</h3>
31+
<blockquote>
32+
{% highlight python %}
33+
from mongoengine import * # To define a schema for a
34+
# document, we create a
35+
class Metadata(EmbeddedDocument): # class that inherits from
36+
tags = ListField(StringField()) # Document.
37+
revisions = ListField(IntField())
38+
# Fields are specified by
39+
class WikiPage(Document): # adding field objects as
40+
title = StringField(required=True) # class attributes to the
41+
text = StringField() # document class.
42+
metadata = EmbeddedDocumentField(Metadata)
43+
# Querying is achieved by
44+
>>> page.title = "Hello, World!" # calling the objects
45+
>>> for page in WikiPage.objects: # attribute on a document
46+
>>> print page.title # class.
47+
{% endhighlight %}
48+
</blockquote>
49+
</div>
50+
</div>
51+
52+
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
53+
<div class="sl-slide-inner bg-3">
54+
<div class="bg-img bg-img-3"></div>
55+
<h2>Support</h2>
56+
<blockquote>
57+
<p>Flask</p>
58+
<p>Django</p> Coming soon...
59+
</blockquote>
60+
</div>
61+
</div>
62+
63+
<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1">
64+
<div class="sl-slide-inner bg-4">
65+
<div class="bg-img bg-img-4"></div>
66+
<h3>Tutorial</h3>
67+
<blockquote><p>
68+
<a href="http://docs.mongodb.org/manual/tutorial/write-a-tumblelog-application-with-flask-mongoengine/">
69+
Build a tumblelog with Flask</a>
70+
</p>
71+
<p>
72+
<a href="http://docs.mongodb.org/manual/tutorial/write-a-tumblelog-application-with-flask-mongoengine/">
73+
<img src="{{ ASSET_PATH }}/metromongo/images/tumblelog.png"></a>
74+
</p></blockquote>
75+
</div>
76+
</div>
77+
78+
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
79+
<div class="sl-slide-inner bg-5">
80+
<div class="bg-img bg-img-5"></div>
81+
<h3>Help wanted</h3>
82+
<blockquote>
83+
<p>We're always looking for help on <em>any aspect</em> of mongoengine.<p>
84+
<img src="{{ ASSET_PATH }}/metromongo/images/helpwanted.jpg">
85+
<p>
86+
Get in touch on the <a href="http://groups.google.com/group/mongoengine-users">user group</a>.
87+
</p></blockquote>
88+
</div>
89+
</div>
90+
</div><!-- /sl-slider -->
91+
92+
<nav id="nav-dots" class="nav-dots">
93+
<a href="#home"><span class="nav-dot-current"></span></a>
94+
<a href="#getting-started"><span></span></a>
95+
<a href="#frameworks"><span></span></a>
96+
<a href="#tutorial"><span></span></a>
97+
<a href="#help-wanted"><span></span></a>
98+
</nav>
99+
</div><!-- /slider-wrapper -->
100+
</div>
101+
</div>
102+
103+
<div class="row-fluid">
104+
<div class="container secondary">
105+
<div class="span12">
106+
<div class="span6">
107+
<h2 class="bg-img-2"><a name="getting-started"></a>Getting Started</h2>
108+
<div class="sans">
109+
<p>To install MongoEngine, simply run:</p>
110+
<p><code>pip install mongoengine</code></p>
111+
<p>Downloads are also available as .zip/.tar.gz
112+
archives for the stable and master versions.</p>
113+
<p>To get to grips with MongoEngine, there is extensive
114+
<a href="http://bit.ly/mongoengine-docs">documentation</a>,
115+
<a href="http://readthedocs.org/docs/mongoengine-odm/en/latest/apireference.html">API references</a>
116+
and a <a href="http://readthedocs.org/docs/mongoengine-odm/en/latest/tutorial.html">tutorial</a>.
117+
118+
You can find help by joining the <a href="http://groups.google.com/group/mongoengine-users">MongoEngine
119+
Users mailing list</a> or by chatting with other users on the <a href="irc://irc.freenode.net/mongoengine">#mongoengine IRC channel.</a>
120+
</p>
121+
</div>
122+
</div>
123+
<div id="github" class="span6"></div>
124+
</div>
125+
</div>
126+
</div>

0 commit comments

Comments
 (0)