Skip to content

Commit d1da363

Browse files
qrushqrush
committed
try out twitter bootstrap
1 parent fb1ff3e commit d1da363

File tree

9 files changed

+88
-4
lines changed

9 files changed

+88
-4
lines changed

‎_layouts/default.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,21 @@
22
<html lang=en>
33
<head>
44
<meta charset=utf-8>
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
56
<title>{{ page.title }}</title>
67
<!--[if lt IE 9]>
78
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
89
<![endif]-->
10+
<link href='http://fonts.googleapis.com/css?family=Raleway:500' rel='stylesheet' type='text/css'>
911
<link rel="stylesheet" href="/stylesheets/reset.css" />
1012
<link rel="stylesheet" href="/stylesheets/index.css" />
13+
<link rel="stylesheet" href="/stylesheets/bootstrap-responsive.min.css" />
1114
</head>
1215
<body>
16+
<div class="jumbotron container">
17+
<h1>OpenHack</h1>
18+
</div>
19+
1320
{{ content }}
1421
</body>
1522
</html>

‎assets/index.scss‎

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,32 @@
11
$width: 980px;
22

33
body {
4-
min-width: $width;
54
background: #fff;
65
color: #000;
6+
position: relative;
7+
}
8+
9+
.jumbotron {
10+
h1 {
11+
background: url("/images/logo.png") no-repeat 0 5px;
12+
margin: 30px 10px 30px 20px;
13+
font-family: 'Raleway', sans-serif;
14+
font-size: 90px;
15+
height: 110px;
16+
padding-left: 120px;
17+
18+
@media (max-width: 767px) {
19+
font-size: 60px;
20+
height: 90px;
21+
padding-top: 20px;
22+
}
23+
24+
@media (max-width: 480px) {
25+
font-size: 48px;
26+
height: 85px;
27+
padding-top: 25px;
28+
29+
margin-left: 10px;
30+
}
31+
}
732
}

‎images/logo-big.png‎

12.1 KB
Loading

‎images/logo.png‎

-7.66 KB
Loading

‎index.html‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,13 @@
33
title: OpenHack - Code together.
44
---
55

6-
LOL!
6+
<div class="index container">
7+
<div class="row">
8+
<div class="span3">
9+
<h2>Cities</h2>
10+
</div>
11+
<div class="span9">
12+
<h2>Content</h2>
13+
</div>
14+
</div>
15+
</div>

‎javascripts/bootstrap.min.js‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎stylesheets/bootstrap-responsive.min.css‎

Lines changed: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎stylesheets/bootstrap.min.css‎

Lines changed: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎stylesheets/index.css‎

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,23 @@
11
body {
2-
min-width: 980px;
32
background: #fff;
4-
color: #000; }
3+
color: #000;
4+
position: relative; }
5+
6+
.jumbotron h1 {
7+
background: url("/images/logo.png") no-repeat 0 5px;
8+
margin: 30px 10px 30px 20px;
9+
font-family: 'Raleway', sans-serif;
10+
font-size: 90px;
11+
height: 110px;
12+
padding-left: 120px; }
13+
@media (max-width: 767px) {
14+
.jumbotron h1 {
15+
font-size: 60px;
16+
height: 90px;
17+
padding-top: 20px; } }
18+
@media (max-width: 480px) {
19+
.jumbotron h1 {
20+
font-size: 48px;
21+
height: 85px;
22+
padding-top: 25px;
23+
margin-left: 10px; } }

0 commit comments

Comments
 (0)