Skip to content

Commit cd38c63

Browse files
JonRoweJonRowe
committed
some client content
1 parent b8d7f56 commit cd38c63

File tree

3 files changed

+103
-38
lines changed

3 files changed

+103
-38
lines changed

‎_styles/default.sass‎

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -52,23 +52,41 @@ $other: min-width 476px
5252
padding: 1em
5353

5454
#work
55+
position: relative
5556
ul
5657
list-style: none
5758
margin: 0
5859
padding: 0
5960
li
60-
@include background-size(100%,auto)
61-
background-size: 100% auto
61+
position: relative
6262
@include breakpoint($mobile)
63-
height: 400px
63+
@include background-size(100%)
64+
h2
65+
margin-bottom: 360px
6466
@include breakpoint($other)
67+
@include background-size(100%,auto)
6568
height: 560px
69+
h2
70+
float: left
71+
margin: 1em
72+
p
73+
position: absolute
74+
right: 0.25em
75+
bottom: 0
76+
width: 80%
77+
background: rgba(16,16,16,0.8)
6678
h2
6779
background: white
68-
float: left
69-
margin: 1em
80+
h2, p
7081
padding: 0.5em
7182
font-size: 1.5em
83+
p
84+
clear: left
85+
background: #222
86+
color: white
87+
a
88+
text-decoration: none
89+
7290
#folksy
7391
background: url('/images/folksy.png') no-repeat
7492
#summer_of_cycling

‎index.html‎

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,22 +25,47 @@
2525
<div class='carousel-inner'>
2626
<li id='folksy' class='item active'>
2727
<h2>Folksy</h2>
28+
<p>
29+
We performed consultancy for Folksy (a hand crafted goods market
30+
place) helping them launch a new flatrate payments plan for their
31+
premium members, rounding out some rough edges in the code base
32+
and improving the project's test coverage.
33+
</p>
2834
</li>
2935
<li id='summer_of_cycling' class='item'>
3036
<h2>Summer Of Cycling (Challenge for Change)</h2>
37+
<p>
38+
We worked with challenge for change to produce a prototype "Pledge"
39+
application with photo sharing and integration with Facebook. All to
40+
encourage more cycling!
41+
</p>
3142
</li>
3243
<li id='helpout' class='item'>
3344
<h2>Help Out (FutureGov)</h2>
45+
<p>
46+
We helped FutureGov to produce a prototype web app to encourage civic
47+
action in and around Surrey for Surrey County Council.
48+
</P>
3449
</li>
3550
<li id='foodhospital' class='item'>
3651
<h2>Food Hospital (Mudlark/Channel4)</h2>
52+
<p>
53+
We supported Mudlark to develop an app for Channel4's Food Hospital
54+
show; accessible via the show's microsite, as a Facebook app and
55+
with an iOS client.
56+
</p>
3757
</li>
3858
</div>
59+
<a class="carousel-control left" href="#work" data-slide="prev">&lsaquo;</a>
60+
<a class="carousel-control right" href="#work" data-slide="next">&rsaquo;</a>
3961
</ul>
4062
</section>
4163
<section id="contact">
42-
If you think you have an interesting project, and would like to hire us, drop us an email to <a href='mailto:[email protected]'>[email protected]</a>
43-
or to our founder, Jon Rowe, <a href='mailto:[email protected]'>[email protected]</a> who's always happy to talk.
64+
If you think you have an interesting project, and would like to hire us, or
65+
you simply want more information... Drop us an email to
66+
<a href='mailto:[email protected]'>[email protected]</a>
67+
or to our founder, Jon Rowe, <a href='mailto:[email protected]'>
68+
[email protected]</a> who's always happy to talk.
4469
</section>
4570
</section>
4671
<script type="text/javascript">

‎styles/default.css‎

Lines changed: 53 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -462,34 +462,56 @@ footer {
462462
@media screen and (max-width: 476px) {
463463
#page1 #contact, #page2 #contact {
464464
padding: 1em; } }
465-
#page1 #work ul, #page2 #work ul {
466-
list-style: none;
467-
margin: 0;
468-
padding: 0; }
469-
#page1 #work li, #page2 #work li {
470-
-webkit-background-size: 100%, auto;
471-
-moz-background-size: 100%, auto;
472-
-ms-background-size: 100%, auto;
473-
-o-background-size: 100%, auto;
474-
background-size: 100%, auto;
475-
background-size: 100% auto; }
476-
@media screen and (max-width: 476px) {
477-
#page1 #work li, #page2 #work li {
478-
height: 400px; } }
479-
@media screen and (min-width: 476px) {
480-
#page1 #work li, #page2 #work li {
481-
height: 560px; } }
482-
#page1 #work li h2, #page2 #work li h2 {
483-
background: white;
484-
float: left;
485-
margin: 1em;
486-
padding: 0.5em;
487-
font-size: 1.5em; }
488-
#page1 #work #folksy, #page2 #work #folksy {
489-
background: url("/images/folksy.png") no-repeat; }
490-
#page1 #work #summer_of_cycling, #page2 #work #summer_of_cycling {
491-
background: url("/images/summer_of_cycling.png") no-repeat; }
492-
#page1 #work #helpout, #page2 #work #helpout {
493-
background: url("/images/helpout.png") no-repeat; }
494-
#page1 #work #foodhospital, #page2 #work #foodhospital {
495-
background: url("/images/foodhospital.png") no-repeat; }
465+
#page1 #work, #page2 #work {
466+
position: relative; }
467+
#page1 #work ul, #page2 #work ul {
468+
list-style: none;
469+
margin: 0;
470+
padding: 0; }
471+
#page1 #work li, #page2 #work li {
472+
position: relative; }
473+
@media screen and (max-width: 476px) {
474+
#page1 #work li, #page2 #work li {
475+
-webkit-background-size: 100%;
476+
-moz-background-size: 100%;
477+
-ms-background-size: 100%;
478+
-o-background-size: 100%;
479+
background-size: 100%; }
480+
#page1 #work li h2, #page2 #work li h2 {
481+
margin-bottom: 360px; } }
482+
@media screen and (min-width: 476px) {
483+
#page1 #work li, #page2 #work li {
484+
-webkit-background-size: 100%, auto;
485+
-moz-background-size: 100%, auto;
486+
-ms-background-size: 100%, auto;
487+
-o-background-size: 100%, auto;
488+
background-size: 100%, auto;
489+
height: 560px; }
490+
#page1 #work li h2, #page2 #work li h2 {
491+
float: left;
492+
margin: 1em; }
493+
#page1 #work li p, #page2 #work li p {
494+
position: absolute;
495+
right: 0.25em;
496+
bottom: 0;
497+
width: 80%;
498+
background: rgba(16, 16, 16, 0.8); } }
499+
#page1 #work li h2, #page2 #work li h2 {
500+
background: white; }
501+
#page1 #work li h2, #page1 #work li p, #page2 #work li h2, #page2 #work li p {
502+
padding: 0.5em;
503+
font-size: 1.5em; }
504+
#page1 #work li p, #page2 #work li p {
505+
clear: left;
506+
background: #222222;
507+
color: white; }
508+
#page1 #work a, #page2 #work a {
509+
text-decoration: none; }
510+
#page1 #work #folksy, #page2 #work #folksy {
511+
background: url("/images/folksy.png") no-repeat; }
512+
#page1 #work #summer_of_cycling, #page2 #work #summer_of_cycling {
513+
background: url("/images/summer_of_cycling.png") no-repeat; }
514+
#page1 #work #helpout, #page2 #work #helpout {
515+
background: url("/images/helpout.png") no-repeat; }
516+
#page1 #work #foodhospital, #page2 #work #foodhospital {
517+
background: url("/images/foodhospital.png") no-repeat; }

0 commit comments

Comments
 (0)