Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
  • 2 commits
  • 7 files changed
  • 0 comments
  • 1 contributor
BIN  public/images/arrow.png
BIN  public/images/facebook.png
BIN  public/images/twitter.png
40 public/stylesheets/style.css
@@ -7,10 +7,13 @@ a {
7 7 color: #00b7ff;
8 8 }
9 9 h1 {
10   - font-size: 1.5em;
11   - font-weight: bold;
  10 + font-family: 'Permanent Marker', cursive;
  11 + font-size: 1.8em;
12 12 background-color: #000;
13   - color: #dcdbd9;
  13 + background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
  14 + color: #fff;
  15 + border-bottom: 1px solid #dcdbd9;
  16 + padding-left: 0.25em;
14 17 }
15 18 #page {
16 19 width: 100%;
@@ -25,20 +28,18 @@ h1 {
25 28 display: inline-block;
26 29 padding: 0.3em;
27 30 margin: 0.3em;
28   - border: 0.08em solid #fff;
  31 + border: 0.08em solid #00d9ff;
29 32 }
30 33 #venue {
31 34 width: 100%;
32   - height: 34%;
  35 + height: 30%;
33 36 margin: 0;
34   -}
35   -#venue img {
36   - background-clip: padding-box;
37   - max-width: 100%;
38   - min-width: 60%;
  37 + background-color: #fff;
  38 + font-weight: bold;
39 39 }
40 40 #venue a {
41 41 text-decoration: none;
  42 + display: inline-block;
42 43 }
43 44 #details {
44 45 width: 100%;
@@ -60,3 +61,22 @@ h1 {
60 61 width: 2em;
61 62 height: 2em;
62 63 }
  64 +#social {
  65 + margin-top: 0.3em;
  66 +}
  67 +#social p a {
  68 + display: inline-block;
  69 + width: 50%;
  70 + text-decoration: none;
  71 + color: #fff;
  72 + padding: 0.5em 0;
  73 + font-weight: bold;
  74 +}
  75 +#social p .facebook {
  76 + background-color: #2b4286;
  77 + background: -webkit-gradient(linear, left top, left bottom, from(rgba(43,66,134,0.70)), to(rgba(53,81,151,0.70)));
  78 +}
  79 +#social p .twitter {
  80 + background-color: #71d7e7;
  81 + background: -webkit-gradient(linear, left top, left bottom, from(rgba(93,209,227,0.70)), to(rgba(137,221,225,0.70)));
  82 +}
38 public/stylesheets/style.styl
@@ -6,10 +6,13 @@ a
6 6 color: #00B7FF
7 7
8 8 h1
9   - font-size: 1.5em
10   - font-weight: bold
  9 + font-family: 'Permanent Marker', cursive
  10 + font-size: 1.8em
11 11 background-color: black
12   - color: #DCDBD9
  12 + background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444))
  13 + color: white
  14 + border-bottom: 1px solid #DCDBD9
  15 + padding-left: 0.25em
13 16
14 17 #page
15 18 width: 100%
@@ -24,18 +27,17 @@ h1
24 27 display: inline-block
25 28 padding: 0.3em
26 29 margin: 0.3em
27   - border: 0.08em solid white
  30 + border: 0.08em solid #00D9FF
28 31
29 32 #venue
30   - img
31   - background-clip: padding-box
32   - max-width: 100%
33   - min-width: 60%
34 33 width: 100%
35   - height: 34%
  34 + height: 30%
36 35 margin: 0
  36 + background-color: white
  37 + font-weight: bold
37 38 a
38 39 text-decoration: none
  40 + display: inline-block
39 41
40 42 #details
41 43 width: 100%
@@ -51,4 +53,20 @@ h1
51 53 vertical-align: middle
52 54 img
53 55 width: 2em
54   - height: 2em
  56 + height: 2em
  57 +
  58 +#social
  59 + margin-top: 0.3em
  60 + p a
  61 + display: inline-block
  62 + width: 50%
  63 + text-decoration: none
  64 + color: white
  65 + padding: 0.5em 0
  66 + font-weight: bold
  67 + p .facebook
  68 + background-color: rgb(43, 66, 134)
  69 + background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 66, 134, 0.7)), to(rgba(53, 81, 151, 0.7)))
  70 + p .twitter
  71 + background-color: rgb(113, 215, 231)
  72 + background: -webkit-gradient(linear, left top, left bottom, from(rgba(93, 209, 227, 0.7)), to(rgba(137, 221, 225, 0.7)))
21 views/index.jade
... ... @@ -1,7 +1,8 @@
1   -p.status live now
2 1 div#venue
3 2 a(href='https://www.facebook.com/smashalternativeclubbing', target='_blank')
4   - img(src='/images/smash.jpg')
  3 + p
  4 + span Smash Alternative Clubbing
  5 + span.status live now
5 6
6 7 div#details
7 8 table
@@ -9,14 +10,24 @@ div#details
9 10 td Daniels in Concerto
10 11 td.action
11 12 a(href='https://www.facebook.com/events/340803782638222/', target='_blank')
12   - img(src='')
  13 + img(src='/images/arrow.png')
13 14 tr
14 15 td 114Km from you
15 16 td.action
16 17 a(href='http://maps.google.co.uk/maps?q=tennis+club+schio&hl=en&ll=45.729311,11.364326&spn=0.072136,0.154324&sll=51.514649,-0.187806&sspn=0.008039,0.01929&hq=tennis+club+schio&radius=15000&t=m&z=13', target='_blank')
17   - img(src='')
  18 + img(src='/images/arrow.png')
18 19 tr
19 20 td 78 people clubbing
20 21 td.action
21 22 a(href='https://foursquare.com/v/tennis-club/4ec0158bcc212562ad5375e8', target='_blank')
22   - img(src='')
  23 + img(src='/images/arrow.png')
  24 +
  25 +div#player
  26 + iframe(width="100%", height="166", scrolling="no", frameborder="no", src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F40134645&auto_play=false&show_artwork=true&color=ff7700")
  27 +
  28 +div#social
  29 + p
  30 + a(href='https://www.facebook.com/officialdaniels', target='_blank', class='facebook')
  31 + span Facebook
  32 + a(href='https://twitter.com/#!/officialdaniels', target='_blank', class='twitter')
  33 + span Twitter
1  views/layout.jade
@@ -4,6 +4,7 @@ html
4 4 title= title
5 5 link(rel='stylesheet', href='/stylesheets/reset.css')
6 6 link(rel='stylesheet', href='/stylesheets/style.css')
  7 + link(href='http://fonts.googleapis.com/css?family=Permanent+Marker', rel='stylesheet', type='text/css')
7 8 meta(name='viewport', content='initial-scale=1.0, width=device-width')
8 9 body
9 10 h1= title

No commit comments for this range

Something went wrong with that request. Please try again.