Skip to content

Commit 7ad91d1

Browse files
rozzarozza
committed
Updates to the site
1 parent 8bf7eb7 commit 7ad91d1

File tree

5 files changed

+78
-96
lines changed

5 files changed

+78
-96
lines changed

‎_includes/themes/metromongo/default.html‎

Lines changed: 8 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414

1515
<!-- Le styles -->
1616
<link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
17+
<link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
1718
<link href="{{ ASSET_PATH }}/css/font-awesome.min.css" rel="stylesheet">
1819
<link href="{{ ASSET_PATH }}/css/m-styles.min.css" rel="stylesheet">
1920

@@ -24,9 +25,6 @@
2425
<link href="{{ ASSET_PATH }}/css/mongoengine.css" rel="stylesheet" type="text/css" media="all">
2526
<link href="{{ ASSET_PATH }}/css/pygments.css" rel="stylesheet" type="text/css" media="all">
2627
<script type="text/javascript" src="{{ ASSET_PATH }}/js/modernizr.custom.js"></script>
27-
<noscript>
28-
<link rel="stylesheet" type="text/css" href="{{ ASSET_PATH }}/css/no-js.css" />
29-
</noscript>
3028
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
3129

3230
<!-- Le fav and touch icons -->
@@ -39,25 +37,13 @@
3937
</head>
4038

4139
<body>
42-
<div class="row header">
43-
<nav class="navbar navbar-top">
44-
<div class="navbar-inner">
45-
<div class="container">
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 hidden-desktop">
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="#contribute">Source</a></li>
57-
<li><a href="#community">Community</a></li>
58-
</ul>
59-
</div>
60-
</div>
40+
<div class="row-fluid header">
41+
<div class="container">
42+
<h1 class="brand">
43+
<a href="http://mongoengine.org">
44+
<img src="{{ ASSET_PATH }}/images/logo.png" alt="">
45+
</a>
46+
</h1>
6147
</div>
6248
</div>
6349

‎_includes/themes/metromongo/frontpage.html‎

Lines changed: 33 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
<div class="hidden-phone">
1+
<div class="row-fluid">
22
<div class="container">
3-
<div id="slider" class="sl-slider-wrapper">
3+
<div id="slider" class="sl-slider-wrapper hidden-phone">
44
<div class="sl-slider">
55
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
66
<div class="sl-slide-inner bg-1">
7-
<div class="bg-img bg-img-1"></div>
87
<h2><span>mongo</span>engine</h2>
98
<blockquote id="documentation">
109
<p>
@@ -24,7 +23,6 @@ <h2><span>mongo</span>engine</h2>
2423

2524
<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">
2625
<div class="sl-slide-inner bg-2">
27-
<div class="bg-img bg-img-2"></div>
2826
<h3>Simple to use</h3>
2927
<blockquote>
3028
{% highlight python %}
@@ -49,7 +47,6 @@ <h3>Simple to use</h3>
4947

5048
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
5149
<div class="sl-slide-inner bg-3">
52-
<div class="bg-img bg-img-3"></div>
5350
<h3>Framework Support</h3>
5451
<blockquote>
5552
<p><a href="https://github.com/MongoEngine/flask-mongoengine"><img src="{{ ASSET_PATH }}/metromongo/images/flask-logo.png"></a></p>
@@ -61,7 +58,6 @@ <h3>Coming Soon...</h3>
6158

6259
<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1">
6360
<div class="sl-slide-inner bg-4">
64-
<div class="bg-img bg-img-4"></div>
6561
<h3>Tutorial</h3>
6662
<blockquote><p>
6763
<a href="http://docs.mongodb.org/manual/tutorial/write-a-tumblelog-application-with-flask-mongoengine/">
@@ -76,14 +72,16 @@ <h3>Tutorial</h3>
7672

7773
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
7874
<div class="sl-slide-inner bg-5">
79-
<div class="bg-img bg-img-5"></div>
8075
<h3>Help wanted</h3>
8176
<blockquote>
82-
<p>We're always looking for help on <em>any aspect</em> of mongoengine.<p>
83-
<img src="{{ ASSET_PATH }}/metromongo/images/helpwanted.jpg">
77+
<p>We're always looking for help on <em>any aspect</em> of mongoengine.</p>
78+
<a href="#contribute">
79+
<img src="{{ ASSET_PATH }}/metromongo/images/helpwanted.jpg">
80+
</a>
8481
<p>
85-
Get in touch on the <a href="http://groups.google.com/group/mongoengine-users">user group</a>.
82+
Please get in touch on the <a href="http://groups.google.com/group/mongoengine-users">user group</a>.
8683
</p></blockquote>
84+
</a>
8785
</div>
8886
</div>
8987
</div><!-- /sl-slider -->
@@ -96,14 +94,36 @@ <h3>Help wanted</h3>
9694
<a href="#help-wanted"><span></span></a>
9795
</nav>
9896
</div><!-- /slider-wrapper -->
97+
<div class="row-fluid visible-phone">
98+
<div class="span12 secondary">
99+
<h2 class="bg-1"><span>mongo</span>engine</h2>
100+
101+
<div class="sans">
102+
<p>
103+
MongoEngine is a Document-Object Mapper (think ORM, but for document databases)
104+
for working with MongoDB from Python.
105+
</p>
106+
<p>It uses a simple declarative API, similar to the Django ORM.</p>
107+
<p>
108+
Documentation available at
109+
<a href="http://bit.ly/mongoengine-docs">http://bit.ly/mongoengine-docs</a>
110+
- 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
111+
<a href="http://readthedocs.org/docs/mongoengine-odm/en/latest/apireference.html">API reference</a>.
112+
</p>
113+
</div>
114+
</div>
115+
</div>
99116
</div>
100117
</div>
101118

119+
120+
</div>
121+
102122
<div class="row-fluid">
103123
<div class="container">
104124
<div class="span12 secondary">
105125
<div class="span6">
106-
<h2 class="bg-img-2"><span class="icon icon-wrench"></span><a name="getting-started"></a>Getting Started</h2>
126+
<h2 class="bg-2"><span class="icon icon-wrench"></span><a name="getting-started"></a>Getting Started</h2>
107127
<div class="sans">
108128
<p>To install MongoEngine, simply run:</p>
109129
<p><code>pip install mongoengine</code></p>
@@ -120,7 +140,7 @@ <h2 class="bg-img-2"><span class="icon icon-wrench"></span><a name="getting-star
120140
</div>
121141
</div>
122142
<div id="github" class="span6">
123-
<h2 id="ghw-logo" class="bg-img-3"><span class="icon icon-github"></span>Github</h2>
143+
<h2 id="ghw-logo" class="bg-3"><span class="icon icon-github"></span>Code</h2>
124144
<div id="ghw-repos">
125145
<div id="ghw-github-loader"></div>
126146
<ul></ul>
@@ -133,7 +153,7 @@ <h2 id="ghw-logo" class="bg-img-3"><span class="icon icon-github"></span>Github<
133153
<div class="row-fluid">
134154
<div class="container">
135155
<div class="span12 secondary last">
136-
<h2 class="bg-img-4"><span class="icon icon-leaf"></span>mongoengine</h2>
156+
<h2 class="bg-4"><span class="icon icon-leaf"></span>mongoengine</h2>
137157
<div class="sans">
138158
<h3 id="community">Community</h3>
139159
You can find help by joining the <a href="http://groups.google.com/group/mongoengine-users">MongoEngine Users mailing list</a> or by chatting with other users on the <a href="irc://irc.freenode.net/mongoengine">#mongoengine IRC channel.</a>

‎assets/themes/metromongo/css/mongoengine.css‎

Lines changed: 34 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,15 @@
11
/* Slider */
22
.sl-slider-wrapper {
33
width: 100%;
4+
max-width: 980px;
45
height: 500px;
56
overflow: hidden;
67
position: relative;
7-
-webkit-border-radius: 1px;
8-
-moz-border-radius: 1px;
9-
border-radius: 1px;
8+
}
9+
10+
.sl-slide-inner {
11+
-moz-border-radius: 2px;
12+
border-radius: 2px;
1013
}
1114

1215
.sl-slider h2,
@@ -54,22 +57,6 @@
5457
display: inline-block;
5558
}
5659

57-
.bg-img {
58-
padding: 200px;
59-
-webkit-box-sizing: content-box;
60-
-moz-box-sizing: content-box;
61-
box-sizing: content-box;
62-
position: absolute;
63-
top: -200px;
64-
left: -200px;
65-
width: 100%;
66-
height: 100%;
67-
-webkit-background-size: cover;
68-
-moz-background-size: cover;
69-
background-size: cover;
70-
background-position: center center;
71-
}
72-
7360
.nav-dots {
7461
text-align: center;
7562
position: absolute;
@@ -128,31 +115,46 @@
128115
background: rgba(255,255,255,0.8);
129116
}
130117

131-
.bg-img-1 {
118+
/* Slide wrapper and slides */
119+
.no-js .sl-slider,
120+
.no-js .sl-slide,
121+
.no-js .sl-slides-wrapper,
122+
.no-js .sl-slide-inner {
123+
position: relative;
124+
width: 100%;
125+
height: 100%;
126+
}
127+
128+
.no-js .nav-arrows,
129+
.no-js .nav-dots {
130+
display: none;
131+
}
132+
133+
.bg-1 {
132134
background-color: #54A231;
133135
}
134136
.bg-1 a {color: #302012;}
135137
.bg-1 h2 {color: #000;}
136138
.bg-1 h2 span {color: #353535;}
137139
.bg-1 blockquote p {line-height: 1.2em;}
138140

139-
.bg-img-2 {
141+
.bg-2 {
140142
background-color: #EAA600;
141143
}
142144
.bg-2 a {color: #D94D84;}
143145
.bg-2 .highlight pre {padding: 25px 0px 25px 50px;}
144146
.bg-2 .highlight code {font-size: 14px;}
145147

146-
.bg-img-3 {
148+
.bg-3 {
147149
background-color: #464BAF;
148150
}
149151
.bg-3 a {color: #2065FF;}
150-
.bg-img-4 {
152+
.bg-4 {
151153
background-color: #255511;
152154
}
153155
.bg-4 a {color: #EAA600;}
154156
.bg-4 blockquote {margin-top: -30px;}
155-
.bg-img-5 {
157+
.bg-5 {
156158
background-color: #6F3216;
157159
}
158160

@@ -413,15 +415,6 @@ text-decoration: none;
413415
background: #fff;
414416
}
415417

416-
/* Default styles for background colors */
417-
.sl-slide-horizontal .sl-slide-inner {
418-
background: #ddd;
419-
}
420-
421-
.sl-slide-vertical .sl-slide-inner {
422-
background: #ccc;
423-
}
424-
425418
/* */
426419
@font-face {font-family: 'MuseoSans';src: url('../font/20FE46_0_0.eot');src: url('../font/20FE46_0_0.eot?#iefix') format('embedded-opentype'),url('../font/20FE46_0_0.woff') format('woff'),url('../font/20FE46_0_0.ttf') format('truetype');}
427420
body {
@@ -437,9 +430,6 @@ p {
437430
font-size: 16px; /* Should give 16px */
438431
}
439432

440-
body .navbar .brand {
441-
margin-left: 80px;
442-
}
443433
body .navbar-inner {
444434
border: none;
445435
background: none;
@@ -460,6 +450,7 @@ body .navbar .nav > li > a {
460450
}
461451

462452
.highlight pre { background: black; text-align: left; padding-left: 50px;}
453+
.brand { text-align: center; padding-bottom: 20px;}
463454
footer p { padding: 50px;}
464455

465456
.secondary {
@@ -471,7 +462,8 @@ footer p { padding: 50px;}
471462
padding: 10px 10px 8px;
472463
position: relative;
473464
color: #fff;
474-
font-size: 40px;
465+
-moz-border-radius: 2px;
466+
border-radius: 2px;
475467
}
476468
.secondary h2 .icon {
477469
padding-right: 10px;
@@ -606,3 +598,8 @@ html[xmlns] .ghw-clear { display: block;}
606598
}
607599

608600
.last { margin-bottom: 60px;};
601+
602+
.no-js .sl-slider-wrapper {
603+
overflow: visible !important;
604+
margin: 0 auto;
605+
}

‎assets/themes/metromongo/css/no-js.css‎

Lines changed: 0 additions & 21 deletions
This file was deleted.

‎assets/themes/metromongo/js/jquery.slitslider.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -132,11 +132,12 @@
132132
},
133133
// gets the current container width & height
134134
_getSize : function() {
135+
var w = this.$elWrapper.outerWidth( true ),
136+
bw = $('body').width();
135137
this.size = {
136-
width : this.$elWrapper.outerWidth( true ),
138+
width : w > bw ? bw : w > 940 ? 940 : w,
137139
height : this.$elWrapper.outerHeight( true )
138140
};
139-
140141
},
141142
_layout : function() {
142143

@@ -414,7 +415,6 @@
414415
var self = this;
415416

416417
$window.on( 'debouncedresize.slitslider', function( event ) {
417-
418418
// update size values
419419
self._getSize();
420420
// set the sizes again

0 commit comments

Comments
 (0)