diff --git a/assets/img/icons/fireworks.svg b/assets/img/icons/fireworks.svg
new file mode 100644
index 0000000..75f72e0
--- /dev/null
+++ b/assets/img/icons/fireworks.svg
@@ -0,0 +1 @@
+<svg viewBox="-35 0 511 512" xmlns="http://www.w3.org/2000/svg"><path d="m101.921875 496.347656c-1.855469 0-3.710937-.695312-5.148437-2.089844-2.929688-2.84375-3-7.523437-.152344-10.453124l9.1875-9.464844c2.84375-2.929688 7.523437-3 10.453125-.15625 2.929687 2.84375 3 7.523437.15625 10.453125l-9.191407 9.464843c-1.449218 1.496094-3.375 2.246094-5.304687 2.246094zm0 0" fill="#ff4e61"/><path d="m201.648438 133.261719c-1.851563 0-3.710938-.695313-5.144532-2.089844-2.929687-2.84375-3-7.523437-.15625-10.449219l9.191406-9.46875c2.84375-2.929687 7.519532-3 10.449219-.15625 2.929688 2.84375 3 7.523438.15625 10.453125l-9.191406 9.46875c-1.449219 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#ff4e61"/><path d="m413.804688 100.390625c-1.855469 0-3.710938-.691406-5.148438-2.085937-2.929688-2.84375-3-7.523438-.15625-10.453126l9.191406-9.46875c2.84375-2.925781 7.523438-2.996093 10.453125-.152343 2.929688 2.839843 3 7.523437.15625 10.449219l-9.191406 9.46875c-1.449219 1.492187-3.375 2.242187-5.304687 2.242187zm0 0" fill="#5c73bc"/><path d="m413.804688 463.773438c-1.855469 0-3.710938-.695313-5.148438-2.085938-2.929688-2.84375-3-7.523438-.15625-10.453125l9.191406-9.46875c2.84375-2.925781 7.523438-3 10.453125-.15625 2.929688 2.84375 3 7.523437.15625 10.453125l-9.191406 9.46875c-1.449219 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#fa0"/><path d="m63.070312 112.910156c-1.851562 0-3.710937-.691406-5.144531-2.085937-2.929687-2.84375-3-7.523438-.15625-10.453125l9.191407-9.46875c2.84375-2.925782 7.523437-2.996094 10.453124-.152344 2.925782 2.84375 2.996094 7.523438.152344 10.449219l-9.191406 9.46875c-1.449219 1.492187-3.375 2.242187-5.304688 2.242187zm0 0" fill="#fa0"/><path d="m12.308594 278.824219c-1.851563 0-3.710938-.691407-5.144532-2.085938-2.929687-2.84375-3-7.523437-.15625-10.453125l9.1875-9.46875c2.84375-2.929687 7.523438-3 10.453126-.15625 2.929687 2.84375 3 7.523438.15625 10.453125l-9.191407 9.46875c-1.445312 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#2dc471"/><path d="m216.292969 278.492188-23.996094 12.996093c-6.222656 3.371094-13.496094-2.074219-12.308594-9.214843l4.582031-27.523438c.472657-2.835938-.4375-5.726562-2.4375-7.734375l-19.414062-19.496094c-5.035156-5.054687-2.257812-13.863281 4.703125-14.90625l26.824219-4.015625c2.765625-.414062 5.152344-2.199218 6.386718-4.78125l12-25.042968c3.113282-6.492188 12.101563-6.492188 15.214844 0l11.996094 25.042968c1.238281 2.582032 3.625 4.367188 6.386719 4.78125l26.828125 4.015625c6.957031 1.042969 9.734375 9.851563 4.699218 14.90625l-19.410156 19.496094c-2 2.007813-2.914062 4.898437-2.441406 7.734375l4.582031 27.523438c1.191407 7.140624-6.082031 12.585937-12.304687 9.214843l-23.996094-12.996093c-2.472656-1.339844-5.425781-1.339844-7.894531 0zm0 0" fill="#ffd02f"/><path d="m220.238281 512c-4.082031 0-7.390625-3.308594-7.390625-7.390625v-115.59375c0-4.082031 3.308594-7.394531 7.390625-7.394531s7.390625 3.3125 7.390625 7.394531v115.59375c0 4.082031-3.308594 7.390625-7.390625 7.390625zm0 0" fill="#5c73bc"/><path d="m220.296875 357.421875h-.113281c-4.082032 0-7.394532-3.3125-7.394532-7.394531 0-4.082032 3.308594-7.390625 7.394532-7.390625h.113281c4.082031 0 7.390625 3.308593 7.390625 7.390625 0 4.082031-3.308594 7.394531-7.390625 7.394531zm0 0" fill="#5c73bc"/><path d="m220.296875 331.996094c-.011719 0-.023437 0-.03125 0h-.117187c-4.082032-.015625-7.375-3.339844-7.359376-7.421875.019532-4.074219 3.324219-7.359375 7.390626-7.359375h.035156.113281c4.082031.015625 7.375 3.339844 7.359375 7.421875-.015625 4.070312-3.324219 7.359375-7.390625 7.359375zm0 0" fill="#fa0"/><path d="m87.234375 230.894531c-1.929687 0-3.855469-.75-5.304687-2.242187l-79.339844-81.738282c-2.84375-2.929687-2.777344-7.609374.152344-10.449218 2.929687-2.84375 7.609374-2.773438 10.453124.152344l79.34375 81.738281c2.84375 2.925781 2.773438 7.609375-.15625 10.449219-1.4375 1.394531-3.292968 2.089843-5.148437 2.089843zm0 0" fill="#ff4e61"/><path d="m113.953125 258.503906c-1.863281 0-3.726563-.699218-5.164063-2.105468-2.921874-2.851563-2.976562-7.53125-.125-10.453126l.082032-.082031c2.851562-2.917969 7.53125-2.976562 10.453125-.121093 2.921875 2.851562 2.976562 7.53125.121093 10.453124l-.078124.082032c-1.449219 1.480468-3.367188 2.226562-5.289063 2.226562zm0 0" fill="#fa0"/><path d="m131.402344 276.480469c-1.855469 0-3.710938-.695313-5.148438-2.089844-2.925781-2.84375-2.996094-7.523437-.152344-10.449219l.078126-.085937c2.847656-2.929688 7.527343-2.996094 10.453124-.152344 2.929688 2.84375 3 7.523437.15625 10.453125l-.082031.082031c-1.449219 1.492188-3.375 2.242188-5.304687 2.242188zm0 0" fill="#5c73bc"/><path d="m353.242188 227.988281c-1.855469 0-3.710938-.691406-5.144532-2.085937-2.929687-2.84375-3-7.523438-.15625-10.453125l79.339844-81.734375c2.84375-2.929688 7.523438-3 10.453125-.15625s3 7.523437.15625 10.453125l-79.34375 81.734375c-1.449219 1.492187-3.375 2.242187-5.304687 2.242187zm0 0" fill="#fa0"/><path d="m326.523438 255.601562c-1.914063 0-3.824219-.738281-5.269532-2.210937l-.082031-.082031c-2.863281-2.914063-2.820313-7.59375.089844-10.453125 2.914062-2.863281 7.59375-2.820313 10.453125.089843l.082031.082032c2.859375 2.914062 2.820313 7.59375-.09375 10.453125-1.4375 1.414062-3.308594 2.121093-5.179687 2.121093zm0 0" fill="#ff4e61"/><path d="m309.074219 273.578125c-1.929688 0-3.855469-.75-5.304688-2.242187l-.082031-.082032c-2.839844-2.929687-2.773438-7.609375.15625-10.453125s7.609375-2.773437 10.453125.152344l.082031.082031c2.839844 2.929688 2.773438 7.609375-.15625 10.453125-1.4375 1.394531-3.292968 2.089844-5.148437 2.089844zm0 0" fill="#fa0"/><path d="m300.652344 116.691406c-1.242188 0-2.5-.3125-3.652344-.972656-3.546875-2.023438-4.78125-6.539062-2.757812-10.082031l56.863281-99.652344c2.023437-3.542969 6.535156-4.777344 10.082031-2.753906 3.546875 2.023437 4.78125 6.539062 2.757812 10.082031l-56.863281 99.652344c-1.363281 2.386718-3.859375 3.726562-6.429687 3.726562zm0 0" fill="#62d38f"/><path d="m281.523438 150.328125c-1.292969 0-2.597657-.335937-3.789063-1.046875l-.097656-.058594c-3.5-2.09375-4.644531-6.632812-2.546875-10.136718 2.09375-3.507813 6.632812-4.644532 10.136718-2.550782l.097657.058594c3.503906 2.09375 4.644531 6.632812 2.550781 10.136719-1.386719 2.316406-3.835938 3.597656-6.351562 3.597656zm0 0" fill="#fa0"/><path d="m269.015625 172.246094c-1.300781 0-2.617187-.34375-3.808594-1.0625l-.097656-.058594c-3.496094-2.109375-4.621094-6.652344-2.515625-10.148438 2.109375-3.496093 6.652344-4.617187 10.148438-2.511718l.097656.058594c3.496094 2.109374 4.621094 6.652343 2.511718 10.148437-1.386718 2.300781-3.832031 3.574219-6.335937 3.574219zm0 0" fill="#2dc471"/><path d="m139.964844 116.691406c-2.570313 0-5.066406-1.339844-6.429688-3.730468l-56.863281-99.648438c-2.023437-3.546875-.789063-8.058594 2.753906-10.082031 3.546875-2.023438 8.0625-.792969 10.085938 2.753906l56.863281 99.648437c2.023438 3.546876.789062 8.0625-2.753906 10.085938-1.15625.660156-2.414063.972656-3.65625.972656zm0 0" fill="#5c73bc"/><path d="m159.09375 150.328125c-2.507812 0-4.957031-1.277344-6.34375-3.582031-2.101562-3.5-.96875-8.042969 2.527344-10.144532l.101562-.058593c3.5-2.101563 8.039063-.972657 10.140625 2.527343 2.105469 3.5.972657 8.039063-2.527343 10.144532l-.097657.058594c-1.191406.714843-2.503906 1.054687-3.800781 1.054687zm0 0" fill="#ff4e61"/><path d="m171.601562 172.246094c-2.5 0-4.9375-1.265625-6.328124-3.5625-2.117188-3.492188-1-8.035156 2.488281-10.152344l.097656-.058594c3.496094-2.113281 8.039063-1 10.15625 2.492188 2.113281 3.492187 1 8.035156-2.492187 10.152344l-.097657.058593c-1.199219.726563-2.519531 1.070313-3.824219 1.070313zm0 0" fill="#fa0"/><path d="m402.144531 357.28125-15.523437 11.601562c-4.023438 3.011719-9.652344-.042968-9.523438-5.164062l.503906-19.75c.050782-2.035156-.871093-3.964844-2.46875-5.164062l-15.507812-11.621094c-4.023438-3.015625-2.945312-9.472656 1.824219-10.929688l18.390625-5.609375c1.890625-.578125 3.390625-2.082031 4-4.015625l5.9375-18.785156c1.539062-4.875 7.835937-5.8125 10.652344-1.589844l10.863281 16.285156c1.121093 1.675782 2.96875 2.679688 4.941406 2.679688l19.179687.011719c4.976563.003906 7.789063 5.882812 4.757813 9.949219l-11.675781 15.671874c-1.203125 1.617188-1.558594 3.738282-.949219 5.671876l5.917969 18.796874c1.53125 4.875-3.027344 9.445313-7.714844 7.734376l-18.078125-6.597657c-1.859375-.679687-3.925781-.371093-5.527344.824219zm0 0" fill="#ffd02f"/><path d="m261.507812 512c-4.082031 0-7.390624-3.308594-7.390624-7.390625 0-57.230469 22.832031-95.921875 41.984374-118.304687 20.828126-24.332032 41.613282-35.023438 42.488282-35.46875 3.640625-1.847657 8.089844-.390626 9.933594 3.253906 1.84375 3.636718.394531 8.078125-3.242188 9.929687-.3125.160157-19.5 10.164063-38.367188 32.394531-25.226562 29.71875-38.015624 66.121094-38.015624 108.195313 0 4.082031-3.308594 7.390625-7.390626 7.390625zm0 0" fill="#ff4e61"/><path d="m102.855469 397.351562 11.765625 15.605469c3.054687 4.046875 9.285156 2.730469 10.546875-2.226562l4.863281-19.113281c.5-1.964844 1.910156-3.554688 3.769531-4.246094l18.039063-6.707032c4.679687-1.738281 5.390625-8.25 1.207031-11.015624l-16.140625-10.671876c-1.660156-1.101562-2.691406-2.972656-2.757812-5.003906l-.617188-19.75c-.15625-5.121094-5.949219-7.832031-9.796875-4.585937l-14.839844 12.515625c-1.53125 1.289062-3.578125 1.722656-5.472656 1.15625l-18.421875-5.5c-4.777344-1.425782-9.070312 3.410156-7.261719 8.183594l6.96875 18.410156c.71875 1.894531.484375 4.035156-.625 5.71875l-10.769531 16.347656c-2.792969 4.242188.34375 9.9375 5.3125 9.644531l19.144531-1.140625c1.972657-.117187 3.875.773438 5.085938 2.378906zm0 0" fill="#ffd02f"/><path d="m179.023438 512c-4.082032 0-7.390626-3.308594-7.390626-7.390625 0-30.058594-6.679687-57.558594-19.851562-81.734375-1.953125-3.585938-.628906-8.074219 2.957031-10.027344 3.585938-1.953125 8.074219-.628906 10.027344 2.953125 14.363281 26.375 21.648437 56.253907 21.648437 88.808594 0 4.082031-3.308593 7.390625-7.390624 7.390625zm0 0" fill="#fa0"/><path d="m268.925781 55.898438c0-11.285157-8.882812-20.433594-19.835937-20.433594-10.957032 0-19.835938 9.148437-19.835938 20.433594 0 11.285156 8.878906 20.4375 19.835938 20.4375 10.953125 0 19.835937-9.152344 19.835937-20.4375zm0 0" fill="#ffd02f"/><path d="m373.078125 446.8125c0-11.285156-8.878906-20.433594-19.832031-20.433594-10.957032 0-19.835938 9.148438-19.835938 20.433594s8.878906 20.433594 19.835938 20.433594c10.953125 0 19.832031-9.148438 19.832031-20.433594zm0 0" fill="#5c73bc"/><path d="m44.128906 450.855469c0-9.050781-7.121094-16.386719-15.910156-16.386719-8.785156 0-15.90625 7.335938-15.90625 16.386719 0 9.054687 7.121094 16.390625 15.90625 16.390625 8.789062 0 15.910156-7.335938 15.910156-16.390625zm0 0" fill="#62d38f"/><path d="m88.171875 288.351562c0-9.050781-7.121094-16.386718-15.910156-16.386718-8.785157 0-15.90625 7.335937-15.90625 16.386718 0 9.050782 7.121093 16.390626 15.90625 16.390626 8.789062 0 15.910156-7.339844 15.910156-16.390626zm0 0" fill="#5c73bc"/><g fill="#ff4e61"><path d="m210.839844 16.390625c0-9.054687-7.121094-16.390625-15.90625-16.390625-8.789063 0-15.910156 7.335938-15.910156 16.390625 0 9.050781 7.121093 16.386719 15.910156 16.386719 8.785156 0 15.90625-7.335938 15.90625-16.386719zm0 0"/><path d="m365.226562 152.882812c0-9.050781-7.125-16.390624-15.910156-16.390624s-15.910156 7.339843-15.910156 16.390624c0 9.050782 7.125 16.386719 15.910156 16.386719s15.910156-7.335937 15.910156-16.386719zm0 0"/><path d="m139.957031 32.746094c-1.855469 0-3.710937-.691406-5.148437-2.089844-2.929688-2.84375-3-7.519531-.15625-10.449219l9.191406-9.46875c2.84375-2.929687 7.523438-3 10.449219-.15625 2.929687 2.84375 3 7.523438.15625 10.453125l-9.1875 9.46875c-1.449219 1.492188-3.378907 2.242188-5.304688 2.242188zm0 0"/></g></svg>
\ No newline at end of file
diff --git a/assets/scss/global.scss b/assets/scss/global.scss
index e69de29..021c34a 100644
--- a/assets/scss/global.scss
+++ b/assets/scss/global.scss
@@ -0,0 +1,40 @@
+img {
+  max-width: 100%;
+}
+
+h1 {
+  font-size: 80px;
+}
+h2 {
+  font-size: 45px;
+}
+
+.icon {
+  width: 32px;
+  height: auto;
+  &.icon-16 {
+    width: 16px;
+  }
+  &.icon-32 {
+    width: 32px;
+  }
+  &.icon-64 {
+    width: 64px;
+  }
+  &.icon-128 {
+    width: 128px;
+  }
+}
+#content {
+  color: $primary-boy;
+  padding: 50px 5px;
+  animation: fadein 1s;
+  text-align: center;
+}
+
+@keyframes fadein {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
+
diff --git a/components/Fireworks.vue b/components/Fireworks.vue
index 058b118..70311dd 100644
--- a/components/Fireworks.vue
+++ b/components/Fireworks.vue
@@ -144,6 +144,8 @@
     }
   }
 
+let requestId = null;
+
 export default {
   data () {
     return {
@@ -163,7 +165,7 @@ export default {
     document.ontouchstart = evt => birthday.onClick(evt)
 
     ;(function loop(){
-      requestAnimationFrame(loop)
+      requestId = requestAnimationFrame(loop)
 
       let now = timestamp()
       let delta = now - then
@@ -174,6 +176,10 @@ export default {
   },
 
   beforeDestroy () {
+    if (requestId) {
+      window.cancelAnimationFrame(requestId);
+      requestId = undefined;
+    }
   },
 }
 </script>
diff --git a/pages/girl.vue b/pages/girl.vue
index 387aa02..9483f05 100644
--- a/pages/girl.vue
+++ b/pages/girl.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-    <dots :theme="'girl'" />
-    <fireworks v-if="birthday" />
+    <fireworks v-if="birthday || fireworks" />
+    <dots v-else :theme="'girl'" />
     <div class="container" id="content">
-      <img :src="require('@/assets/img/flamingo.png')" class="main-picture" />
+      <img :src="require('@/assets/img/flamingo.png')" width="150px" />
       <h1 class="name">{{name}}</h1>
-      <div class="congrats" v-if="birthday">Congratulations!</div>
+      <div class="congrats" v-if="birthday || fireworks">Congratulations!</div>
       <div class="age" v-if="age">
         <h2 class="years" v-if="age.years > 0">{{age.years}}&nbsp; year<span v-if="age.years > 1">s</span></h2>
         <div>
@@ -18,6 +18,7 @@
           {{age.hours}}h:{{age.minutes}}m:{{age.seconds}}s
         </small>
       </div>
+      <img class="icon trigger-fireworks" @click="fireworks = !fireworks" src="~/assets/img/icons/fireworks.svg" />
       <nuxt-link to="/" class="sibling">Boy Version</nuxt-link>
     </div>
   </div>
@@ -48,7 +49,8 @@ export default {
     return {
       name: name,
       dateOfBirth: this.$moment(dateOfBirth),
-      timer: null
+      timer: null,
+      fireworks: false
     }
   },
   computed: {
@@ -93,14 +95,6 @@ export default {
 <style lang="scss" scoped>
   #content {
     color: $primary-girl;
-    padding: 50px 5px;
-    animation: fadein 1s;
-    text-align: center;
-  }
-
-  .main-picture {
-    width: 150px;
-    max-width: 100%;
   }
 
   .sibling {
@@ -114,19 +108,21 @@ export default {
 
   .name {
     margin-top: 5px;
-    font-size: 80px;
   }
   .age {
     font-size: 30px;
   }
+  .trigger-fireworks {
+    position: fixed;
+    bottom:5px;
+    left:5px;
+    padding: 3px;
+    cursor: pointer;
+  }
   .congrats {
     font-size: 50px;
     margin: 0;
     padding: 0;
-    color: #de4e4e;
-  }
-  @keyframes fadein {
-    from { opacity: 0; }
-    to   { opacity: 1; }
+    color: red;
   }
 </style>
diff --git a/pages/index.vue b/pages/index.vue
index 9b2d3e9..f2fb523 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-    <dots />
-    <fireworks v-if="birthday" />
+    <fireworks v-if="birthday || fireworks" />
+    <dots v-else :theme="'boy'" />
     <div class="container" id="content">
-      <img :src="require('@/assets/img/elephant.png')" class="main-picture" />
+      <img :src="require('@/assets/img/elephant.png')" width="250px" />
       <h1 class="name">{{name}}</h1>
-      <div class="congrats" v-if="birthday">Congratulations!</div>
+      <div class="congrats" v-if="birthday || fireworks">Congratulations!</div>
       <div class="age" v-if="age">
         <h2 class="years" v-if="age.years > 0">{{age.years}}&nbsp; year<span v-if="age.years > 1">s</span></h2>
         <div>
@@ -18,6 +18,7 @@
           {{age.hours}}h:{{age.minutes}}m:{{age.seconds}}s
         </small>
       </div>
+      <img class="icon trigger-fireworks" @click="fireworks = !fireworks" src="~/assets/img/icons/fireworks.svg" />
       <nuxt-link to="/girl" class="sibling">Girl Version</nuxt-link>
     </div>
   </div>
@@ -48,7 +49,8 @@ export default {
     return {
       name: name,
       dateOfBirth: this.$moment(dateOfBirth),
-      timer: null
+      timer: null,
+      fireworks: false
     }
   },
   computed: {
@@ -93,14 +95,6 @@ export default {
 <style lang="scss" scoped>
   #content {
     color: $primary-boy;
-    padding: 50px 5px;
-    animation: fadein 1s;
-    text-align: center;
-  }
-
-  .main-picture {
-    width: 250px;
-    max-width: 100%;
   }
 
   .sibling {
@@ -112,20 +106,20 @@ export default {
     padding: 3px;
   }
 
-  .name {
-    font-size: 80px;
-  }
   .age {
     font-size: 30px;
   }
+  .trigger-fireworks {
+    position: fixed;
+    bottom:5px;
+    left:5px;
+    padding: 3px;
+    cursor: pointer;
+  }
   .congrats {
     font-size: 50px;
     margin: 0;
     padding: 0;
-    color: #de4e4e;
-  }
-  @keyframes fadein {
-    from { opacity: 0; }
-    to   { opacity: 1; }
+    color: red;
   }
 </style>