Skip to content

Commit 8c89cae

Browse files
zarocknzzarocknz
authored
Merge pull request #15 from zarocknz/display-message-at-bottom
NEW added message at the bottom of the screen
2 parents f997011 + 1dccbfe commit 8c89cae

3 files changed

Lines changed: 27 additions & 2 deletions

File tree

‎README.md‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,6 @@ Heaps, which may include the following (not in any particular order)...
4444
* Lighten sky slightly when rockets explode
4545
* Allow explosion particles to have tails (will aid in creating different looking explosions)
4646
* Allow the user to specify where along the screen (x axis) the rocket launches from rather than always in the center, perhaps there is an option for this to be random
47-
* Stop the timeout adding fireworks when the browser tab has lost focus (when the user returns 100's of fireworks can be launched at once)
4847
* Sort backdrop building height being the same at mobile width
4948
* Ensure that backdrop is optional and there are some config parameters for it
50-
* Allow the user to click/tap to launch additional skyrockets, perhaps to the x,y location of the click
5149
* Create some documentation and examples

‎css/styles.css‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,4 +58,26 @@ div:nth-child(12n) {
5858
position: absolute;
5959
top: 0;
6060
left: 0;
61+
}
62+
63+
.message {
64+
position: absolute;
65+
z-index: 99;
66+
bottom: 0;
67+
color: #ccc;
68+
background: #333;
69+
padding: 20px;
70+
text-align: center;
71+
}
72+
73+
h3 {
74+
margin: 2px;
75+
}
76+
77+
.small {
78+
font-size: 10px;
79+
}
80+
81+
p {
82+
margin: 5px;
6183
}

‎index.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,11 @@
77
<link rel="stylesheet" href="css/styles.css">
88
</head>
99
<body onresize="resizeCanvas()" onload="resizeCanvas(); addFirework();">
10+
<div class="message">
11+
<h3>Merry new year!</h3>
12+
<p>Skyrocket.js</p>
13+
<span class="small">Click anywhere to launch another skyrocket</span>
14+
</div>
1015

1116
<figure id="main">
1217
<div class="backdrop"></div>

0 commit comments

Comments
 (0)