Skip to content
Permalink
Browse files

Add some assets, have some fun with styling

  • Loading branch information...
lmarkus committed May 30, 2015
1 parent 443cf70 commit c95d2d5404dd646c4b0ced081665be1af4cb3d3b
Showing with 72 additions and 2 deletions.
  1. +63 −0 public/css/app.less
  2. BIN public/images/pacman.png
  3. +9 −2 public/templates/index.dust
@@ -0,0 +1,63 @@
html, body {
margin: 0;
padding: 20px;
background-color: black;
color: white;
}

.note {
border:solid 3px white;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
width: 200px;
height: 30px
}

.game {
width: 300px;
height: 100px;
padding: 20px;
border: double 4px blue;
border-radius: 20px;
margin: 20px 0;
}

.sprite {
background-color: black;
background-image: url("/images/pacman.png");
background-repeat: no-repeat;
height: 16px;
width: 16px;
margin: 0 2px;
float: right;
}

@pacman: -456px 0;
@blinky: -456px -64px;
@pinky: -456px -80px;
@inky: -456px -96px;
@clyde: -456px -112px;

.pacman {
background-position: @pacman;
margin-left: 20px;
}

.blinky {
background-position: @blinky;
}

.pinky {
background-position: @pinky;
}

.inky {
background-position: @inky;
}

.clyde {
background-position: @clyde;
}
Binary file not shown.
@@ -1,6 +1,13 @@
{>"layouts/master" /}

{<body}
<h1>{@pre type="content" key="greeting"/}</h1>
<h4>{@pre type="content" key="message"/}</h4>
<div class="header">{@pre type="content" key="greeting"/}</div>
<div class="note">{@pre type="content" key="message"/}</div>
<div class="game">
<div class="sprite pacman"></div>
<div class="sprite blinky"></div>
<div class="sprite pinky "></div>
<div class="sprite inky "></div>
<div class="sprite clyde "></div>
</div>
{/body}

0 comments on commit c95d2d5

Please sign in to comment.
You can’t perform that action at this time.