Skip to content

Commit 86cc252

Browse files
amyleewamyleew
committed
fork button
1 parent f6d1ec1 commit 86cc252

2 files changed

Lines changed: 47 additions & 44 deletions

File tree

‎index.html‎

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<link href='site.css' rel='stylesheet' />
88
</head>
99

10-
<body>
10+
<body class='fill-light'>
1111

1212
<header class='clearfix'>
1313
<div class='center'>
@@ -22,14 +22,21 @@
2222
-->
2323
</header>
2424

25-
<map class='clearfix'>
25+
<map class='contain clearfix'>
2626
<div class='overlay clearfix'>
2727

2828
<div class='limiter clearfix'>
2929

30-
<div class='col7 margin3 pad4y clearfix'>
30+
<div class='col6 margin3 pad4y clearfix'>
3131
<div class='pad2y title '>Modern C++ routing engine for shortest paths in road networks.</div>
32-
<div class='center'><a href='#'><input type='button' class='button' value='VIEW DEMO >>' name='' /></a></div>
32+
<div class='center'>
33+
<a href='#'><input type='button' class='button' value='VIEW DEMO' name='' /></a>
34+
<p class='pad2x'>
35+
<a class="github-button" href="https://github.com/Project-OSRM/osrm-backend/fork" data-icon="octicon-git-branch" data-style="mega" data-count-href="/Project-OSRM/osrm-backend/network" data-count-api="/repos/Project-OSRM/osrm-backend#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork Project-OSRM/osrm-backend on GitHub">Fork</a>
36+
</p>
37+
<!--<a href='#'><input type='button' class='button2' value='FORK on GITHUB' name='' /></a>-->
38+
39+
</div>
3340
</div>
3441

3542
</div>
@@ -39,9 +46,8 @@
3946

4047

4148

42-
<footer class='clearfix'>
43-
4449

50+
<div class='fill-white'>
4551
<section class='pad2y limiter'>
4652

4753
<!-- headers -->
@@ -92,9 +98,9 @@
9298
</div>
9399

94100
</section>
101+
</div>
95102

96-
97-
<div class='footer'>
103+
<footer class='clearfix'>
98104
<div class='clearfix center pad2y limiter'>
99105
© OSRM is free, open source, and available under the very permissive (simplified) 2-clause BSD license.
100106
</div>

‎site.css‎

Lines changed: 33 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -83,42 +83,32 @@ map {
8383
background-image: url('images/route_map.png');
8484
display: block;
8585
background-position: center center;
86-
min-height: 800px;
87-
86+
min-height: 420px;
8887
}
8988

9089
section {
9190
min-height: 150px;
9291
}
9392

9493
footer {
95-
position: fixed;
96-
bottom: 0;
97-
width: 100%;
98-
min-height: 200px;
99-
max-height: 250px;
100-
background-color: white;
101-
}
94+
background-color: rgba(173, 182, 196, 1);
95+
color: rgba(255, 255, 255, 0.8);
96+
font-family: 'Open Sans Condensed Light';
97+
font-size: 12px;
98+
letter-spacing: .5px;
99+
min-height: 40px;
100+
}
102101

103102
.contain {
104103
position:relative;
105104
}
106-
107105
.overlay {
108106
background: rgba(20, 82, 207, 0.6);
109107
position: absolute;
110108
width: 100%;
111109
height: 100%;
112110
}
113111

114-
.footer {
115-
background-color: rgba(173, 182, 196, 1);
116-
color: rgba(255, 255, 255, 0.8);
117-
font-family: 'Open Sans Condensed Light';
118-
font-size: 12px;
119-
letter-spacing: .5px;
120-
}
121-
122112

123113
/* Markup free clearing
124114
Details: http://www.positioniseverything.net/easyclearing.html
@@ -187,18 +177,10 @@ Details: http://www.positioniseverything.net/easyclearing.html
187177

188178
body,
189179
select,
190-
input,
191180
label {
192181
font:15px/1.6667 'Helvetica neue', Helvetica, sans-serif;
193182
}
194183

195-
textarea:focus,
196-
input[type=password]:focus,
197-
input[type=text]:focus,
198-
input[type=email]:focus,
199-
input[type=number]:focus {
200-
border-color:rgba(0,0,0,0.4);
201-
}
202184

203185
/* HTML elements */
204186
h1 { font-size:22px; font-weight:bold; }
@@ -207,7 +189,9 @@ h3 { font-size:24px; line-height:36px; }
207189
h4 { font-size:16px; font-weight:bold; }
208190

209191
a { font-size: 12px; color: rgba(87, 43, 122, 1); /*color:#4698ca;*/ }
210-
a:hover { color: white; background-color: rgba(87, 43, 122, 0.8); padding-left: 5px; padding-right: 5px; }
192+
a:hover {
193+
text-decoration: none;
194+
}
211195

212196

213197
label {
@@ -221,9 +205,7 @@ fieldset {
221205
margin-bottom:20px;
222206
}
223207

224-
textarea,
225-
input[type=email],
226-
input[type=text] {
208+
textarea {
227209
border-color:rgba(0,0,0,0.2);
228210
}
229211

@@ -276,10 +258,11 @@ bdo {
276258
.pill > *:last-child {
277259
border-radius:0 20px 20px 0;
278260
}
279-
261+
262+
280263
.button {
281264
font-family: 'Open Sans Condensed Bold';
282-
font-size: 20px;
265+
font-size: 18px;
283266
color: #FFCA1B;
284267
padding: 10px 40px;
285268
border-radius: 5px;
@@ -294,11 +277,25 @@ bdo {
294277
border-radius: 5px;
295278
color: white;
296279
}
297-
a:hover .button {
298-
text-decoration: none;
299-
/* NO CLUE ON THAT PURPLE LINE */
300-
}
301280

281+
.button2 {
282+
font-family: 'Open Sans Condensed Bold';
283+
font-size: 18px;
284+
color: white;
285+
padding: 10px 20px;
286+
border-radius: 5px;
287+
border-width: 3px;
288+
border-color: white;
289+
border-style: solid;
290+
text-align: center;
291+
background-color: transparent;
292+
margin-left: 20px;
293+
}
294+
.button2:hover {
295+
background-color: white;
296+
border-radius: 5px;
297+
color: rgba(87, 43, 122, 1);
298+
}
302299

303300

304301
/* Additional Utility Classes

0 commit comments

Comments
 (0)