Skip to content

Commit 119806d

Browse files
tnyleatnylea
committed
Added a new google font to the codeception homepage, added a nicer hero image, and made sure the latest change was mobile compatible
1 parent 77f7124 commit 119806d

File tree

4 files changed

+148
-33
lines changed

4 files changed

+148
-33
lines changed

‎_layouts/bootstrap.html‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</title>
1111
<meta name="viewport" content="width=device-width, initial-scale=1">
1212
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
13-
<link href="http://fonts.googleapis.com/css?family=Philosopher&amp;subset=latin" rel="stylesheet" type="text/css">
13+
<link href='http://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
1414
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
1515
<link rel="stylesheet" href="/css/codeception.css">
1616
<link rel="stylesheet" href="/css/contributors.css">
@@ -173,7 +173,7 @@ <h3>Thanks to all our contributors</h3>
173173
</div>
174174
</div>
175175
<div id="copyright">
176-
© 2011&ndash;<span data-toggle="tooltip" alt="" title="YOU BROKE MY PHP! FIX IT ASAP!">&lt;?= date('Y') ?&gt;</span>
176+
© 2011&ndash;{{ site.time | date: '%Y' }}
177177
<!-- You broke my PHP, man! -->
178178
</div>
179179

@@ -196,6 +196,15 @@ <h3>Thanks to all our contributors</h3>
196196

197197
</script>
198198

199+
<script>
200+
// Adding this layout functionality for mobile views with the homepage hero
201+
$(document).ready(function(){
202+
$('.navbar-toggle').click(function(){
203+
$('.row.home').toggleClass('no-padding-top');
204+
});
205+
});
206+
</script>
207+
199208
<div id="bugira_widget" style="position: fixed; right: 10px; bottom: 0px;"></div>
200209
<script type="text/javascript">var __bugira_config = {"api_key": "dste248173q7"};
201210
(function () {

‎_layouts/index.html‎

Lines changed: 35 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,37 @@
22
layout: bootstrap
33
---
44

5-
<div class="row">
6-
<div class="col-sm-9 col-lg-9">
7-
<div class="hero-unit">
5+
<!-- Adding the new Homepage here -->
6+
<div id="home-hero">
7+
8+
<h1><img src="/images/logo.png" alt="Codeception Logo">Codeception</h1>
9+
<p class="lead">Modern PHP testing for everyone.</p>
10+
11+
</div>
12+
13+
<div class="row home">
14+
15+
<div class="col-sm-12 col-lg-12">
16+
17+
<div class="row home-btns">
18+
<div class="col-sm-12 col-lg-6 col-md-6">
19+
<div class="well dark">
20+
<a class="btn btn-primary btn-lg btn-block" href="/install"><span class="btn-label">Install →</span></a>
21+
<p><br/>To install codeception you can download it or include it in your composer.json file.
22+
</p>
23+
</div>
24+
</div>
25+
26+
<div class="col-sm-12 col-lg-6 col-md-6">
27+
<div class="well dark">
28+
<a class="btn btn-lg btn-warning btn-block" href="/quickstart"><span class="btn-label">Quick Start →</span></a>
29+
<p><br/>Write and execute a test for an existing app
30+
<b>in less then 5 mins!</b>&nbsp;No additional tools required.&nbsp;
31+
</p>
32+
</div>
33+
</div>
34+
</div>
835

9-
<h1 class="lead"><img src="/images/logo.png" alt="Codeception Logo">Codeception</h1>
10-
<p class="lead">Modern PHP testing for everyone.</p>
11-
</div>
1236
<div class="row">
1337
<div class="col-sm-4 col-lg-4">
1438
<div class="well">
@@ -37,29 +61,18 @@ <h4>API Testing</h4>
3761
</div>
3862
</div>
3963
</div>
40-
<div class="col-sm-3 col-lg-3">
41-
<div class="well">
42-
43-
<a class="btn btn-primary btn-lg btn-block" href="/install"><span class="btn-label">Install →</span></a>
44-
</div>
45-
46-
<div class="well">
47-
<a class="btn btn-lg btn-warning btn-block" href="/quickstart"><span class="btn-label">Quick Start →</span></a>
48-
<p><br/>Write and execute a test for an existing app
49-
<b>in less then 5 mins!</b>&nbsp;No additional tools required.&nbsp;
50-
</p>
51-
</div>
64+
<div class="col-sm-12 col-lg-12">
65+
66+
5267
<p>
53-
<div class="addthis_toolbox addthis_default_style ">
68+
<div class="addthis_toolbox addthis_default_style ">
5469
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
5570
<a class="addthis_button_tweet"></a>
5671
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
5772
</div>
5873
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
5974
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-501c6975683af72f"></script>
6075
<!-- AddThis Button END -->
61-
62-
6376
</p>
6477

6578
<p>Codeception was started in November 2011, and released the <strong>first stable
@@ -75,12 +88,9 @@ <h4>API Testing</h4>
7588
<div class="row">
7689
<div class="col-sm-6 col-lg-6">
7790
<p>
78-
<script async="" class="speakerdeck-embed" data-id="501ee1457ce61400020063f7" data-ratio="1.3333333333333333" src="//speakerdeck.com/assets/embed.js"></script>
79-
80-
91+
<script async="" class="speakerdeck-embed" data-id="501ee1457ce61400020063f7" data-ratio="1.3333333333333333" src="//speakerdeck.com/assets/embed.js"></script>
8192
</p>
8293

83-
8494
<h4>Features</h4>
8595
<div class="well page">
8696
<ul>

‎css/codeception.css‎

Lines changed: 102 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,16 @@ body {
55
background: #ecf0f1; /** url("/images/bg.png") transparent !important; */
66
}
77
body .navbar.nav-custom {
8-
background: #2980b9;
8+
background: #042943;
9+
border-bottom:1px solid #1D3E55;
10+
border:0px;
11+
border-radius:0px;
12+
}
13+
14+
body .navbar-brand img{
15+
width: 50px;
16+
margin-left: 10px;
17+
margin-top: 10px;
918
}
1019

1120
body .nav-custom .navbar-nav {
@@ -19,7 +28,10 @@ body .nav-custom .navbar-nav {
1928
}
2029

2130
body .nav-custom .navbar-nav>li>a {
22-
color: #eee;
31+
color: #CCD4D9;
32+
font-size:13px;
33+
font-weight:600;
34+
2335
}
2436

2537
body .nav-custom .navbar-brand {
@@ -36,18 +48,28 @@ body .hero-unit {
3648
}
3749

3850
body h1, body h2, body h3, body h3 {
39-
font-family: "Philosopher", "Open Sans","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
51+
font-family: "Quicksand", "Open Sans", "Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
4052
color: #45414B;
4153
}
4254

4355
h1, h2, h3, h4, h5, h6 {
4456
font-weight: bold;
4557
}
4658

47-
body .hero-unit h1 {
48-
color: #008391;
59+
body #home-hero h1 {
60+
color: #fff;
4961
font-size: 48px;
5062
font-weight: bold;
63+
padding-top:35px;
64+
}
65+
66+
#home-hero img{
67+
position:relative;
68+
top:-7px;
69+
}
70+
71+
#home-hero p.lead {
72+
color:#fff;
5173
}
5274

5375
.hero-unit p.lead {
@@ -189,16 +211,90 @@ ul.navbar-nav {
189211
margin: 0 -15px;
190212
}
191213

214+
.row.home{
215+
padding-top:225px;
216+
}
217+
218+
.row.home.no-padding-top{
219+
padding-top:0px;
220+
}
221+
222+
.row.home-btns{
223+
margin-bottom:70px;
224+
}
225+
226+
.well.dark{
227+
background:#042943;
228+
background: rgba(0, 0, 0, 0.2);
229+
border:0px;
230+
}
231+
232+
.well.dark p{
233+
color:#ccc;
234+
}
235+
236+
.well.dark p b{
237+
color:#eee;
238+
}
239+
240+
#home-hero{
241+
width:100%;
242+
height:490px;
243+
left:0px;
244+
top:0px;
245+
position:absolute;
246+
background:#042943;
247+
background-image:url(../images/home-bg.jpg);
248+
background-size:cover;
249+
background-position-y:6 0px;
250+
display:block;
251+
text-align:center;
252+
padding-top:63px;
253+
}
254+
192255
@media screen and (max-width : 1260px) {
193256
.follow {
194257
display: none;
195258
}
196259
}
197260

198-
@media screen and (max-width : 760px) {
261+
262+
@media screen and (max-width : 992px) {
263+
body #home-hero h1{
264+
padding-top:75px;
265+
}
266+
267+
#home-hero{
268+
height:320px;
269+
}
270+
271+
.well.dark{
272+
background:#fff;
273+
}
274+
275+
.well.dark p{
276+
color:#888;
277+
}
278+
279+
.well.dark p b{
280+
color:#333;
281+
}
282+
283+
.row.home-btns{
284+
margin-bottom:0px;
285+
}
286+
}
287+
288+
@media screen and (max-width : 767px) {
289+
199290
.menu li {
200291
clear: both;
201292
}
293+
294+
body #home-hero h1{
295+
padding-top:0px;
296+
}
297+
202298
}
203299

204300
@media screen and (min-width: 1030px) {

‎images/home-bg.jpg‎

61.9 KB
Loading

0 commit comments

Comments
 (0)