Skip to content
Permalink
Browse files

Improved styles and added democracy mode credit to David Bieber @dbieber

  • Loading branch information...
grant committed Mar 20, 2014
1 parent 8e25d20 commit ae432439e5cfe5750c5b2f163004984f8a339f5f
@@ -70,9 +70,12 @@ <h1 class="title">HN Plays 2048</h1>
However, this is HN plays 2048, which means anybody who is online can move your pieces!
</p>
<hr>
<p>
Multiplayer by <a href="http://grant.cm">Grant Timmerman.</a> Created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio.</a>
</p>
<ul class="links">
<li>Multiplayer by <a href="http://github.com/grant">Grant Timmerman</a></li>
<li>Democracy by <a href="https://github.com/dbieber">David Bieber</a></li>
<li>Game by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli</a></li>
<li>Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio</a></li>
</ul>
<p class="social">
<span>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out the multiplayer &quot;Twitch Plays&quot; 2048!" data-via="granttimmerman" data-hashtags="hnplays2048">Tweet</a>
@@ -34,6 +34,25 @@ ul, ol
list-style-type: none
padding: 0

p
margin: 0
line-height: 1.65

a
color: $text-color
font-weight: bold
text-decoration: underline
cursor: pointer

strong
&.important
text-transform: uppercase

hr
border: none
border-bottom: 1px solid lighten($text-color, 40%)
margin: 10px 0

.heading:after
content: ""
display: block
@@ -67,7 +86,7 @@ h1.title
font-weight: bold
border-radius: 3px
color: white
margin-top: 8px
margin-top: 0
&:after
position: absolute
width: 100%
@@ -91,27 +110,6 @@ h1.title
+animation(move-up 600ms ease-in)
+animation-fill-mode(both)

p
margin-top: 0
margin-bottom: 10px
line-height: 1.65

a
color: $text-color
font-weight: bold
text-decoration: underline
cursor: pointer

strong
&.important
text-transform: uppercase

hr
border: none
border-bottom: 1px solid lighten($text-color, 40%)
margin-top: 20px
margin-bottom: 30px

.container
width: $field-width + 2 * $column-width
margin: 0 auto
@@ -341,11 +339,16 @@ hr
margin-bottom: 0

.game-explanation
margin-top: 30px
margin-top: 20px

.social
text-align: center

.links
text-align: center
li
margin-bottom: 5px

+smaller(480px)
// Redefine variables for smaller screens
$field-width: 280px

0 comments on commit ae43243

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