diff --git a/source/_sass/elements/screenshot.scss b/source/_sass/elements/screenshot.scss
index 4a9ef43..b19e6a4 100644
--- a/source/_sass/elements/screenshot.scss
+++ b/source/_sass/elements/screenshot.scss
@@ -14,53 +14,63 @@
  * limitations under the License.
  */
 
+
 .pebble-screenshot {
+  --pebble-width: 246px;
+  --pebble-height: 403px;
+  --pebble-screen-width: 144px;
+  --pebble-screen-height: 168px;
+  --pebble-offset-x: 0px;
+  --pebble-offset-y: -10px;
+  --pebble-padding-top: calc((var(--pebble-height) - var(--pebble-screen-height) + var(--pebble-offset-y)) / 2);
+  --pebble-padding-right: calc((var(--pebble-width) - var(--pebble-screen-width) + var(--pebble-offset-x)) / 2);
+  --pebble-padding-bottom: calc((var(--pebble-height) - var(--pebble-screen-height) - var(--pebble-offset-y)) / 2);
+  --pebble-padding-left: calc((var(--pebble-width) - var(--pebble-screen-width) - var(--pebble-offset-x)) / 2);
   background-repeat: no-repeat;
   display: inline-block;
-  height: 407px;
-  padding: 112px 49px 127px;
+  height: var(--pebble-height);
+  padding-top: var(--pebble-padding-top);
+  padding-right: var(--pebble-padding-right);
+  padding-bottom: var(--pebble-padding-bottom);
+  padding-left: var(--pebble-padding-left);
   text-align: left;
-  width: 242px;
+  width: var(--pebble-width);
   background-size: contain;
 }
 
 .pebble-screenshot--steel-black,
 .pebble-screenshot--steel-stainless {
-  height: 424px;
-  padding: 113px 50px 143px;
-  width: 244px;
+  --pebble-width: 264px;
+  --pebble-height: 394px;
+  --pebble-offset-x: 6px;
+  --pebble-offset-y: -33px;
 }
 
 .pebble-screenshot--time-black,
 .pebble-screenshot--time-white,
 .pebble-screenshot--time-red {
-  height: 350px;
-  padding-top: 91px;
-  padding-left: 50px;
-  padding-right: 50px;
-  padding-bottom: 91px;
-  width: 244px;
+  --pebble-width: 268px;
+  --pebble-height: 403px;
+  --pebble-offset-y: -1px;
 }
 
 .pebble-screenshot--time-round-black-20,
 .pebble-screenshot--time-round-silver-20 {
-  height: 390px;
-  padding-top: 110px;
-  padding-left: 55px;
-  padding-right: 54px;
-  padding-bottom: 100px;
-  width: 289px;
+  --pebble-width: 291px;
+  --pebble-height: 426px;
+  --pebble-screen-width: 180px;
+  --pebble-screen-height: 180px;
+  --pebble-offset-y: 0px;
 }
 
 .pebble-screenshot--time-round-red-14,
 .pebble-screenshot--time-round-rosegold-14,
 .pebble-screenshot--time-round-silver-14 {
-  height: 390px;
-  padding-top: 107px;
-  padding-left: 58px;
-  padding-right: 56px;
-  padding-bottom: 103px;
-  width: 294px;
+  --pebble-width: 291px;
+  --pebble-height: 426px;
+  --pebble-screen-width: 180px;
+  --pebble-screen-height: 180px;
+  --pebble-offset-y: 0px;
 }
 
 .pebble-screenshot--pebble2-black,
@@ -68,169 +78,137 @@
 .pebble-screenshot--pebble2-black-red,
 .pebble-screenshot--pebble2-white,
 .pebble-screenshot--pebble2-white-teal {
-  height: 390px;
-  padding-top: 103px;
-  padding-left: 48px;
-  padding-right: 86px;
-  padding-bottom: 100px;
-  width: 294px;
-}
-
-.pebble-screenshot--steel-black {
-  background-image: url('/assets/images/pebbles/steel_black.png');
+  --pebble-width: 221px;
+  --pebble-height: 402px;
+  --pebble-offset-y: 2px;
 }
 
-.pebble-screenshot--steel-stainless {
-  background-image: url('/assets/images/pebbles/steel_stainless.png');
-}
-
-.pebble-screenshot--time-black {
-  background-image: url('/assets/images/pebbles/snowy-black.png');
-}
-
-.pebble-screenshot--time-red {
-  background-image: url('/assets/images/pebbles/snowy-red.png');
+.pebble-screenshot--core-time2-red,
+.pebble-screenshot--core-time2-blue {
+  --pebble-width: 293px;
+  --pebble-height: 432px;
+  --pebble-screen-height: 228px;
+  --pebble-screen-width: 200px;
+  --pebble-offset-y: 0px;
 }
 
-.pebble-screenshot--time-white {
-  background-image: url('/assets/images/pebbles/snowy-white.png');
+.pebble-screenshot--core-time-round2-rosegold-14,
+.pebble-screenshot--core-time-round2-black-20 {
+  --pebble-width: 330px;
+  --pebble-height: 460px;
+  --pebble-screen-height: 260px;
+  --pebble-screen-width: 260px;
+  --pebble-offset-x: -1px;
+  --pebble-offset-y: 0px;
 }
 
 .pebble-screenshot--red {
-  background-image: url('/assets/images/pebbles/red.png');
+  background-image: url('/assets/images/pebbles/pebble-red.svg');
 }
 
 .pebble-screenshot--black {
-  background-image: url('/assets/images/pebbles/black.png');
+  background-image: url('/assets/images/pebbles/pebble-black.svg');
 }
 
 .pebble-screenshot--orange {
-  background-image: url('/assets/images/pebbles/orange.png');
+  background-image: url('/assets/images/pebbles/pebble-orange.svg');
 }
 
 .pebble-screenshot--white {
-  background-image: url('/assets/images/pebbles/white.png');
+  background-image: url('/assets/images/pebbles/pebble-white.svg');
 }
 
 .pebble-screenshot--grey {
-  background-image: url('/assets/images/pebbles/grey.png');
+  background-image: url('/assets/images/pebbles/pebble-grey.svg');
 }
 
 .pebble-screenshot--white-black {
-  background-image: url('/assets/images/pebbles/white_black.png');
+  background-image: url('/assets/images/pebbles/pebble-white.svg');
+}
+
+.pebble-screenshot--steel-black {
+  background-image: url('/assets/images/pebbles/pebble-steel-black.svg');
+}
+
+.pebble-screenshot--steel-stainless {
+  background-image: url('/assets/images/pebbles/pebble-steel-stainless.svg');
+}
+
+.pebble-screenshot--time-black {
+  background-image: url('/assets/images/pebbles/pebble-time-black.svg');
+}
+
+.pebble-screenshot--time-red {
+  background-image: url('/assets/images/pebbles/pebble-time-red.svg');
+}
+
+.pebble-screenshot--time-white {
+  background-image: url('/assets/images/pebbles/pebble-time-white.svg');
 }
 
 .pebble-screenshot--time-round-black-20,
 .pebble-screenshot--time-round-silver-20 {
-  background-image: url('/assets/images/pebbles/time-round-black-20.png');
+  background-image: url('/assets/images/pebbles/pebble-time-round-black-20.svg');
 }
 
 .pebble-screenshot--time-round-red-14,
 .pebble-screenshot--time-round-rosegold-14,
 .pebble-screenshot--time-round-silver-14 {
-  background-image: url('/assets/images/pebbles/time-round-red-14.png');
+  background-image: url('/assets/images/pebbles/pebble-time-round-red-14.svg');
 }
 
 .pebble-screenshot--pebble2-black {
-  background-image: url('/assets/images/pebbles/device_pebble2_black.png');
+  background-image: url('/assets/images/pebbles/pebble2-black.svg');
 }
 
 .pebble-screenshot--pebble2-black-lime {
-  background-image: url('/assets/images/pebbles/device_pebble2_blacklime.png');
+  background-image: url('/assets/images/pebbles/pebble2-lime.svg');
 }
 
 .pebble-screenshot--pebble2-black-red {
-  background-image: url('/assets/images/pebbles/device_pebble2_blackred.png');
+  background-image: url('/assets/images/pebbles/pebble2-flame.svg');
 }
 
 .pebble-screenshot--pebble2-white {
-  background-image: url('/assets/images/pebbles/device_pebble2_white.png');
+  background-image: url('/assets/images/pebbles/pebble2-white.svg');
 }
 
 .pebble-screenshot--pebble2-white-teal {
-  background-image: url('/assets/images/pebbles/device_pebble2_whiteteal.png');
+  background-image: url('/assets/images/pebbles/pebble2-aqua.svg');
 }
 
-.pebble-screenshot--strapless {
-  background-position: 0 -34px;
-  height: 339px;
-  padding-bottom: 93px;
-  padding-top: 78px;
-
-  &.pebble-screenshot--steel-black,
-  &.pebble-screenshot--steel-stainless {
-    background-position: 0 -50px;
-    height: 324px;
-    padding-top: 63px;
-  }
+.pebble-screenshot--core-time2-blue {
+  background-image: url('/assets/images/pebbles/core-time2-blue.svg');
 }
 
-.pebble-screenshot--smaller {
+.pebble-screenshot--core-time2-red {
+  background-image: url('/assets/images/pebbles/core-time2-red.svg');
+}
 
-  &.pebble-screenshot--steel-black,
-  &.pebble-screenshot--steel-stainless {
-    height: 212px;
-    padding: 56px 25px 72px;
-    width: 122px;
-  }
+.pebble-screenshot--core-time-round2-rosegold-14 {
+  background-image: url('/assets/images/pebbles/core-time-round2-rosegold-14.svg');
+}
 
-  &.pebble-screenshot--time-black,
-  &.pebble-screenshot--time-white,
-  &.pebble-screenshot--time-red {
-    height: 175px;
-    padding-top: 45px;
-    padding-left: 25px;
-    padding-right: 25px;
-    padding-bottom: 45px;
-    width: 122px;
-  }
+.pebble-screenshot--core-time-round2-black-20 {
+  background-image: url('/assets/images/pebbles/core-time-round2-black-20.svg');
+}
 
-  &.pebble-screenshot--time-round-black-20,
-  &.pebble-screenshot--time-round-red-14,
-  &.pebble-screenshot--time-round-rosegold-14,
-  &.pebble-screenshot--time-round-silver-14,
-  &.pebble-screenshot--time-round-silver-20 {
-    height: 175px;
-    padding-top: 41px;
-    padding-left: 17px;
-    padding-right: 19px;
-    padding-bottom: 42px;
-    width: 128px;
-  }
+.pebble-screenshot--smaller {
+  height: calc(var(--pebble-height) * 0.5);
+  padding-top: calc(var(--pebble-padding-top) * 0.5);
+  padding-right: calc(var(--pebble-padding-right) * 0.5);
+  padding-bottom: calc(var(--pebble-padding-bottom) * 0.5);
+  padding-left: calc(var(--pebble-padding-left) * 0.5);
+  width: calc(var(--pebble-width) * 0.5);
 }
 
 .pebble-screenshot--small {
-
-  &.pebble-screenshot--steel-black,
-  &.pebble-screenshot--steel-stainless {
-    height: 318px;
-    padding: 82px 38px 107px 37px;
-    width: 183px;
-  }
-
-  &.pebble-screenshot--time-black,
-  &.pebble-screenshot--time-white,
-  &.pebble-screenshot--time-red {
-    height: 263px;
-    padding-top: 68px;
-    padding-left: 37px;
-    padding-right: 38px;
-    padding-bottom: 68px;
-    width: 183px;
-  }
-
-  &.pebble-screenshot--time-round-black-20,
-  &.pebble-screenshot--time-round-red-14,
-  &.pebble-screenshot--time-round-rosegold-14,
-  &.pebble-screenshot--time-round-silver-14,
-  &.pebble-screenshot--time-round-silver-20 {
-    height: 263px;
-    padding-top: 62px;
-    padding-left: 26px;
-    padding-right: 25px;
-    padding-bottom: 64px;
-    width: 188px;
-  }
+  height: calc(var(--pebble-height) * 0.75);
+  padding-top: calc(var(--pebble-padding-top) * 0.75);
+  padding-right: calc(var(--pebble-padding-right) * 0.75);
+  padding-bottom: calc(var(--pebble-padding-bottom) * 0.75);
+  padding-left: calc(var(--pebble-padding-left) * 0.75);
+  width: calc(var(--pebble-width) * 0.75);
 }
 
 .screenshot-viewer {
diff --git a/source/assets/images/pebbles/black.png b/source/assets/images/pebbles/black.png
deleted file mode 100644
index e3e73d8..0000000
Binary files a/source/assets/images/pebbles/black.png and /dev/null differ
diff --git a/source/assets/images/pebbles/core-time-round2-black-20.svg b/source/assets/images/pebbles/core-time-round2-black-20.svg
new file mode 100644
index 0000000..ddf7c7a
--- /dev/null
+++ b/source/assets/images/pebbles/core-time-round2-black-20.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="330" height="460" version="1.1" viewBox="0 0 330 460" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient373" x1="2014" x2="2014" y1="-768" y2="-484" gradientTransform="matrix(1.0791 0 0 1.0791 -1408.3 3449.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#3e3e3e" offset="0"/><stop stop-color="#202020" offset=".044164"/><stop stop-color="#1f1f1f" offset=".75"/><stop stop-color="#202020" offset=".79807"/><stop stop-color="#494949" offset=".88782"/><stop stop-color="#1f1f1f" offset=".95973"/><stop stop-color="#202020" offset="1"/></linearGradient><linearGradient id="linearGradient374" x1="2014" x2="2014" y1="-768" y2="-484" gradientTransform="matrix(1.0791 0 0 1.0791 -1408.3 3449.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#575757" offset="0"/><stop stop-color="#151515" offset="1"/></linearGradient><linearGradient id="linearGradient375" x1="-320" x2="-320" y2="128" gradientTransform="matrix(3.6524 0 0 3.6524 1864.3 2539.9)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient417" x1="226" x2="226" y1="2918.5" y2="2629.5" gradientTransform="translate(466)" gradientUnits="userSpaceOnUse"><stop stop-color="#676664" offset="0"/><stop stop-color="#1f1d21" offset="1"/></linearGradient><radialGradient id="radialGradient417" cx="-310" cy="50" r="41" gradientTransform="matrix(3.6524 0 0 3.6524 1863.4 2539.9)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#5a5a5a" offset=".56608"/><stop stop-color="#2a2a2a" offset="1"/></radialGradient><linearGradient id="linearGradient418" x1="224.97" x2="224.97" y1="2627.5" y2="2919.7" gradientTransform="translate(466)" gradientUnits="userSpaceOnUse"><stop stop-color="#676664" offset="0"/><stop stop-color="#1e1e1e" offset="1"/></linearGradient></defs><g transform="translate(-526,-2544)"><path d="m597 2609 93-12 93.05 12 10.95 165-10.95 165-93.05 12-93.05-12-10.949-166.82z" fill="url(#linearGradient373)" stroke-width="1.0791"/><path d="m597 2609-11 163.18 10.949 166.82 93.051 12 93.049-12 10.95-165-10.95-165-93.049-12zm2.787 3 90.213-12 90.037 12 10.718 162-10.718 162-90.037 12-90.043-12-10.72-163.82 10.546-159.95z" fill="url(#linearGradient374)" stroke-width="1.0791"/><rect x="615" y="2544" width="150" height="460" ry="10" fill="url(#linearGradient375)" stroke-width="1.0791"/><path d="m752 2633 13-25v26z" opacity=".3" stroke-width="1.0791"/><path d="m628 2633-13-25v26z" opacity=".3" stroke-width="1.0791"/><path d="m628 2914-13 25v-26z" opacity=".3" stroke-width="1.0791"/><path d="m752 2914 13 25v-26z" opacity=".3" stroke-width="1.0791"/><rect x="528" y="2756" width="29" height="37" ry="7.3049" fill="#202020" stroke-width="1.0791"/><path d="m828 2815c-4.062-2.17-8.377-.57-10.082 3.14l-9.23 20.09c-1.705 3.72-.134 8.1 3.521 9.83l13.197 6.24c3.656 1.73 7.97.14 9.676-3.57l9.23-20.1c1.704-3.71.134-8.09-3.521-9.82z" fill="#202020" stroke-width="1.0791"/><rect x="825" y="2756" width="29" height="37" ry="7.3049" fill="#202020" stroke-width="1.0791"/><path d="m812 2699c-3.449 2.65-5.02 7.02-3.315 10.71l9.231 20.03c1.705 3.7 6.02 5.29 9.676 3.57l13.198-6.23c3.656-1.73 5.226-6.09 3.522-9.79l-9.231-20.03c-1.706-3.7-6.021-5.29-9.676-3.56z" fill="#202020" stroke-width="1.0791"/><circle cx="690.97" cy="2773.6" r="156" fill="url(#linearGradient418)" stroke-width="1.0791"/><circle cx="690.97" cy="2773.6" r="153" fill="url(#radialGradient417)" stroke-width="1.0791"/><circle cx="692" cy="2774" r="144" fill="#434343" stroke="url(#linearGradient417)" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2"/><circle cx="692" cy="2774" r="132" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></g></svg>
diff --git a/source/assets/images/pebbles/core-time-round2-rosegold-14.svg b/source/assets/images/pebbles/core-time-round2-rosegold-14.svg
new file mode 100644
index 0000000..8c74972
--- /dev/null
+++ b/source/assets/images/pebbles/core-time-round2-rosegold-14.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="330" height="460" version="1.1" viewBox="0 0 330 460" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient378" x1="694.67" x2="694.67" y1="-787.11" y2="-466.48" gradientTransform="matrix(1.0791 0 0 1.0791 -472.65 3449.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#eead5a" offset="0"/><stop stop-color="#e79945" offset=".026988"/><stop stop-color="#ba7435" offset=".75"/><stop stop-color="#bc7636" offset=".875"/><stop stop-color="#dc9751" offset=".88782"/><stop stop-color="#c37d3b" offset=".97358"/><stop stop-color="#be7737" offset="1"/></linearGradient><linearGradient id="linearGradient379" x1="694" x2="696" y1="-775" y2="-477" gradientTransform="matrix(1.0791 0 0 1.0791 -472.65 3449.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#ecac59" offset="0"/><stop stop-color="#b57e40" offset="1"/></linearGradient><linearGradient id="linearGradient380" x1="-320" x2="-320" y2="128" gradientTransform="matrix(3.6524 0 0 3.6524 1419.3 2539.9)" gradientUnits="userSpaceOnUse"><stop stop-color="#004273" offset="0"/><stop stop-color="#0074c4" offset=".071429"/><stop stop-color="#003d6b" offset=".19048"/><stop stop-color="#003863" offset=".78571"/><stop stop-color="#007bcf" offset=".86508"/><stop stop-color="#003660" offset="1"/></linearGradient><radialGradient id="radialGradient380" cx="-310" cy="50" r="41" gradientTransform="matrix(3.6524 0 0 3.6524 1397.4 2539.9)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#f7c492" offset=".56608"/><stop stop-color="#e08e43" offset="1"/></radialGradient><linearGradient id="linearGradient396" x1="224.97" x2="224.97" y1="2627.5" y2="2919.7" gradientUnits="userSpaceOnUse"><stop stop-color="#f9cfab" offset="0"/><stop stop-color="#c97e41" offset="1"/></linearGradient><linearGradient id="linearGradient398" x1="226" x2="226" y1="2918.5" y2="2629.5" gradientUnits="userSpaceOnUse"><stop stop-color="#f9ba7b" offset="0"/><stop stop-color="#da8d3f" offset="1"/></linearGradient></defs><g transform="translate(-60,-2544)"><rect x="62" y="2756" width="29" height="37" ry="7.3049" fill="#f2a553" stroke-width="1.0791"/><path d="m154 2601 70-12 68 12 11 173-11 171-68 12-70-12-11-172.82z" fill="url(#linearGradient378)" stroke-width="1.0791"/><path d="m154 2601-11 171.18 11 172.82 70 12 68-12 11-171-11-173-68-12zm2.814 3 67.186-12 65.004 12 10.757 170-10.757 168-65.004 12-66.996-12-10.749-169.82 10.749-168.18z" fill="url(#linearGradient379)" stroke-width="1.0791"/><rect x="171" y="2544" width="106" height="460" ry="10" fill="url(#linearGradient380)" stroke-width="1.0791"/><path d="m362 2815c-4.062-2.17-8.377-.57-10.082 3.14l-9.23 20.09c-1.705 3.72-.134 8.1 3.521 9.83l13.197 6.24c3.656 1.73 7.97.14 9.676-3.57l9.23-20.1c1.704-3.71.134-8.09-3.521-9.82z" fill="#f2a553" stroke-width="1.0791"/><rect x="359" y="2756" width="29" height="37" ry="7.3049" fill="#f2a553" stroke-width="1.0791"/><path d="m346 2699c-3.449 2.65-5.02 7.02-3.315 10.71l9.231 20.03c1.705 3.7 6.02 5.29 9.676 3.57l13.198-6.23c3.656-1.73 5.226-6.09 3.522-9.79l-9.231-20.03c-1.706-3.7-6.021-5.29-9.676-3.56z" fill="#f2a553" stroke-width="1.0791"/><path d="m184 2625-13-25v26z" opacity=".3" stroke-width="1.0791"/><path d="m264 2625 13-25v26z" opacity=".3" stroke-width="1.0791"/><path d="m264 2921 13 25v-26z" opacity=".3" stroke-width="1.0791"/><path d="m184 2921-13 25v-26z" opacity=".3" stroke-width="1.0791"/><circle cx="224.97" cy="2773.6" r="156" fill="url(#linearGradient396)" stroke-width="1.0791"/><circle cx="224.97" cy="2773.6" r="153" fill="url(#radialGradient380)" stroke-width="1.0791"/><circle cx="226" cy="2774" r="144" fill="#f4b473" stroke="url(#linearGradient398)" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2"/><circle cx="226" cy="2774" r="132" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></g></svg>
diff --git a/source/assets/images/pebbles/core-time2-blue.svg b/source/assets/images/pebbles/core-time2-blue.svg
new file mode 100644
index 0000000..7ec10ff
--- /dev/null
+++ b/source/assets/images/pebbles/core-time2-blue.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="293.29" height="432" version="1.1" viewBox="0 0 293.29 432" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient348" x1="560" x2="560" y1="385" y2="25" gradientTransform="translate(-240,2093)" gradientUnits="userSpaceOnUse"><stop stop-color="#b1b1b1" offset="0"/><stop stop-color="#cfcfcf" offset="1"/></linearGradient><linearGradient id="linearGradient349" x1="500" x2="500" y1="350" y2="60" gradientTransform="translate(-240.65,2093)" gradientUnits="userSpaceOnUse"><stop stop-color="#cecece" offset="0"/><stop stop-color="#e3e3e3" offset="1"/></linearGradient><radialGradient id="radialGradient349" cx="470" cy="63.811" r="128.5" gradientTransform="matrix(1,0,0,1.1323,-240,2065.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#fcfcfc" offset="0"/><stop stop-color="#fff" stop-opacity="0" offset="1"/></radialGradient><linearGradient id="linearGradient350" x1="-450.65" x2="-450.65" y1="-55" y2="10" gradientTransform="translate(240.65,-2093)" gradientUnits="userSpaceOnUse"><stop stop-color="#0a5686" offset="0"/><stop stop-color="#1f89c7" offset=".42308"/><stop stop-color="#3caefb" offset=".77138"/><stop stop-color="#08a0f0" offset="1"/></linearGradient><linearGradient id="linearGradient351" x1="-480.65" x2="-480.65" y1="-365" y2="-410" gradientTransform="translate(240.65,-2103)" gradientUnits="userSpaceOnUse"><stop stop-color="#125c8f" offset="0"/><stop stop-color="#1d86c1" offset=".22222"/><stop stop-color="#1883bf" offset=".22222"/><stop stop-color="#34a6e5" offset=".72736"/><stop stop-color="#13a8de" offset=".83593"/><stop stop-color="#1199ca" offset="1"/></linearGradient><radialGradient id="radialGradient333" cx="896.83" cy="221.33" r="140" gradientTransform="matrix(1.9024 -.041019 .05197 2.4103 -1485.8 1798.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#adb2b4" offset=".66253"/><stop stop-color="#a1a6aa" offset="1"/></radialGradient></defs><g transform="translate(-77.351 -2083)"><rect transform="scale(-1)" x="-311" y="-2515" width="174" height="57" ry="10" fill="url(#linearGradient351)"/><path d="m311 2482-6-16.109h6z" fill-opacity=".2"/><path d="m137 2482 6-16.109h-6z" fill-opacity=".2"/><rect transform="scale(-1)" x="-311" y="-2139" width="174" height="56" ry="10" fill="url(#linearGradient350)"/><path d="m311 2115.9-6 16.109h6z" fill-opacity=".2"/><path x="1400" y="305" width="10" height="65" d="m86.99 2257.4-4.9879-.3488a5 5 0 01-4.639-5.3366l3.8366-54.866a5 5 0 015.3366-4.639l4.9878.3488z" fill="#b8bdbf"/><path x="1400" y="305" width="10" height="65" d="m361 2340.6 4.9878.3488a5 5 0 014.6391 5.3366l-3.8366 54.866a5 5 0 01-5.3367 4.639l-4.9878-.3488z" fill="#b8bdbf"/><path x="1400" y="305" width="10" height="65" d="m360 2267h5a5 5 0 015 5v55a5 5 0 01-5 5h-5z" fill="#b8bdbf"/><path x="1400" y="305" width="10" height="65" d="m361 2257.4 4.9878-.3488a5 5 0 004.639-5.3366l-3.8365-54.866a5 5 0 00-5.3366-4.639l-4.9878.3488z" fill="#b8bdbf"/><circle cx="103.33" cy="2296" r=".88352" fill="#fff" stroke="#000"/><path d="m137 2115.9 6 16.109h-6z" fill-opacity=".2"/><path d="m137 2115.9c-9.3826 1.7815-18.822 3.8149-28 6.1094l-8 24c-5.7273 17.182-17 15-17 153s11.273 135.82 17 153l8 24c9.1781 2.2945 18.617 4.3279 28 6.1094v-13.109c0-1.662 1.338-3 3-3h168c1.662 0 3 1.338 3 3v13.109c9.3826-1.7815 18.822-3.8148 28-6.1094l8-24c5.7273-17.182 17-15 17-153s-11.273-135.82-17-153l-8-24c-9.1781-2.2945-18.617-4.3279-28-6.1094v13.109c0 1.662-1.338 3-3 3h-168c-1.662 0-3-1.338-3-3z" fill="url(#radialGradient333)"/><path d="m224 2154c-81 0-100 6-111 17-10 10-17 25-17 128s7 118 17 128c11 11 30 17 111 17s100-6 111-17c10-10 17-25 17-128s-7-118-17-128c-11-11-30-17-111-17z" fill="url(#linearGradient349)" stroke="url(#radialGradient349)" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2"/><path d="m224 2159c-61 0-95 2-108 15-17.507 17.507-15 85-15 125s-2.5071 107.49 15 125c13 13 47 15 108 15s95-2 108-15c17.507-17.507 15-85 15-125s2.5071-107.49-15-125c-13-13-47-15-108-15z" stroke="#7a7a7a" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2"/><path d="m137 2115.9c-9.3826 1.7815-18.822 3.8149-28 6.1094l-8 24c-5.7273 17.182-17 15-17 153s11.273 135.82 17 153l8 24c9.1781 2.2945 18.617 4.3279 28 6.1094v-13.109c0-1.662 1.338-3 3-3h168c1.662 0 3 1.338 3 3v13.109c9.3826-1.7815 18.822-3.8148 28-6.1094l8-24c5.7273-17.182 17-15 17-153s-11.273-135.82-17-153l-8-24c-9.1781-2.2945-18.617-4.3279-28-6.1094v13.109c0 1.662-1.338 3-3 3h-168c-1.662 0-3-1.338-3-3zm-2 2.4824v10.627c0 2.7354 2.2646 5 5 5h168c2.7354 0 5-2.2646 5-5v-10.627c8.2074 1.5947 16.433 3.3499 24.463 5.3359l7.6406 22.924c2.9962 8.9885 7.0887 12.316 10.578 30.93 3.4894 18.614 6.3184 52.492 6.3184 121.44s-2.8289 102.82-6.3184 121.44-7.582 21.941-10.578 30.93l-7.6406 22.924c-8.03 1.9861-16.256 3.7413-24.463 5.3359v-10.627c0-2.7354-2.2646-5-5-5h-168c-2.7354 0-5 2.2646-5 5v10.627c-8.2074-1.5947-16.433-3.3498-24.463-5.3359l-7.6406-22.924c-2.9962-8.9885-7.0887-12.316-10.578-30.93s-6.3184-52.492-6.3184-121.44 2.8289-102.82 6.3184-121.44c3.4894-18.614 7.582-21.941 10.578-30.93l7.6406-22.924c8.03-1.9861 16.256-3.7413 24.463-5.3359z" fill="url(#linearGradient348)"/></g></svg>
diff --git a/source/assets/images/pebbles/core-time2-red.svg b/source/assets/images/pebbles/core-time2-red.svg
new file mode 100644
index 0000000..67d27bf
--- /dev/null
+++ b/source/assets/images/pebbles/core-time2-red.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="293.28" height="432" version="1.1" viewBox="0 0 293.28 432" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient453" x1="560" x2="560" y1="385" y2="25" gradientTransform="translate(216,2093)" gradientUnits="userSpaceOnUse"><stop stop-color="#212121" offset="0"/><stop stop-color="#595959" offset="1"/></linearGradient><linearGradient id="linearGradient454" x1="500" x2="500" y1="350" y2="60" gradientTransform="translate(215.35,2093)" gradientUnits="userSpaceOnUse"><stop stop-color="#424242" offset="0"/><stop stop-color="#010101" offset="1"/></linearGradient><radialGradient id="radialGradient454" cx="470" cy="63.811" r="128.5" gradientTransform="matrix(1,0,0,1.1323,216,2065.7)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-opacity="0" offset="1"/></radialGradient><linearGradient id="linearGradient455" x1="-450.65" x2="-450.65" y1="-55" y2="10" gradientTransform="translate(-215.35,-2093)" gradientUnits="userSpaceOnUse"><stop stop-color="#942108" offset="0"/><stop stop-color="#e13e1b" offset=".42308"/><stop stop-color="#fb795b" offset=".77138"/><stop stop-color="#fe5631" offset="1"/></linearGradient><linearGradient id="linearGradient456" x1="-480.65" x2="-480.65" y1="-365" y2="-410" gradientTransform="translate(-215.35,-2103)" gradientUnits="userSpaceOnUse"><stop stop-color="#9d2910" offset="0"/><stop stop-color="#db3c19" offset=".22222"/><stop stop-color="#d83714" offset=".22222"/><stop stop-color="#f56b4c" offset=".72736"/><stop stop-color="#fd5e3b" offset=".83593"/><stop stop-color="#fa380e" offset="1"/></linearGradient><radialGradient id="radialGradient334" cx="1235.8" cy="225.45" r="140" gradientTransform="matrix(1.7314 -.0049507 .0070663 2.4713 -1439 1700.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#616161" offset="0"/><stop stop-color="#252525" offset=".87471"/><stop stop-color="#1a1a1a" offset="1"/></radialGradient></defs><g transform="translate(-533.36 -2083)"><rect transform="scale(-1)" x="-767" y="-2515" width="174" height="57" ry="10" fill="url(#linearGradient456)"/><path d="m767 2482-6-16.109h6z" fill-opacity=".2"/><path d="m593 2482 6-16.109h-6z" fill-opacity=".2"/><rect transform="scale(-1)" x="-767" y="-2139" width="174" height="56" ry="10" fill="url(#linearGradient455)"/><path d="m767 2115.9-6 16.109h6z" fill-opacity=".2"/><path x="1400" y="305" width="10" height="65" d="m543 2257.4-4.9879-.3488a5 5 0 01-4.639-5.3366l3.8366-54.866a5 5 0 015.3366-4.639l4.9878.3488z" fill="#211f23"/><path x="1400" y="305" width="10" height="65" d="m817 2340.6 4.9878.3488a5 5 0 014.6391 5.3366l-3.8366 54.866a5 5 0 01-5.3367 4.639l-4.9878-.3488z" fill="#211f23"/><path x="1400" y="305" width="10" height="65" d="m816 2267h5a5 5 0 015 5v55a5 5 0 01-5 5h-5z" fill="#211f23"/><path x="1400" y="305" width="10" height="65" d="m817 2257.4 4.9878-.3488a5 5 0 004.639-5.3366l-3.8365-54.866a5 5 0 00-5.3366-4.639l-4.9878.3488z" fill="#211f23"/><circle cx="559.3" cy="2296" r=".88352" fill="#fff" stroke="#000"/><path d="m593 2115.9 6 16.109h-6z" fill-opacity=".2"/><path d="m593 2115.9c-9.3826 1.7815-18.822 3.8149-28 6.1094l-8 24c-5.7273 17.182-17 15-17 153s11.273 135.82 17 153l8 24c9.1781 2.2945 18.617 4.3279 28 6.1094v-13.109c0-1.662 1.338-3 3-3h168c1.662 0 3 1.338 3 3v13.109c9.3826-1.7815 18.822-3.8148 28-6.1094l8-24c5.7273-17.182 17-15 17-153s-11.273-135.82-17-153l-8-24c-9.1781-2.2945-18.617-4.3279-28-6.1094v13.109c0 1.662-1.338 3-3 3h-168c-1.662 0-3-1.338-3-3z" fill="url(#radialGradient334)"/><path d="m680 2154c-81 0-100 6-111 17-10 10-17 25-17 128s7 118 17 128c11 11 30 17 111 17s100-6 111-17c10-10 17-25 17-128s-7-118-17-128c-11-11-30-17-111-17z" fill="url(#linearGradient454)" stroke="url(#radialGradient454)" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2"/><path d="m680 2159c-61 0-95 2-108 15-17.507 17.507-15 85-15 125s-2.5071 107.49 15 125c13 13 47 15 108 15s95-2 108-15c17.507-17.507 15-85 15-125s2.5071-107.49-15-125c-13-13-47-15-108-15z" stroke="#242424" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2"/><path d="m593 2115.9c-9.3826 1.7815-18.822 3.8149-28 6.1094l-8 24c-5.7273 17.182-17 15-17 153s11.273 135.82 17 153l8 24c9.1781 2.2945 18.617 4.3279 28 6.1094v-13.109c0-1.662 1.338-3 3-3h168c1.662 0 3 1.338 3 3v13.109c9.3826-1.7815 18.822-3.8148 28-6.1094l8-24c5.7273-17.182 17-15 17-153s-11.273-135.82-17-153l-8-24c-9.1781-2.2945-18.617-4.3279-28-6.1094v13.109c0 1.662-1.338 3-3 3h-168c-1.662 0-3-1.338-3-3zm-2 2.4824v10.627c0 2.7354 2.2646 5 5 5h168c2.7354 0 5-2.2646 5-5v-10.627c8.2074 1.5947 16.433 3.3499 24.463 5.3359l7.6406 22.924c2.9962 8.9885 7.0887 12.316 10.578 30.93 3.4894 18.614 6.3184 52.492 6.3184 121.44s-2.8289 102.82-6.3184 121.44-7.582 21.941-10.578 30.93l-7.6406 22.924c-8.03 1.9861-16.256 3.7413-24.463 5.3359v-10.627c0-2.7354-2.2646-5-5-5h-168c-2.7354 0-5 2.2646-5 5v10.627c-8.2074-1.5947-16.433-3.3498-24.463-5.3359l-7.6406-22.924c-2.9962-8.9885-7.0887-12.316-10.578-30.93s-6.3184-52.492-6.3184-121.44 2.8289-102.82 6.3184-121.44c3.4894-18.614 7.582-21.941 10.578-30.93l7.6406-22.924c8.03-1.9861 16.256-3.7413 24.463-5.3359z" fill="url(#linearGradient453)"/></g></svg>
diff --git a/source/assets/images/pebbles/device_pebble2_black.png b/source/assets/images/pebbles/device_pebble2_black.png
deleted file mode 100644
index 97a9373..0000000
Binary files a/source/assets/images/pebbles/device_pebble2_black.png and /dev/null differ
diff --git a/source/assets/images/pebbles/device_pebble2_blacklime.png b/source/assets/images/pebbles/device_pebble2_blacklime.png
deleted file mode 100644
index 7429d20..0000000
Binary files a/source/assets/images/pebbles/device_pebble2_blacklime.png and /dev/null differ
diff --git a/source/assets/images/pebbles/device_pebble2_blackred.png b/source/assets/images/pebbles/device_pebble2_blackred.png
deleted file mode 100644
index 0d3d822..0000000
Binary files a/source/assets/images/pebbles/device_pebble2_blackred.png and /dev/null differ
diff --git a/source/assets/images/pebbles/device_pebble2_white.png b/source/assets/images/pebbles/device_pebble2_white.png
deleted file mode 100644
index 3ae0029..0000000
Binary files a/source/assets/images/pebbles/device_pebble2_white.png and /dev/null differ
diff --git a/source/assets/images/pebbles/device_pebble2_whiteteal.png b/source/assets/images/pebbles/device_pebble2_whiteteal.png
deleted file mode 100644
index f6a1df8..0000000
Binary files a/source/assets/images/pebbles/device_pebble2_whiteteal.png and /dev/null differ
diff --git a/source/assets/images/pebbles/grey.png b/source/assets/images/pebbles/grey.png
deleted file mode 100644
index 95ccf49..0000000
Binary files a/source/assets/images/pebbles/grey.png and /dev/null differ
diff --git a/source/assets/images/pebbles/orange.png b/source/assets/images/pebbles/orange.png
deleted file mode 100644
index e0acba7..0000000
Binary files a/source/assets/images/pebbles/orange.png and /dev/null differ
diff --git a/source/assets/images/pebbles/pebble-black.svg b/source/assets/images/pebbles/pebble-black.svg
new file mode 100644
index 0000000..9e8509b
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-black.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="246" height="406" version="1.1" viewBox="0 0 246 406" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient157" x1="-810" x2="-810" y1="10" y2="120" gradientTransform="matrix(3.2,0,0,3.2,2790.2,-3.6)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#242424" offset=".3483"/><stop stop-color="#3d3d3d" offset=".39091"/><stop stop-color="#454545" offset=".57557"/><stop stop-color="#222" offset=".6608"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient158" x1="-830" x2="-830" y2="125" gradientTransform="matrix(3.2,0,0,3.2,2790.2,-3.6)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient318" x1="3440" x2="3440" y1="-388" y2="-402" gradientTransform="translate(-3354,816)" gradientUnits="userSpaceOnUse"><stop stop-color="#959ca0" stop-opacity=".8" offset="0"/><stop stop-color="#959ca0" stop-opacity="0" offset="1"/></linearGradient></defs><rect x="4" y="121" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="83" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="182" width="22" height="45" ry="6.4" fill="#262626"/><rect x="220" y="249" width="22" height="77" ry="6.4" fill="#262626"/><rect x="9" y="35" width="227" height="339" fill="url(#linearGradient157)"/><path d="m67 0c-8.864 0-16 7.133-16 15.992v45.008h144v-45.008c0-8.859-7.136-15.992-16-15.992zm-16 348.63v38.381c0 8.8593 7.136 15.992 16 15.992h112c8.864.00027 16-7.1322 16-15.992v-38.381z" fill="url(#linearGradient158)"/><rect x="55" y="416" width="136" height="1" fill="#d0d4d5"/><path d="m51 35v26h12zm144 0-12 26h12zm-144 313.63v26l12-26zm132 0 12 26v-26z" opacity=".5"/><path d="m86 414v14h22v-14zm51 0v14h22v-14z" fill="url(#linearGradient318)"/><rect x="49" y="112" width="148" height="172" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></svg>
diff --git a/source/assets/images/pebbles/pebble-gray.svg b/source/assets/images/pebbles/pebble-gray.svg
new file mode 100644
index 0000000..5cce810
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-gray.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="246" height="403" version="1.1" viewBox="0 0 246 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="linearGradient151" x1="-810" x2="-810" y1="10" y2="120" gradientTransform="matrix(3.2,0,0,3.2,2790,-3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#5e5c64" offset="0"/><stop stop-color="#7c7b78" offset=".3483"/><stop stop-color="#8e8e8f" offset=".39091"/><stop stop-color="#86858a" offset=".57557"/><stop stop-color="#65636a" offset=".6608"/><stop stop-color="#5e5c64" offset="1"/></linearGradient><linearGradient id="linearGradient152" x1="-830" x2="-830" y2="125" gradientTransform="matrix(3.2,0,0,3.2,2790,-3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#5d5d5d" offset="0"/><stop stop-color="#c7c7c7" offset=".071429"/><stop stop-color="#747474" offset=".19048"/><stop stop-color="#757575" offset=".78571"/><stop stop-color="#c7c7c7" offset=".86508"/><stop stop-color="#777" offset="1"/></linearGradient></defs><rect x="4" y="121" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="83" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="182" width="22" height="45" ry="6.4" fill="#262626"/><rect x="220" y="249" width="22" height="77" ry="6.4" fill="#262626"/><rect x="9" y="35" width="227" height="339" fill="url(#linearGradient151)"/><path d="m67 0c-8.87 0-16 7.133-16 15.992v45.008h144v-45.008c0-8.859-7.14-15.992-16-15.992zm-16 348.63v38.381c0 8.8595 7.13 15.992 16 15.992h112c8.86.00014 16-7.1323 16-15.992v-38.381z" fill="url(#linearGradient152)"/><path d="m51 35v26h12zm144 0-12 26h12zm-144 313.63v26l12-26zm132 0 12 26v-26z" opacity=".3"/><rect x="49" y="112" width="148" height="172" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></svg>
diff --git a/source/assets/images/pebbles/pebble-orange.svg b/source/assets/images/pebbles/pebble-orange.svg
new file mode 100644
index 0000000..d12dc86
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-orange.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="246" height="403" version="1.1" viewBox="0 0 246 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient145" x1="-810" x2="-810" y1="10" y2="120" gradientTransform="matrix(3.2,0,0,3.2,2790.6,-3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#f37e00" offset="0"/><stop stop-color="#ff8500" offset=".3483"/><stop stop-color="#f9a057" offset=".39091"/><stop stop-color="#fda664" offset=".57557"/><stop stop-color="#f4830d" offset=".6608"/><stop stop-color="#f37e00" offset="1"/></linearGradient><linearGradient id="linearGradient146" x1="-830" x2="-830" y2="125" gradientTransform="matrix(3.2,0,0,3.2,2790.6,-3.6)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient></defs><rect x="4" y="121" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="83" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="182" width="22" height="45" ry="6.4" fill="#262626"/><rect x="220" y="249" width="22" height="77" ry="6.4" fill="#262626"/><rect x="10" y="35" width="227" height="339" fill="url(#linearGradient145)"/><path d="m67 0c-8.87 0-16 7.133-16 15.992v45.008h144v-45.008c0-8.859-7.14-15.992-16-15.992zm-16 348.63v38.381c0 8.8593 7.13 15.992 16 15.992h112c8.86.00027 16-7.1322 16-15.992v-38.381z" fill="url(#linearGradient146)"/><path d="m51 35v26h12zm144 0-12 26h12zm-144 313.63v26l12-26zm132 0 12 26v-26z" opacity=".7"/><rect x="49" y="112" width="148" height="172" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></svg>
diff --git a/source/assets/images/pebbles/pebble-red.svg b/source/assets/images/pebbles/pebble-red.svg
new file mode 100644
index 0000000..248e134
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-red.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="246" height="403" version="1.1" viewBox="0 0 246 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient148" x1="-810" x2="-810" y1="10" y2="120" gradientTransform="matrix(3.2,0,0,3.2,2790.4,-3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#e4001d" offset="0"/><stop stop-color="#ff3e2f" offset=".3483"/><stop stop-color="#f3625f" offset=".39091"/><stop stop-color="#fa504c" offset=".57557"/><stop stop-color="#e70e24" offset=".6608"/><stop stop-color="#e4001c" offset="1"/></linearGradient><linearGradient id="linearGradient149" x1="-830" x2="-830" y2="125" gradientTransform="matrix(3.2,0,0,3.2,2790.4,-3.6)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient></defs><rect x="4" y="121" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="83" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="182" width="22" height="45" ry="6.4" fill="#262626"/><rect x="220" y="249" width="22" height="77" ry="6.4" fill="#262626"/><rect x="10" y="35" width="227" height="339" fill="url(#linearGradient148)"/><path d="m67 0c-8.864 0-16 7.133-16 15.992v45.008h144v-45.008c0-8.859-7.14-15.992-16-15.992zm-16 348.63v38.381c0 8.8594 7.136 15.992 16 15.992h112c8.86.00024 16-7.1322 16-15.992v-38.381z" fill="url(#linearGradient149)"/><path d="m51 35v26h12zm144 0-12 26h12zm-144 313.63v26l12-26zm132 0 12 26v-26z" opacity=".7"/><rect x="49" y="112" width="148" height="172" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></svg>
diff --git a/source/assets/images/pebbles/pebble-steel-black.svg b/source/assets/images/pebbles/pebble-steel-black.svg
new file mode 100644
index 0000000..bf888a4
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-steel-black.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="264.2" height="394" version="1.1" viewBox="0 0 264.2 394" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient329"><stop stop-color="#3d3b3e" offset="0"/><stop stop-color="#4f4d4d" stop-opacity="0" offset="1"/></linearGradient><linearGradient id="linearGradient327"><stop stop-color="#484647" offset="0"/><stop stop-color="#595856" offset="1"/></linearGradient><radialGradient id="radialGradient105-9-3-9" cx="-695" cy="-76.133" r="39" gradientTransform="matrix(3.2 0 0 3.6922 2387.2 433.51)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#5b5a58" offset=".56608"/><stop stop-color="#2b292e" offset="1"/></radialGradient><linearGradient id="linearGradient288" x1="-681.25" x2="-681.25" y1="-20" y2="-107.5" gradientTransform="matrix(3.2 0 0 3.2 2387.2 402)" gradientUnits="userSpaceOnUse"><stop stop-color="#201e23" offset="0"/><stop stop-color="#525152" offset="1"/></linearGradient><linearGradient id="linearGradient306" x1="-704.5" x2="-704.5" y1="-106.25" y2="-21.25" gradientTransform="matrix(3.2 0 0 3.2 2387.6 402)" gradientUnits="userSpaceOnUse"><stop stop-color="#0f1212" offset="0"/><stop stop-color="#5b6063" offset="1"/></linearGradient><linearGradient id="linearGradient323" x1="3405" x2="3549" y1="-376" y2="-376" gradientTransform="translate(-3347.8 402)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient327"/><linearGradient id="linearGradient324" x1="3440" x2="3440" y1="-388" y2="-402" gradientTransform="translate(-3347.8 402)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient329"/><linearGradient id="linearGradient330" x1="3405" x2="3549" y1="-376" y2="-376" gradientTransform="matrix(1 0 0 -1 -3347.8 -8)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient327"/><linearGradient id="linearGradient331" x1="3440" x2="3440" y1="-388" y2="-402" gradientTransform="matrix(1 0 0 -1 -3347.8 -8)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient329"/></defs><path d="m188.2 334v22h19.33l9.6699-22h-29z" fill="#444344"/><path d="m114.2 334v22h29v-22z" fill="#444344"/><path d="m41.199 334 9.6602 22h19.34v-22h-29z" fill="#444344"/><path d="m239.2 229v61h15.83l3.1699-61h-19z" fill="#444344"/><path d="m242.2 172v54h16.359l1.6406-25.41-1.6406-28.59z" fill="#444344"/><path d="m239.2 108v61h19l-3.1699-61h-15.83z" fill="#444344"/><path d="m7.1992 101.2-3.1992 70.398h19.199v-70.398h-16z" fill="#444344"/><path d="m188.2 38v22h29l-9.6699-22h-19.33z" fill="#444344"/><path d="m114.2 38v22h29v-22z" fill="#444344"/><path d="m50.859 38-9.6602 22h29v-22h-19.34z" fill="#444344"/><path d="m35.159 55.98h192c8.8365 0 16.886 7.5091 17.873 16.291 9.5293 84.784 10.959 165.07.26208 249.85-1.106 8.767-9.2986 15.857-18.135 15.857h-192c-8.8365 0-16.886-7.1088-17.873-15.89-9.5293-84.784-10.959-165.07-.26208-249.85 1.106-8.767 9.2986-16.257 18.135-16.257z" fill="url(#radialGradient105-9-3-9)" stroke-width="3.2"/><path d="m35.159 72.4c-.27904 0-2.2508 1.7636-2.2625 1.8563-10.518 83.366-9.1363 162.22.28736 246.07.016.13546 1.7165 1.675 1.975 1.675h192c.27904 0 2.2508-1.7636 2.2625-1.8563 10.518-83.366 9.1363-162.22-.28736-246.07-.0152-.13545-1.7165-1.675-1.975-1.675z" stroke-width="3.2"/><path d="m35.159 55.98c-8.8365 0-17.029 7.4909-18.135 16.258-10.697 84.787-9.2675 165.07.26173 249.85.98694 8.7811 9.0365 15.889 17.873 15.889h192c8.8365 0 17.029-7.0886 18.135-15.855 10.697-84.787 9.2675-165.07-.26173-249.85-.98694-8.7811-9.0365-16.291-17.873-16.291h-192zm0 2.9375h192c7.1718 0 14.148 6.479 14.957 13.682 9.5098 84.611 10.926 164.63.2617 249.16-.90496 7.1731-7.9546 13.287-15.219 13.287h-192c-7.2605 0-14.147-6.0886-14.955-13.281-9.5098-84.611-10.928-164.63-.26365-249.16.90637-7.1843 8.0432-13.688 15.219-13.688z" fill="url(#linearGradient288)" stroke-width="3.2"/><path d="m35.559 62c-5.4467 0-11.489 5.469-12.188 11.006-10.63 84.253-9.2143 164 .2754 248.44.6226 5.5394 6.292 10.557 11.912 10.557h192c5.6277 0 11.492-5.0912 12.188-10.605 10.63-84.253 9.2143-164-.2754-248.44-.6249-5.5594-6.4731-10.957-11.912-10.957zm0 3h192c3.7401 0 8.4879 4.3465 8.9316 8.2949 9.4699 84.257 10.872 163.74.2754 247.72-.4905 3.8878-5.1838 7.9805-9.207 7.9805h-192c-4.0117 0-8.4913-3.9743-8.9316-7.8926-9.47-84.257-10.87-163.74-.2735-247.73.4948-3.9216 5.4534-8.3808 9.2051-8.3808z" fill="url(#linearGradient306)" opacity=".5"/><rect x="61.159" y="2" width="136" height="1" fill="#545352"/><path d="m57.159 12v26h13v18h44v-18h29v18h45v-18h13v-26h-36v12h-22v-12h-29v12h-22v-12z" fill="#2b292e"/><path d="m61.159 3v17h136v-17z" fill="#2b292e"/><path d="m92.159 0v12h-35v20h13v18h44v-18h29v18h45v-18h13v-20h-36v-12h-22v12h-29v-12z" fill="url(#linearGradient323)"/><rect x="92.159" y="14" width="22" height="10" fill="#2b292e"/><rect x="143.16" y="14" width="22" height="10" fill="#2b292e"/><path d="m92.159 0v14h22v-14zm51 0v14h22v-14z" fill="url(#linearGradient324)"/><rect transform="scale(1,-1)" x="61.159" y="-392" width="136" height="1" fill="#545352"/><path d="m57.159 382v-26h13v-18h44v18h29v-18h45v18h13v26h-36v-12h-22v12h-29v-12h-22v12z" fill="#2b292e"/><path d="m61.159 391v-17h136v17z" fill="#2b292e"/><path d="m92.159 394v-12h-35v-20h13v-18h44v18h29v-18h45v18h13v20h-36v12h-22v-12h-29v12z" fill="url(#linearGradient330)"/><rect transform="scale(1,-1)" x="92.159" y="-380" width="22" height="10" fill="#2b292e"/><rect transform="scale(1,-1)" x="143.16" y="-380" width="22" height="10" fill="#2b292e"/><path d="m92.159 394v-14h22v14zm51 0v-14h22v14z" fill="url(#linearGradient331)"/><path d="m70.159 38v18h10zm44 0-10 18h10zm29 0v18h10zm45 0-10 18h10zm-118 300v18l10-18zm34 0 10 18v-18zm39 0v18l10-18zm35 0 10 18v-18z" opacity=".3"/></svg>
diff --git a/source/assets/images/pebbles/pebble-steel-stainless.svg b/source/assets/images/pebbles/pebble-steel-stainless.svg
new file mode 100644
index 0000000..b663e07
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-steel-stainless.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="264.8" height="394" version="1.1" viewBox="0 0 264.8 394" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient315"><stop stop-color="#acb2b5" offset="0"/><stop stop-color="#d8dbdc" offset="1"/></linearGradient><radialGradient id="radialGradient105-9-3-8-0" cx="-695" cy="-76.133" r="39" gradientTransform="matrix(3.2 0 0 3.6922 2387.2 433.51)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#cdd1d3" offset=".74072"/><stop stop-color="#959ca0" offset="1"/></radialGradient><linearGradient id="linearGradient291" x1="-681.25" x2="-681.25" y1="-20" y2="-107.5" gradientTransform="matrix(3.2 0 0 3.2 2387.2 402)" gradientUnits="userSpaceOnUse"><stop stop-color="#868c8f" offset="0"/><stop stop-color="#dbdddf" offset="1"/></linearGradient><linearGradient id="linearGradient303" x1="-704.5" x2="-704.5" y1="-106.25" y2="-21.25" gradientTransform="matrix(3.2 0 0 3.2 2387.2 402)" gradientUnits="userSpaceOnUse"><stop stop-color="#81888d" offset="0"/><stop stop-color="#acb3b7" offset="1"/></linearGradient><linearGradient id="linearGradient316" x1="3405" x2="3549" y1="-376" y2="-376" gradientTransform="translate(-3347.2 402)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient315"/><linearGradient id="linearGradient321" x1="3405" x2="3549" y1="-376" y2="-376" gradientTransform="matrix(1 0 0 -1 -3347.2 -8)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient315"/><linearGradient id="linearGradient322" x1="3440" x2="3440" y1="-388" y2="-402" gradientTransform="matrix(1 0 0 -1 -3347.2 -8)" gradientUnits="userSpaceOnUse"><stop stop-color="#959ca0" stop-opacity=".8" offset="0"/><stop stop-color="#959ca0" stop-opacity="0" offset="1"/></linearGradient></defs><path d="m188.8 334v22h19.33l9.6699-22h-29z" fill="#b8bdbf"/><path d="m114.8 334v22h29v-22z" fill="#b8bdbf"/><path d="m41.799 334 9.6602 22h19.34v-22h-29z" fill="#b8bdbf"/><path d="m238.8 229v61h15.83l3.1699-61h-19z" fill="#b8bdbf"/><path d="m242.8 172v54h16.359l1.6406-25.41-1.6406-28.59z" fill="#b8bdbf"/><path d="m238.8 108v61h19l-3.1699-61h-15.83z" fill="#b8bdbf"/><path d="m7.1992 101.2-3.1992 70.398h19.199v-70.398h-16z" fill="#b8bdbf"/><path d="m188.8 38v22h29l-9.6699-22h-19.33z" fill="#b8bdbf"/><path d="m114.8 38v22h29v-22z" fill="#b8bdbf"/><path d="m51.459 38-9.6602 22h29v-22h-19.34z" fill="#b8bdbf"/><path d="m35.159 55.98h192c8.8365 0 16.886 7.5091 17.873 16.291 9.5293 84.784 10.959 165.07.26208 249.85-1.106 8.767-9.2986 15.857-18.135 15.857h-192c-8.8365 0-16.886-7.1088-17.873-15.89-9.5293-84.784-10.959-165.07-.26208-249.85 1.106-8.767 9.2989-16.257 18.135-16.257z" fill="url(#radialGradient105-9-3-8-0)" stroke-width="3.2"/><path d="m35.159 72.4c-.27904 0-2.2508 1.7636-2.2625 1.8563-10.518 83.366-9.1363 162.22.28736 246.07.016.13546 1.7165 1.675 1.975 1.675h192c.27904 0 2.2508-1.7636 2.2625-1.8563 10.518-83.366 9.1363-162.22-.28736-246.07-.0152-.13545-1.7165-1.675-1.975-1.675z" stroke-width="3.2"/><path d="m35.159 56c-8.8365 0-17.029 7.4908-18.135 16.258-10.697 84.786-9.2674 165.07.2618 249.85.9869 8.7812 9.0365 15.889 17.873 15.889h192c8.8366 0 17.029-7.0885 18.135-15.855 10.697-84.786 9.2674-165.07-.2618-249.85-.9869-8.7812-9.0365-16.291-17.873-16.291zm0 2.9375h192c7.1718 0 14.148 6.4791 14.957 13.682 9.5099 84.612 10.926 164.63.2618 249.16-.905 7.1732-7.9545 13.287-15.219 13.287h-192c-7.2605 0-14.147-6.0885-14.955-13.281-9.5098-84.612-10.928-164.63-.2637-249.16.9064-7.1842 8.0432-13.688 15.219-13.688z" fill="url(#linearGradient291)"/><path d="m35.159 62c-5.4467 0-11.489 5.4691-12.188 11.006-10.63 84.253-9.2144 164 .27539 248.44.62259 5.5395 6.2922 10.557 11.912 10.557h192c5.6278 0 11.492-5.0912 12.188-10.605 10.63-84.253 9.2144-164-.27539-248.44-.62483-5.5594-6.473-10.957-11.912-10.957zm0 3h192c3.7402 0 8.488 4.3466 8.9315 8.295 9.4701 84.256 10.872 163.74.27539 247.72-.49049 3.8877-5.184 7.9805-9.207 7.9805h-192c-4.0115 0-8.4912-3.9744-8.9315-7.8925-9.4701-84.256-10.87-163.74-.27344-247.73.49475-3.9216 5.4534-8.3808 9.2051-8.3808z" fill="url(#linearGradient303)" opacity=".5" stroke-width="3.2"/><path d="m57.759 12v26h13v18h44v-18h29v18h45v-18h13v-26h-36v12h-22v-12h-29v12h-22v-12z" fill="#959ca0"/><path d="m61.759 3v17h136v-17z" fill="#959ca0"/><path d="m92.759 0v12h-35v20h13v18h44v-18h29v18h45v-18h13v-20h-36v-12h-22v12h-29v-12z" fill="url(#linearGradient316)"/><rect x="92.759" y="14" width="22" height="10" fill="#959ca0"/><rect x="143.76" y="14" width="22" height="10" fill="#959ca0"/><rect transform="scale(1,-1)" x="61.759" y="-392" width="136" height="1" fill="#d0d4d5"/><path d="m57.759 382v-26h13v-18h44v18h29v-18h45v18h13v26h-36v-12h-22v12h-29v-12h-22v12z" fill="#959ca0"/><path d="m61.759 391v-17h136v17z" fill="#959ca0"/><path d="m92.759 394v-12h-35v-20h13v-18h44v18h29v-18h45v18h13v20h-36v12h-22v-12h-29v12z" fill="url(#linearGradient321)"/><rect transform="scale(1,-1)" x="92.759" y="-380" width="22" height="10" fill="#959ca0"/><rect transform="scale(1,-1)" x="143.76" y="-380" width="22" height="10" fill="#959ca0"/><path d="m92.759 394v-14h22v14zm51 0v-14h22v14z" fill="url(#linearGradient322)"/><path d="m70.759 38v18h10zm44 0-10 18h10zm29 0v18h10zm45 0-10 18h10zm-118 300v18l10-18zm34 0 10 18v-18zm39 0v18l10-18zm35 0 10 18v-18z" opacity=".2"/></svg>
diff --git a/source/assets/images/pebbles/pebble-time-black.svg b/source/assets/images/pebbles/pebble-time-black.svg
new file mode 100644
index 0000000..7d68a15
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-time-black.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="267.8" height="403" version="1.1" viewBox="0 0 267.8 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="radialGradient10-2-1-04" cx="70" cy="54.205" r="40.501" gradientTransform="matrix(3.2 0 0 3.9505 -69.2 -41.74)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#9a9996" offset=".56608"/><stop stop-color="#5e5c64" offset="1"/></radialGradient><linearGradient id="linearGradient101" x1="62.5" x2="62.5" y1="1" y2="127" gradientTransform="matrix(3.2 0 0 3.2 -69.2 -3.6)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient253" x1="7240" x2="7240" y1="-368" y2="-40" gradientTransform="translate(-7032.4 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#484848" offset="0"/><stop stop-color="#292929" offset="1"/></linearGradient><linearGradient id="linearGradient257" x1="6416.8" x2="6417" y1="-363" y2="-45" gradientTransform="translate(-6213.2 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#5f5e60" offset="0"/><stop stop-color="#313032" offset=".043933"/><stop stop-color="#313032" offset=".75"/><stop stop-color="#313032" offset=".875"/><stop stop-color="#313032" offset=".93933"/><stop stop-color="#5e5d5f" offset="1"/></linearGradient><linearGradient id="linearGradient336" x1="6348" x2="6348" y1="-343" y2="-66" gradientTransform="translate(-6213.2 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#91908d" offset="0"/><stop stop-color="#4c4a50" offset="1"/></linearGradient></defs><path d="m6.4005 117.2h19.2c3.5456 0 6.4 17.236 6.4 45.6v9.6h-26.86c-2.839 0-5.1405-2.3014-5.1405-5.1404v-4.4595c0-28.365 2.8544-45.6 6.4-45.6z" fill="#313032" stroke-width="3.2"/><rect x="39.8" y="53" width="183" height="298" ry="6.4" fill="url(#linearGradient257)"/><path d="m46 53c-3.5456 0-6.3957 2.8548-6.4004 6.4004l-.4004 285.18c0 3.5456 2.8548 6.4004 6.4004 6.4004h170.6c3.5456 0 6.3957-2.8548 6.4004-6.4004l.4004-285.18c0-3.5456-2.8548-6.4004-6.4004-6.4004zm0 2h170.6c2.4721 0 4.4036 1.9284 4.4004 4.4004l-.4004 285.18c0 2.472-1.9283 4.4004-4.4004 4.4004h-170.6c-2.4721 0-4.4036-1.9284-4.4004-4.4004l.4004-285.18c0-2.472 1.9283-4.4004 4.4004-4.4004z" fill="url(#linearGradient253)"/><rect x="58.8" width="144" height="403" ry="10" fill="url(#linearGradient101)"/><path d="m241.8 117c-3.01-.061-5.78 25.103-5.98 52h31.97c-.2-26.836-2.97-52-6.39-52zm-6 58.47v51.53h32v-51.53zm.06 57.673c.39 25.355 3.07 48.857 6.35 48.857h19.2c3.27 0 5.95-23.502 6.35-48.857z" fill="#313032"/><path d="m58.8 55v23h16zm144 0-16 23h16zm-144 272v23l16-23zm128 0 16 23v-23z"/><path d="m46.8 66c50.41-5.081 124.58-3.387 174.75 0 26.76 1.999 33.97 17.728 36.25 44.241 5.21 60.723 3.22 130.24 0 182.52-1.85 26.763-9.72 42.143-36.25 44.237-50.17 3.96-124.34 4.5707-174.52 0-26.7-2.6171-33.94-17.725-36.23-44.237-4.79-55.507-3.72-127.02 0-182.52 1.75-26.758 9.53-41.56 36-44.241z" fill="url(#radialGradient10-2-1-04)"/><rect x="34.8" y="94" width="198" height="215" ry="28"/><path d="m134.26 62.82c-27.115-.21175-62.26.63528-87.465 3.1758-26.47 2.681-34.25 17.482-36 44.24-3.72 55.5-4.79 127.01 0 182.52 2.29 26.512 9.531 41.619 36.23 44.236 50.18 4.5707 124.35 3.96 174.52 0 26.53-2.094 34.4-17.473 36.25-44.236 3.22-52.28 5.21-121.8 0-182.52-2.28-26.513-9.49-42.241-36.25-44.24-25.085-1.6935-60.17-2.964-87.285-3.1758zm-.025 3.1699c27.024.21104 62.042 1.4764 87.074 3.166v.002c25.324 1.8946 31.161 16.219 33.322 41.35 5.1878 60.464 3.2108 129.83 0 182.03-1.753 25.306-8.214 39.304-33.336 41.287-49.998 3.9464-124.03 4.5524-173.96.01-25.355-2.4869-31.207-16.231-33.377-41.356-4.7687-55.26-3.708-126.66 0-182.04v-.006c1.6548-25.302 8.008-38.747 33.156-41.295 25.049-2.5248 60.089-3.3693 87.121-3.1582z" fill="url(#linearGradient336)"/></svg>
diff --git a/source/assets/images/pebbles/pebble-time-red.svg b/source/assets/images/pebbles/pebble-time-red.svg
new file mode 100644
index 0000000..242baff
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-time-red.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="267.8" height="403" version="1.1" viewBox="0 0 267.8 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient353" x1="62.5" x2="62.5" y1="1" y2="127" gradientTransform="matrix(3.2 0 0 3.2 -69.2 -3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#bd2000" offset="0"/><stop stop-color="#ff5731" offset=".071429"/><stop stop-color="#bd2000" offset=".19048"/><stop stop-color="#bd2000" offset=".78571"/><stop stop-color="#ff5731" offset=".86508"/><stop stop-color="#bd2000" offset="1"/></linearGradient><linearGradient id="linearGradient354" x1="7240" x2="7240" y1="-368" y2="-40" gradientTransform="translate(-7032.4 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#f62d00" offset="0"/><stop stop-color="#a01a00" offset="1"/></linearGradient><linearGradient id="linearGradient355" x1="6416.8" x2="6417" y1="-363" y2="-45" gradientTransform="translate(-6213.2 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#fd2f00" offset="0"/><stop stop-color="#bd2000" offset=".045324"/><stop stop-color="#bd2000" offset=".95155"/><stop stop-color="#ff5437" offset="1"/></linearGradient><radialGradient id="radialGradient10-2-1-04" cx="70" cy="54.205" r="40.501" gradientTransform="matrix(3.2 0 0 3.9505 -69.16 -41.73)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#9a9996" offset=".56608"/><stop stop-color="#5e5c64" offset="1"/></radialGradient><linearGradient id="linearGradient1" x1="6348" x2="6348" y1="-343" y2="-66" gradientTransform="translate(-6213.2 406.01)" gradientUnits="userSpaceOnUse"><stop stop-color="#91908d" offset="0"/><stop stop-color="#4c4a50" offset="1"/></linearGradient></defs><path d="m6.4005 117.2h19.2c3.5456 0 6.4 17.236 6.4 45.6v9.6h-26.86c-2.839 0-5.1405-2.3014-5.1405-5.1404v-4.4595c0-28.365 2.8544-45.6 6.4-45.6z" fill="#313032" stroke-width="3.2"/><rect x="39.8" y="53" width="183" height="298" ry="6.4" fill="url(#linearGradient355)"/><path d="m46 53c-3.5456 0-6.3957 2.8548-6.4004 6.4004l-.4004 285.18c0 3.5456 2.8548 6.4004 6.4004 6.4004h170.6c3.5456 0 6.3957-2.8548 6.4004-6.4004l.4004-285.18c0-3.5456-2.8548-6.4004-6.4004-6.4004zm0 2h170.6c2.4721 0 4.4036 1.9284 4.4004 4.4004l-.4004 285.18c0 2.472-1.9283 4.4004-4.4004 4.4004h-170.6c-2.4721 0-4.4036-1.9284-4.4004-4.4004l.4004-285.18c0-2.472 1.9283-4.4004 4.4004-4.4004z" fill="url(#linearGradient354)"/><rect x="58.8" width="144" height="403" ry="10" fill="url(#linearGradient353)"/><path d="m241.8 117c-3.01-.061-5.78 25.103-5.98 52h31.97c-.2-26.836-2.97-52-6.39-52zm-6 58.47v51.53h32v-51.53zm.06 57.673c.39 25.355 3.07 48.857 6.35 48.857h19.2c3.27 0 5.95-23.502 6.35-48.857z" fill="#313032"/><path d="m58.8 55v23h16zm144 0-16 23h16zm-144 272v23l16-23zm128 0 16 23v-23z" fill-opacity=".3"/><path d="m46.84 66.01c50.41-5.081 124.58-3.387 174.75 0 26.76 1.999 33.97 17.728 36.25 44.241 5.21 60.723 3.22 130.24 0 182.52-1.85 26.763-9.72 42.143-36.25 44.237-50.17 3.96-124.34 4.5707-174.52 0-26.7-2.6171-33.94-17.725-36.23-44.237-4.79-55.507-3.72-127.02 0-182.52 1.75-26.758 9.53-41.56 36-44.241z" fill="url(#radialGradient10-2-1-04)"/><rect x="34.8" y="94" width="198" height="215" ry="28"/><path d="m134.3 62.83c-27.115-.21175-62.26.63528-87.465 3.1758-26.47 2.681-34.25 17.482-36 44.24-3.72 55.5-4.79 127.01 0 182.52 2.29 26.512 9.531 41.619 36.23 44.236 50.18 4.5707 124.35 3.96 174.52 0 26.53-2.094 34.4-17.473 36.25-44.236 3.22-52.28 5.21-121.8 0-182.52-2.28-26.513-9.49-42.241-36.25-44.24-25.085-1.6935-60.17-2.964-87.285-3.1758zm-.025 3.1699c27.024.21104 62.042 1.4764 87.074 3.166v.002c25.324 1.8946 31.161 16.219 33.322 41.35 5.1878 60.464 3.2108 129.83 0 182.03-1.753 25.306-8.214 39.304-33.336 41.287-49.998 3.9464-124.03 4.5524-173.96.01-25.355-2.4869-31.207-16.231-33.377-41.356-4.7687-55.26-3.708-126.66 0-182.04v-.006c1.6548-25.302 8.008-38.747 33.156-41.295 25.049-2.5248 60.089-3.3693 87.121-3.1582z" fill="url(#linearGradient1)"/></svg>
diff --git a/source/assets/images/pebbles/pebble-time-round-black-20.svg b/source/assets/images/pebbles/pebble-time-round-black-20.svg
new file mode 100644
index 0000000..7fd40f3
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-time-round-black-20.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="291" height="426" version="1.1" viewBox="0 0 291 426" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="radialGradient70-9-6-4-7" cx="-310" cy="50" r="41" gradientTransform="matrix(3.3846,0,0,3.3846,1231.6,-3.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#5b5a58" offset=".56608"/><stop stop-color="#2b292e" offset="1"/></radialGradient><linearGradient id="linearGradient83" x1="-320" x2="-320" y2="128" gradientTransform="matrix(3.3846,0,0,3.3846,1231.6,-3.8)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient199" x1="213.23" x2="213.23" y1="-761.6" y2="-490.83" gradientTransform="translate(-68.1,839)" gradientUnits="userSpaceOnUse"><stop stop-color="#676664" offset="0"/><stop stop-color="#1f1d21" offset="1"/></linearGradient><linearGradient id="linearGradient229" x1="647" x2="647" y1="-752.08" y2="-499.99" gradientTransform="translate(-502 839)" gradientUnits="userSpaceOnUse"><stop stop-color="#060606" offset="0"/><stop stop-color="#3a3a3a" offset="1"/></linearGradient><linearGradient id="linearGradient232" x1="2014" x2="2014" y1="-768" y2="-484" gradientTransform="translate(-1801,839)" gradientUnits="userSpaceOnUse"><stop stop-color="#3f3d45" offset="0"/><stop stop-color="#211f23" offset=".044164"/><stop stop-color="#211f23" offset=".75"/><stop stop-color="#211f23" offset=".79807"/><stop stop-color="#4d4650" offset=".88782"/><stop stop-color="#211f23" offset=".95973"/><stop stop-color="#211f23" offset="1"/></linearGradient><linearGradient id="linearGradient234" x1="2014" x2="2014" y1="-768" y2="-484" gradientTransform="translate(-1801,839)" gradientUnits="userSpaceOnUse"><stop stop-color="#59575a" offset="0"/><stop stop-color="#17141a" offset="1"/></linearGradient></defs><rect x="4" y="196" width="27" height="34" ry="6.7692" fill="#211f23"/><path d="m59 71 84.5-12 84.34 12 10.16 142-10.16 142-84.34 12-84.34-12-10.16-143.69z" fill="url(#linearGradient232)"/><path d="m59 71-10 140.31 10.16 143.69 84.34 12 84.34-12 10.16-142-10.16-142-84.34-12zm2.793 3 81.707-12 81.543 12 9.9453 139-9.9453 139-81.543 12-81.547-12-9.9473-140.69 9.7852-137.31z" fill="url(#linearGradient234)"/><rect x="74" width="139" height="426" ry="10" fill="url(#linearGradient83)"/><path d="m262 251c-3.35-1.953-7.31-.481-8.88 2.948l-8.48 18.563c-1.57 3.428-.13 7.475 3.23 9.073l12.13 5.771c3.36 1.599 7.32.126 8.89-3.302l8.48-18.563c1.57-3.428.13-7.475-3.23-9.073z" fill="#211f23"/><rect x="260" y="196" width="27" height="34" ry="6.7692" fill="#211f23"/><path d="m248 144c-3.49 2.015-4.93 6.061-3.36 9.489l8.48 18.564c1.57 3.428 5.53 4.9 8.89 3.302l12.13-5.771c3.36-1.598 4.8-5.645 3.23-9.073l-8.48-18.563c-1.57-3.428-5.53-4.901-8.89-3.303z" fill="#211f23"/><path d="m201 94 12-23v24z" opacity=".3"/><circle cx="145.2" cy="212.8" r="135.38" fill="url(#radialGradient70-9-6-4-7)"/><path d="m86 94-12-23v24z" opacity=".3"/><path d="m141 91c-32.02 1.01-63.31 15.205-85.07 38.63-18.41 19.592-30.01 45.418-32.4 72.2-.19 1.991-.4 5.113-.47 7.555-1.11 33.399 12.28 66.974 36.18 90.35 24.42 24.39 59.58 37.477 94.01 34.957 19.85-1.334 39.38-7.583 56.24-18.162 1.74-1.073 4.34-2.794 6.35-4.236 21.82-15.446 38.2-38.341 45.92-63.931.37-1.221 1.08-3.77 1.53-5.51 8.35-32.497 2.42-68.314-16.02-96.354-18.59-28.942-50.01-49.166-84.04-54.128-7.31-1.208-14.77-1.62-22.23-1.371z" fill="#141414"/><path d="m86 332-12 23v-24z" opacity=".3"/><path d="m201 332 12 23v-24z" opacity=".3"/><path d="m145.2 77.4a135.38 135.38 0 00-135.38 135.38 135.38 135.38 0 00135.38 135.38 135.38 135.38 0 00135.38-135.38 135.38 135.38 0 00-135.38-135.38zm0 2.5566c17.387 0 34.766 3.4576 50.83 10.111 16.064 6.6537 30.799 16.498 43.094 28.793s22.139 27.03 28.793 43.094c6.6537 16.064 10.111 33.443 10.111 50.83s-3.4576 34.767-10.111 50.83c-6.6538 16.064-16.498 30.799-28.793 43.094-12.294 12.295-27.03 22.139-43.094 28.793-16.064 6.6537-33.443 10.111-50.83 10.111s-34.767-3.4576-50.83-10.111c-16.064-6.6537-30.799-16.498-43.094-28.793-12.294-12.294-22.139-27.03-28.793-43.094-6.6538-16.064-10.111-33.443-10.111-50.83s3.4576-34.767 10.111-50.83c6.6537-16.064 16.498-30.799 28.793-43.094s27.03-22.139 43.094-28.793 33.443-10.111 50.83-10.111z" fill="url(#linearGradient199)"/><path d="m140.9 87c-33.114 1.0468-65.355 15.671-87.869 39.902-19.034 20.257-31.004 46.878-33.478 74.572-1e-4 0 1e-4 0 0 0-.2058 2.1235-.4076 5.2506-.4864 7.8047-1e-4 0 1e-4.01 0 .01-1.1429 34.554 12.645 69.145 37.375 93.342 25.278 25.238 61.501 38.719 97.131 36.113h.01c20.51-1.382 40.655-7.8275 58.094-18.768 1.837-1.135 4.4305-2.8483 6.5332-4.3594h.01c22.575-15.979 39.465-39.585 47.443-66.041.4175-1.3632 1.111-3.8696 1.5781-5.6758a4.0373 4.0373 0 000-.01c8.6403-33.627 2.5372-70.531-16.539-99.555-19.243-29.945-51.601-50.773-86.816-55.918-7.5856-1.2503-15.296-1.6759-22.975-1.4199zm.1348 4.0352c7.457-.249 14.92.1631 22.23 1.3711 34.036 4.962 65.454 25.185 84.047 54.127 18.439 28.04 24.366 63.858 16.016 96.355-.45 1.74-1.1573 4.2888-1.5313 5.5098-7.713 25.59-24.097 48.486-45.922 63.932-2.005 1.442-4.6077 3.1614-6.3457 4.2344-16.863 10.579-36.391 16.828-56.244 18.162-34.425 2.52-69.585-10.567-94.006-34.957-23.901-23.376-37.288-56.95-36.18-90.35.075-2.442.2758-5.5637.4688-7.5547 2.386-26.782 13.994-52.607 32.404-72.199 21.757-23.425 53.046-37.621 85.062-38.631z" fill="url(#linearGradient229)"/></svg>
diff --git a/source/assets/images/pebbles/pebble-time-round-red-14.svg b/source/assets/images/pebbles/pebble-time-round-red-14.svg
new file mode 100644
index 0000000..652efce
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-time-round-red-14.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="291" height="426" version="1.1" viewBox="0 0 291 426" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><radialGradient id="radialGradient626-7" cx="-310" cy="50" r="41" gradientTransform="matrix(3.3846,0,0,3.3846,1231.9,-3.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#5b5a58" offset=".56608"/><stop stop-color="#2b292e" offset="1"/></radialGradient><linearGradient id="linearGradient62" x1="-320" x2="-320" y2="128" gradientTransform="matrix(3.3846,0,0,3.3846,1252.2,-3.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#9d1900" offset="0"/><stop stop-color="#ff5731" offset=".071429"/><stop stop-color="#9d1900" offset=".19048"/><stop stop-color="#9d1900" offset=".78571"/><stop stop-color="#ff5731" offset=".86508"/><stop stop-color="#9d1900" offset="1"/></linearGradient><linearGradient id="linearGradient196" x1="213.23" x2="213.23" y1="-761.6" y2="-490.83" gradientTransform="translate(-67.77 839)" gradientUnits="userSpaceOnUse"><stop stop-color="#676664" offset="0"/><stop stop-color="#1f1d21" offset="1"/></linearGradient><linearGradient id="linearGradient215" x1="694" x2="694" y1="-775" y2="-477" gradientTransform="translate(-501,839)" gradientUnits="userSpaceOnUse"><stop stop-color="#3f3d45" offset="0"/><stop stop-color="#211f23" offset=".044164"/><stop stop-color="#211f23" offset=".75"/><stop stop-color="#211f23" offset=".875"/><stop stop-color="#4d4650" offset=".88782"/><stop stop-color="#211f23" offset=".95973"/><stop stop-color="#211f23" offset="1"/></linearGradient><linearGradient id="linearGradient222" x1="694" x2="696" y1="-775" y2="-477" gradientTransform="translate(-501,839)" gradientUnits="userSpaceOnUse"><stop stop-color="#59575a" offset="0"/><stop stop-color="#17141a" offset="1"/></linearGradient><linearGradient id="linearGradient224" x1="647" x2="647" y1="-752.08" y2="-499.99" gradientTransform="translate(-501,839)" gradientUnits="userSpaceOnUse"><stop stop-color="#060606" offset="0"/><stop stop-color="#3a3a3a" offset="1"/></linearGradient></defs><rect x="4" y="196" width="27" height="34" ry="6.7692" fill="#211f23"/><path d="m80 64 64-12 63.87 12 10.134 149-10.134 149-63.87 12-63.86-12-10.133-150.69z" fill="url(#linearGradient215)"/><path d="m80 64-10 147.31 10.133 150.69 63.867 12 63.863-12 10.135-149-10.135-149-63.863-12-64.007 12zm2.8027 3 61.197-12 61.063 12 9.9297 146-9.9297 146-61.063 12-61.057-12-9.9297-147.69 9.7949-144.31z" fill="url(#linearGradient222)"/><rect x="95" width="98" height="426" ry="10" fill="url(#linearGradient62)"/><path d="m262 251c-3.354-1.953-7.319-.481-8.886 2.948l-8.482 18.563c-1.566 3.429-.123 7.475 3.236 9.073l12.127 5.771c3.359 1.599 7.324.127 8.891-3.302l8.482-18.563c1.566-3.428.123-7.475-3.236-9.073z" fill="#211f23"/><rect x="260" y="196" width="27" height="34" ry="6.7692" fill="#211f23"/><path d="m248 144c-3.491 2.015-4.934 6.062-3.368 9.489l8.482 18.564c1.567 3.428 5.532 4.9 8.891 3.302l12.127-5.771c3.359-1.598 4.802-5.645 3.236-9.073l-8.482-18.563c-1.567-3.428-5.532-4.901-8.891-3.303z" fill="#211f23"/><path d="m107 87-12-23v24z" opacity=".3"/><path d="m181 87 12-23v24z" opacity=".3"/><path d="m181 339 12 23v-24z" opacity=".3"/><path d="m107 339-12 23v-24z" opacity=".3"/><circle cx="145.46" cy="212.8" r="135.38" fill="url(#radialGradient626-7)"/><path d="m142 91c-32.016 1.01-63.306 15.205-85.063 38.63-18.41 19.592-30.017 45.418-32.403 72.2-.193 1.991-.395 5.113-.47 7.555-1.108 33.4 12.279 66.974 36.18 90.35 24.421 24.39 59.581 37.477 94.006 34.957 19.853-1.334 39.381-7.583 56.244-18.162 1.738-1.073 4.341-2.794 6.346-4.236 21.825-15.446 38.209-38.341 45.922-63.931.374-1.221 1.08-3.77 1.53-5.51 8.35-32.497 2.425-68.314-16.014-96.354-18.593-28.942-50.012-49.166-84.048-54.128-7.311-1.208-14.773-1.62-22.23-1.371z" fill="#141414"/><path d="m145.46 77.4a135.38 135.38 0 00-135.38 135.38 135.38 135.38 0 00135.38 135.38 135.38 135.38 0 00135.38-135.38 135.38 135.38 0 00-135.38-135.38zm0 2.5566c17.387 0 34.767 3.4576 50.83 10.111 16.064 6.6537 30.799 16.498 43.094 28.793 12.294 12.295 22.139 27.03 28.793 43.094 6.6537 16.064 10.111 33.443 10.111 50.83 3e-5 17.387-3.4576 34.767-10.111 50.83-6.6537 16.064-16.498 30.799-28.793 43.094s-27.03 22.139-43.094 28.793c-16.064 6.6537-33.443 10.111-50.83 10.111s-34.767-3.4576-50.83-10.111c-16.064-6.6537-30.799-16.498-43.094-28.793-12.295-12.294-22.139-27.03-28.793-43.094-6.6537-16.064-10.111-33.443-10.111-50.83s3.4576-34.767 10.111-50.83c6.6537-16.064 16.498-30.799 28.793-43.094s27.03-22.139 43.094-28.793c16.064-6.6537 33.443-10.111 50.83-10.111z" fill="url(#linearGradient196)"/><path d="m141.87 87c-33.115 1.0468-65.355 15.671-87.869 39.902-19.034 20.257-31.004 46.878-33.479 74.572-1e-4 0 2e-4 0 0 0-.2057 2.1235-.4075 5.2506-.4863 7.8047-1e-4 0 1e-4.01 0 .01-1.1429 34.554 12.645 69.145 37.375 93.342 25.278 25.238 61.501 38.719 97.131 36.113h.01c20.51-1.382 40.655-7.8275 58.094-18.768 1.8371-1.135 4.4306-2.8483 6.5332-4.3594h.006c22.575-15.979 39.465-39.585 47.443-66.041h.002c.41745-1.3632 1.111-3.8696 1.5781-5.6758a4.0373 4.0373 0 00.002-.01c8.6403-33.627 2.5372-70.531-16.539-99.555-19.243-29.945-51.601-50.773-86.816-55.918-7.5856-1.2503-15.296-1.6759-22.975-1.4199h-.008zm.13477 4.0352c7.457-.249 14.919.1631 22.23 1.3711 34.036 4.962 65.454 25.185 84.047 54.127 18.439 28.04 24.366 63.858 16.016 96.355-.45 1.74-1.1572 4.2888-1.5312 5.5098-7.713 25.59-24.097 48.486-45.922 63.932-2.005 1.442-4.6077 3.1614-6.3457 4.2344-16.863 10.579-36.391 16.828-56.244 18.162-34.425 2.52-69.585-10.567-94.006-34.957-23.901-23.376-37.288-56.95-36.18-90.35.075-2.442.2758-5.5637.4688-7.5547 2.386-26.782 13.994-52.607 32.404-72.199 21.757-23.425 53.046-37.621 85.062-38.631z" fill="url(#linearGradient224)"/></svg>
diff --git a/source/assets/images/pebbles/pebble-time-white.svg b/source/assets/images/pebbles/pebble-time-white.svg
new file mode 100644
index 0000000..4227a7e
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-time-white.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="267.8" height="403" version="1.1" viewBox="0 0 267.8 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient342" x1="62.5" x2="62.5" y1="1" y2="127" gradientTransform="matrix(3.2 0 0 3.2 -69.199 -3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#9d9d9d" offset="0"/><stop stop-color="#fff" offset=".071429"/><stop stop-color="#9d9d9d" offset=".19048"/><stop stop-color="#9d9d9d" offset=".78571"/><stop stop-color="#fff" offset=".86508"/><stop stop-color="#9d9d9d" offset="1"/></linearGradient><linearGradient id="linearGradient343" x1="7240" x2="7240" y1="-368" y2="-40" gradientTransform="translate(-7032.4 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#eee" offset="0"/><stop stop-color="#f0f0f0" offset="1"/></linearGradient><linearGradient id="linearGradient344" x1="6416.8" x2="6417" y1="-363" y2="-45" gradientTransform="translate(-6213.2 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#f9f9f8" offset="0"/><stop stop-color="#deddda" offset=".039543"/><stop stop-color="#deddda" offset=".75"/><stop stop-color="#deddda" offset=".95231"/><stop stop-color="#fbfbfb" offset="1"/></linearGradient><linearGradient id="linearGradient336" x1="6348" x2="6348" y1="-343" y2="-66" gradientTransform="translate(-6213.2 406)" gradientUnits="userSpaceOnUse"><stop stop-color="#c1c5c8" offset="0"/><stop stop-color="#8a9093" offset="1"/></linearGradient><radialGradient id="radialGradient2" cx="146.44" cy="169.51" r="126.7" gradientTransform="matrix(1.2697 -.007362 .0080707 1.3919 -44.96 -70.956)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" offset="0"/><stop stop-color="#cdd1d3" offset=".6616"/><stop stop-color="#959ca0" offset="1"/></radialGradient></defs><path d="m6.4005 117.2h19.2c3.5456 0 6.4 17.236 6.4 45.6v9.6h-26.86c-2.839 0-5.1405-2.3014-5.1405-5.1404v-4.4595c0-28.365 2.8544-45.6 6.4-45.6z" fill="#deddda" stroke-width="3.2"/><rect x="39.801" y="53" width="183" height="298" ry="6.4" fill="url(#linearGradient344)"/><path d="m46.001 53c-3.5456 0-6.3957 2.8548-6.4004 6.4004l-.4004 285.18c0 3.5456 2.8548 6.4004 6.4004 6.4004h170.6c3.5456 0 6.3957-2.8548 6.4004-6.4004l.4004-285.18c0-3.5456-2.8548-6.4004-6.4004-6.4004zm0 2h170.6c2.4721 0 4.4036 1.9284 4.4004 4.4004l-.4004 285.18c0 2.472-1.9283 4.4004-4.4004 4.4004h-170.6c-2.4721 0-4.4036-1.9284-4.4004-4.4004l.4004-285.18c0-2.472 1.9283-4.4004 4.4004-4.4004z" fill="url(#linearGradient343)"/><rect x="58.801" width="144" height="403" ry="10" fill="url(#linearGradient342)"/><path d="m241.8 117c-3.01-.061-5.78 25.103-5.98 52h31.97c-.2-26.836-2.97-52-6.39-52zm-6 58.47v51.53h32v-51.53zm.06 57.673c.39 25.355 3.07 48.857 6.35 48.857h19.2c3.27 0 5.95-23.502 6.35-48.857z" fill="#deddda"/><path d="m58.801 55v23h16zm144 0-16 23h16zm-144 272v23l16-23zm128 0 16 23v-23z" fill-opacity=".3"/><path d="m46.801 66c50.41-5.081 124.58-3.387 174.75 0 26.76 1.999 33.97 17.728 36.25 44.241 5.21 60.723 3.22 130.24 0 182.52-1.85 26.763-9.72 42.143-36.25 44.237-50.17 3.96-124.34 4.5707-174.52 0-26.7-2.6171-33.94-17.725-36.23-44.237-4.79-55.507-3.72-127.02 0-182.52 1.75-26.758 9.53-41.56 36-44.241z" fill="url(#radialGradient2)"/><rect x="34.801" y="94" width="198" height="215" ry="28"/><path d="m134.26 62.82c-27.115-.21175-62.26.63528-87.465 3.1758-26.47 2.681-34.25 17.482-36 44.24-3.72 55.5-4.79 127.01 0 182.52 2.29 26.512 9.531 41.619 36.23 44.236 50.18 4.5707 124.35 3.96 174.52 0 26.53-2.094 34.4-17.473 36.25-44.236 3.22-52.28 5.21-121.8 0-182.52-2.28-26.513-9.49-42.241-36.25-44.24-25.085-1.6935-60.17-2.964-87.285-3.1758zm-.025 3.1699c27.024.21104 62.042 1.4764 87.074 3.166v.002c25.324 1.8946 31.161 16.219 33.322 41.35 5.1878 60.464 3.2108 129.83 0 182.03-1.753 25.306-8.214 39.304-33.336 41.287-49.998 3.9464-124.03 4.5524-173.96.01-25.355-2.4869-31.207-16.231-33.377-41.356-4.7687-55.26-3.708-126.66 0-182.04v-.006c1.6548-25.302 8.008-38.747 33.156-41.295 25.049-2.5248 60.089-3.3693 87.121-3.1582z" fill="url(#linearGradient336)"/></svg>
diff --git a/source/assets/images/pebbles/pebble-white.svg b/source/assets/images/pebbles/pebble-white.svg
new file mode 100644
index 0000000..e9fcdbd
--- /dev/null
+++ b/source/assets/images/pebbles/pebble-white.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="246" height="403" version="1.1" viewBox="0 0 246 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient154" x1="-810" x2="-810" y1="10" y2="120" gradientTransform="matrix(3.2,0,0,3.2,2790.8,-3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#d8d8d8" offset="0"/><stop stop-color="#e0e0e0" offset=".3483"/><stop stop-color="#ebebeb" offset=".39091"/><stop stop-color="#e7e7e7" offset=".57557"/><stop stop-color="#e4e4e4" offset=".6608"/><stop stop-color="#959ca0" offset="1"/></linearGradient><linearGradient id="linearGradient155" x1="-830" x2="-830" y2="125" gradientTransform="matrix(3.2,0,0,3.2,2790.8,-3.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#9d9d9d" offset="0"/><stop stop-color="#fff" offset=".071429"/><stop stop-color="#9d9d9d" offset=".19048"/><stop stop-color="#9d9d9d" offset=".78571"/><stop stop-color="#fff" offset=".86508"/><stop stop-color="#9d9d9d" offset="1"/></linearGradient></defs><rect x="4" y="121" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="83" width="22" height="77" ry="6.4" fill="#262626"/><rect x="220" y="182" width="22" height="45" ry="6.4" fill="#262626"/><rect x="220" y="249" width="22" height="77" ry="6.4" fill="#262626"/><rect x="10" y="35" width="227" height="339" fill="url(#linearGradient154)"/><path d="m68 0c-8.864 0-16 7.133-16 15.992v45.008h144v-45.008c0-8.859-7.136-15.992-16-15.992zm-16 348.63v38.381c0 8.8593 7.136 15.992 16 15.992h112c8.864.00027 16-7.1322 16-15.992v-38.381z" fill="url(#linearGradient155)"/><path d="m52 35v26h12zm144 0-12 26h12zm-144 313.63v26l12-26zm132 0 12 26v-26z" opacity=".2"/><rect x="50" y="112" width="148" height="172" stroke-dashoffset=".2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="3.2" stroke-width="2"/></svg>
diff --git a/source/assets/images/pebbles/pebble2-aqua.svg b/source/assets/images/pebbles/pebble2-aqua.svg
new file mode 100644
index 0000000..98830c5
--- /dev/null
+++ b/source/assets/images/pebbles/pebble2-aqua.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="221.01" height="402.37" version="1.1" viewBox="0 0 221.01 402.37" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient100" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-2457.6,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#e8e8e8" offset="0"/><stop stop-color="#f8f8f8" offset=".38182"/><stop stop-color="#959ca0" offset="1"/></linearGradient><linearGradient id="linearGradient172" x1="-572" x2="-572" y2="128" gradientTransform="matrix(3.2,0,0,3.2,3686.4,1663.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#52baab" offset="0"/><stop stop-color="#6beedb" offset=".071429"/><stop stop-color="#52baab" offset=".19048"/><stop stop-color="#52baab" offset=".78571"/><stop stop-color="#6beedb" offset=".86508"/><stop stop-color="#52baab" offset="1"/></linearGradient><linearGradient id="linearGradient2" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-2457.6,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#fafafa" offset="0"/><stop stop-color="#adadad" offset="1"/></linearGradient></defs><g transform="translate(-1728,-1667)"><rect x="1732" y="1782" width="19" height="51" ry="3.2" fill="#52baab"/><path d="m1929 1782c-1.58 0-3 1.428-3 3.203v44.852c0 1.516 1.42 2.945 3.17 2.945h6.83v7h-6.83c-1.75-.334-3.17 1.095-3.17 2.87v51.259c0 1.442 1.42 2.871 3.17 2.871h6.83v7h-6.83c-1.75-.26-3.17 1.169-3.17 2.944v44.852c0 1.775 1.42 3.204 3.17 3.204h12.66c1.76 0 3.17-1.429 3.17-3.204v-44.852c.16-1.775-1.25-3.204-3-3.204v-6.407c1.59 0 3-1.429 3-3.204v-51.259c.16-1.775-1.25-3.204-3-3.204v-6.407c1.59 0 3-1.429 3-3.204v-44.852c-.01-1.775-1.42-3.203-3.17-3.203z" fill="#52baab"/><path d="m1738 1711v314h16.07c7.22-4e-4 12.93-5.7245 12.93-12.817v-13.183h144v13.183c.15 7.0926 5.86 12.804 12.95 12.817h16.05v-314h-16.03c-7.25 0-12.97 5.716-12.97 12.816v9.184h-144v-9.184c-.14-7.1-5.86-12.816-12.96-12.816z" fill="url(#linearGradient100)"/><rect x="1747" y="1766" width="182" height="208" ry="14.4" fill="#52baab"/><path d="m1783 1667c-8.86.01-16 7.134-16 15.986v50.014h144v-50.021c0-8.852-7.13-15.98-16-15.979zm-16 332v53.65c0 9.2238 7.14 16.32 16 16.35l112 .3726c8.87-.3722 16-7.4982 16-16.35v-54.023z" fill="url(#linearGradient172)"/><path d="m1767 1723v10h6zm144 0-6 10h6zm-144 276v13l9-13zm135 0 9 13v-13z" opacity=".3"/><path d="m1738 1711v314h16.07c7.22-4e-4 12.93-5.7239 12.93-12.816v-13.184h144v13.184c.15 7.0926 5.8592 12.803 12.949 12.816h16.051v-314h-16.029c-7.25 0-12.971 5.7164-12.971 12.816v9.1836h-144v-9.1836c-.14-7.1-5.8609-12.816-12.961-12.816h-16.039zm2 2h14.039c6.0265 0 10.842 4.808 10.961 10.856v9.1445a2.0002 2.0002 0 002 2h144a2.0002 2.0002 0 002-2v-9.1836c0-6.0257 4.772-10.816 10.971-10.816h14.029v310h-14.047c-6.018-.011-10.825-4.8166-10.953-10.859v-13.141a2.0002 2.0002 0 00-2-2h-144a2.0002 2.0002 0 00-2 2v13.184c0 6.0191-4.7666 10.816-10.93 10.816h-14.07v-310z" fill="url(#linearGradient2)"/></g></svg>
diff --git a/source/assets/images/pebbles/pebble2-black.svg b/source/assets/images/pebbles/pebble2-black.svg
new file mode 100644
index 0000000..0d0b19d
--- /dev/null
+++ b/source/assets/images/pebbles/pebble2-black.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="220.01" height="403" version="1.1" viewBox="0 0 220.01 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient92" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-4096,1253.8)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#5d5d5d" offset=".375"/><stop stop-color="#484848" offset=".625"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient165" x1="-572" x2="-572" y2="128" gradientTransform="matrix(3.2,0,0,3.2,2048,1663.4)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient2" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-4096,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#262626" offset="0"/><stop stop-color="#010101" offset="1"/></linearGradient></defs><g transform="translate(-90 -1667)"><rect x="94" y="1782" width="19" height="51" ry="3.2" fill="#262626"/><path d="m290 1782c-1.59 0-3 1.428-3 3.203v44.852c0 1.516 1.41 2.945 3.16 2.945h5.84v7h-5.84c-1.75-.334-3.16 1.095-3.16 2.87v51.259c0 1.442 1.41 2.871 3.16 2.871h5.84v7h-5.84c-1.75-.26-3.16 1.169-3.16 2.944v44.852c0 1.775 1.41 3.204 3.16 3.204h12.66c1.76 0 3.18-1.429 3.18-3.204v-44.852c.17-1.775-1.25-3.204-3-3.204v-6.407c1.58 0 3-1.429 3-3.204v-51.259c.17-1.775-1.25-3.204-3-3.204v-6.407c1.58 0 3-1.429 3-3.204v-44.852c-.01-1.775-1.43-3.203-3.18-3.203z" fill="#262626"/><path d="m99 1711v314h16.06c7.23-4e-4 12.94-5.7245 12.94-12.817v-13.183h144v13.183c.15 7.0926 5.85 12.804 12.95 12.817h16.05v-314h-16.04c-7.24 0-12.96 5.716-12.96 12.816v9.184h-144v-9.184c-.15-7.1-5.87-12.816-12.97-12.816z" fill="url(#linearGradient92)"/><rect x="109" y="1766" width="182" height="208" ry="14.4"/><path d="m144 1667c-8.87 0-16 7.133-16 15.993v51.007h144v-51.007c0-8.86-7.14-15.993-16-15.993zm-16 332v55.008c0 8.8591 7.13 15.992 16 15.992h112c8.86 4e-4 16-7.132 16-15.992v-55.008z" fill="url(#linearGradient165)"/><path d="m128 1723v10h6zm144 .816-6 10h6zm-144 275.18v13l9-13zm135 0 9 13v-13z" opacity=".3"/><path d="m99 1711v314h16.061c7.23-4e-4 12.939-5.7239 12.939-12.816v-13.184h144v13.184c.15 7.0926 5.8492 12.803 12.949 12.816h16.051v-314h-16.039c-7.24 0-12.961 5.7164-12.961 12.816v9.1836h-144v-9.1836c-.15-7.1-5.8707-12.816-12.971-12.816h-16.029zm2 2h14.029c6.0265 0 10.843 4.8103 10.971 10.859v9.1406a2.0002 2.0002 0 002 2h144a2.0002 2.0002 0 002-2v-9.1836c0-6.0256 4.7737-10.816 10.961-10.816h14.039v310h-14.047c-6.0295-.011-10.825-4.8148-10.953-10.859v-13.141a2.0002 2.0002 0 00-2-2h-144a2.0002 2.0002 0 00-2 2v13.184c0 6.0192-4.7649 10.816-10.939 10.816h-14.061v-310z" fill="url(#linearGradient2)"/></g></svg>
diff --git a/source/assets/images/pebbles/pebble2-flame.svg b/source/assets/images/pebbles/pebble2-flame.svg
new file mode 100644
index 0000000..3ac29ba
--- /dev/null
+++ b/source/assets/images/pebbles/pebble2-flame.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="220.01" height="403" version="1.1" viewBox="0 0 220.01 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient95" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-3276.8,1253.8)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#5d5d5d" offset=".375"/><stop stop-color="#484848" offset=".625"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient169" x1="-572" x2="-572" y2="128" gradientTransform="matrix(3.2,0,0,3.2,2867.2,1663.4)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient2" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-3276.8,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#262626" offset="0"/><stop stop-color="#010101" offset="1"/></linearGradient></defs><g transform="translate(-909 -1667)"><rect x="913" y="1782" width="19" height="51" ry="3.2" fill="#c62f1f"/><path d="m1109 1782c-1.59 0-3 1.428-3 3.203v44.852c0 1.516 1.41 2.945 3.16 2.945h6.84v7h-6.84c-1.75-.334-3.16 1.095-3.16 2.87v51.259c0 1.442 1.41 2.871 3.16 2.871h6.84v7h-6.84c-1.75-.26-3.16 1.169-3.16 2.944v44.852c0 1.775 1.41 3.204 3.16 3.204h12.66c1.76 0 3.18-1.429 3.18-3.204v-44.852c.17-1.775-1.25-3.204-3-3.204v-6.407c1.58 0 3-1.429 3-3.204v-51.259c.17-1.775-1.25-3.204-3-3.204v-6.407c1.58 0 3-1.429 3-3.204v-44.852c-.01-1.775-1.43-3.203-3.18-3.203z" fill="#c62f1f"/><path d="m918 1711v314h16.06c7.23-4e-4 12.94-5.7245 12.94-12.817v-13.183h144v13.183c.15 7.0926 5.85 12.804 12.95 12.817h16.05v-314h-16.04c-7.24 0-12.96 5.716-12.96 12.816v9.184h-144v-9.184c-.15-7.1-5.87-12.816-12.97-12.816z" fill="url(#linearGradient95)"/><rect x="928" y="1766" width="182" height="208" ry="14.4"/><path d="m963 1667c-8.87 0-16 7.133-16 15.993v51.007h144v-51.007c0-8.86-7.14-15.993-16-15.993zm-16 332v55.008c0 8.8591 7.13 15.992 16 15.992h112c8.86 4e-4 16-7.132 16-15.992v-55.008z" fill="url(#linearGradient169)"/><path d="m947 1723v10h6zm144 .816-6 10h6zm-144 275.18v13l9-13zm135 0 9 13v-13z" opacity=".3"/><path d="m918 1711v314h16.061c7.23-4e-4 12.939-5.7239 12.939-12.816v-13.184h144v13.184c.15 7.0926 5.8492 12.803 12.949 12.816h16.051v-314h-16.039c-7.24 0-12.961 5.7164-12.961 12.816v9.1836h-144v-9.1836c-.15-7.1-5.8707-12.816-12.971-12.816h-16.029zm2 2h14.029c6.0265 0 10.843 4.8103 10.971 10.859v9.1406a2.0002 2.0002 0 002 2h144a2.0002 2.0002 0 002-2v-9.1836c0-6.0256 4.7737-10.816 10.961-10.816h14.039v310h-14.047c-6.0295-.011-10.825-4.8148-10.953-10.859v-13.141a2.0002 2.0002 0 00-2-2h-144a2.0002 2.0002 0 00-2 2v13.184c0 6.0192-4.7649 10.816-10.939 10.816h-14.061v-310z" fill="url(#linearGradient2)"/></g></svg>
diff --git a/source/assets/images/pebbles/pebble2-lime.svg b/source/assets/images/pebbles/pebble2-lime.svg
new file mode 100644
index 0000000..c061011
--- /dev/null
+++ b/source/assets/images/pebbles/pebble2-lime.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="221.01" height="403" version="1.1" viewBox="0 0 221.01 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient99" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-2867.2,1253.8)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#5d5d5d" offset=".375"/><stop stop-color="#484848" offset=".625"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient171" x1="-572" x2="-572" y2="128" gradientTransform="matrix(3.2,0,0,3.2,3276.8,1663.4)" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop stop-color="#3b3b3b" offset=".071429"/><stop offset=".19048"/><stop offset=".78571"/><stop stop-color="#3b3b3b" offset=".86508"/><stop offset="1"/></linearGradient><linearGradient id="linearGradient2" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-2867.2,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#262626" offset="0"/><stop stop-color="#010101" offset="1"/></linearGradient></defs><g transform="translate(-1318,-1667)"><rect x="1322" y="1782" width="19" height="51" ry="3.2" fill="#96d548"/><path d="m1519 1782c-1.58 0-3 1.428-3 3.203v44.852c0 1.516 1.42 2.945 3.17 2.945h6.83v7h-6.83c-1.75-.334-3.17 1.095-3.17 2.87v51.259c0 1.442 1.42 2.871 3.17 2.871h6.83v7h-6.83c-1.75-.26-3.17 1.169-3.17 2.944v44.852c0 1.775 1.42 3.204 3.17 3.204h12.66c1.76 0 3.17-1.429 3.17-3.204v-44.852c.16-1.775-1.25-3.204-3-3.204v-6.407c1.59 0 3-1.429 3-3.204v-51.259c.16-1.775-1.25-3.204-3-3.204v-6.407c1.59 0 3-1.429 3-3.204v-44.852c-.01-1.775-1.42-3.203-3.17-3.203z" fill="#96d548"/><path d="m1328 1711v314h16.07c7.22-4e-4 12.93-5.7245 12.93-12.817v-13.183h144v13.183c.15 7.0926 5.86 12.804 12.96 12.817h16.04v-314h-16.03c-7.25 0-12.97 5.716-12.97 12.816v9.184h-144v-9.184c-.14-7.1-5.86-12.816-12.96-12.816z" fill="url(#linearGradient99)"/><rect x="1338" y="1766" width="182" height="208" ry="14.4"/><path d="m1373 1667c-8.86 0-16 7.132-16 15.992v51.008h144v-51.008c0-8.86-7.13-15.992-16-15.992zm-16 332v55.008c0 8.86 7.14 15.992 16 15.992h112c8.87-4e-4 16-7.1328 16-15.992v-55.008z" fill="url(#linearGradient171)"/><path d="m1357 1723v10h6zm144 1-6 10h6zm-144 275v13l9-13zm135 0 9 13v-13z" opacity=".3"/><path d="m1328 1711v314h16.07c7.22-4e-4 12.93-5.7239 12.93-12.816v-13.184h144v13.184c.15 7.0926 5.8609 12.803 12.961 12.816h16.039v-314h-16.029c-7.25 0-12.971 5.7164-12.971 12.816v9.1836h-144v-9.1836c-.14-7.1-5.8609-12.816-12.961-12.816h-16.039zm2 2h14.039c6.0265 0 10.842 4.808 10.961 10.856v9.1445a2.0002 2.0002 0 002 2h144a2.0002 2.0002 0 002-2v-9.1836c0-6.0257 4.772-10.816 10.971-10.816h14.029v310h-14.035c-6.0295-.011-10.837-4.817-10.965-10.859v-13.141a2.0002 2.0002 0 00-2-2h-144a2.0002 2.0002 0 00-2 2v13.184c0 6.0191-4.7666 10.816-10.93 10.816h-14.07v-310z" fill="url(#linearGradient2)"/></g></svg>
diff --git a/source/assets/images/pebbles/pebble2-white.svg b/source/assets/images/pebbles/pebble2-white.svg
new file mode 100644
index 0000000..efec198
--- /dev/null
+++ b/source/assets/images/pebbles/pebble2-white.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="221.01" height="403" version="1.1" viewBox="0 0 221.01 403" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="linearGradient93" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-3686.4,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#e8e8e8" offset="0"/><stop stop-color="#f8f8f8" offset=".38182"/><stop stop-color="#959ca0" offset="1"/></linearGradient><linearGradient id="linearGradient167" x1="-572" x2="-572" y2="128" gradientTransform="matrix(3.2,0,0,3.2,2457.6,1663.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#9d9d9d" offset="0"/><stop stop-color="#fff" offset=".071429"/><stop stop-color="#9d9d9d" offset=".19048"/><stop stop-color="#9d9d9d" offset=".78571"/><stop stop-color="#fff" offset=".86508"/><stop stop-color="#9d9d9d" offset="1"/></linearGradient><linearGradient id="linearGradient2" x1="1374" x2="1374" y1="143" y2="241" gradientTransform="matrix(3.2,0,0,3.2,-3686.4,1253.8)" gradientUnits="userSpaceOnUse"><stop stop-color="#fafafa" offset="0"/><stop stop-color="#adadad" offset="1"/></linearGradient></defs><g transform="translate(-499 -1667)"><rect x="503" y="1782" width="19" height="51" ry="3.2" fill="#deddda"/><path d="m700 1782c-1.59 0-3 1.428-3 3.203v44.852c0 1.516 1.41 2.945 3.16 2.945h5.84v7h-5.84c-1.75-.334-3.16 1.095-3.16 2.87v51.259c0 1.442 1.41 2.871 3.16 2.871h5.84v7h-5.84c-1.75-.26-3.16 1.169-3.16 2.944v44.852c0 1.775 1.41 3.204 3.16 3.204h12.66c1.76 0 3.18-1.429 3.18-3.204v-44.852c.17-1.775-1.25-3.204-3-3.204v-6.407c1.58 0 3-1.429 3-3.204v-51.259c.17-1.775-1.25-3.204-3-3.204v-6.407c1.58 0 3-1.429 3-3.204v-44.852c-.01-1.775-1.43-3.203-3.18-3.203z" fill="#deddda"/><path d="m509 1711v314h16.06c7.23-4e-4 12.94-5.7245 12.94-12.817v-13.183h144v13.183c.15 7.0926 5.85 12.804 12.95 12.817h16.05v-314h-16.04c-7.24 0-12.96 5.716-12.96 12.816v9.184h-144v-9.184c-.15-7.1-5.87-12.816-12.97-12.816z" fill="url(#linearGradient93)"/><rect x="518" y="1766" width="182" height="208" ry="14.4"/><path d="m554 1667c-8.87 0-16 7.133-16 15.993v51.007h144v-51.007c0-8.86-7.14-15.993-16-15.993zm-16 332v55.008c0 8.8591 7.13 15.992 16 15.992h112c8.86 4e-4 16-7.132 16-15.992v-55.008z" fill="url(#linearGradient167)"/><path d="m538 1724v10h6zm144 0-6 10h6zm-144 275v13l9-13zm135 0 9 13v-13z" opacity=".3"/><path d="m509 1711v314h16.061c7.23-4e-4 12.939-5.7239 12.939-12.816v-13.184h144v13.184c.15 7.0926 5.8492 12.803 12.949 12.816h16.051v-314h-16.039c-7.24 0-12.961 5.7164-12.961 12.816v9.1836h-144v-9.1836c-.15-7.1-5.8707-12.816-12.971-12.816h-16.029zm2 2h14.029c6.0265 0 10.843 4.8103 10.971 10.859v9.1406a2.0002 2.0002 0 002 2h144a2.0002 2.0002 0 002-2v-9.1836c0-6.0256 4.7737-10.816 10.961-10.816h14.039v310h-14.047c-6.0295-.011-10.825-4.8148-10.953-10.859v-13.141a2.0002 2.0002 0 00-2-2h-144a2.0002 2.0002 0 00-2 2v13.184c0 6.0192-4.7649 10.816-10.939 10.816h-14.061v-310z" fill="url(#linearGradient2)"/></g></svg>
diff --git a/source/assets/images/pebbles/red.png b/source/assets/images/pebbles/red.png
deleted file mode 100644
index af78bde..0000000
Binary files a/source/assets/images/pebbles/red.png and /dev/null differ
diff --git a/source/assets/images/pebbles/snowy-black.png b/source/assets/images/pebbles/snowy-black.png
deleted file mode 100644
index 9fdc563..0000000
Binary files a/source/assets/images/pebbles/snowy-black.png and /dev/null differ
diff --git a/source/assets/images/pebbles/snowy-red.png b/source/assets/images/pebbles/snowy-red.png
deleted file mode 100644
index 07df829..0000000
Binary files a/source/assets/images/pebbles/snowy-red.png and /dev/null differ
diff --git a/source/assets/images/pebbles/snowy-white.png b/source/assets/images/pebbles/snowy-white.png
deleted file mode 100644
index 48bd392..0000000
Binary files a/source/assets/images/pebbles/snowy-white.png and /dev/null differ
diff --git a/source/assets/images/pebbles/steel_black.png b/source/assets/images/pebbles/steel_black.png
deleted file mode 100644
index e0de193..0000000
Binary files a/source/assets/images/pebbles/steel_black.png and /dev/null differ
diff --git a/source/assets/images/pebbles/steel_stainless.png b/source/assets/images/pebbles/steel_stainless.png
deleted file mode 100644
index 7c213ad..0000000
Binary files a/source/assets/images/pebbles/steel_stainless.png and /dev/null differ
diff --git a/source/assets/images/pebbles/time-round-black-20.png b/source/assets/images/pebbles/time-round-black-20.png
deleted file mode 100644
index ed18b36..0000000
Binary files a/source/assets/images/pebbles/time-round-black-20.png and /dev/null differ
diff --git a/source/assets/images/pebbles/time-round-red-14.png b/source/assets/images/pebbles/time-round-red-14.png
deleted file mode 100644
index 3234409..0000000
Binary files a/source/assets/images/pebbles/time-round-red-14.png and /dev/null differ
diff --git a/source/assets/images/pebbles/white.png b/source/assets/images/pebbles/white.png
deleted file mode 100644
index f7c6472..0000000
Binary files a/source/assets/images/pebbles/white.png and /dev/null differ
diff --git a/source/assets/images/pebbles/white_black.png b/source/assets/images/pebbles/white_black.png
deleted file mode 100644
index f1ee365..0000000
Binary files a/source/assets/images/pebbles/white_black.png and /dev/null differ