fix(homepage): fix splash svg on homepage (#179)

kara · jelbourn · commit e51408e35873 · 2017-06-16T11:51:29.000-07:00
diff --git a/src/assets/img/homepage/material_splash.svg b/src/assets/img/homepage/material_splash.svg
@@ -1 +1,85 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="1440px" height="524px" viewBox="0 0 1440 524" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Material Splash</title> <desc>Homepage Hero Background</desc> <defs> <rect id="mat-splash-path-1" x="1.77635684e-13" y="-1.70530257e-13" width="77" height="31" rx="15.5"></rect> <mask id="mat-splash-mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white"> <use xlink:href="#mat-splash-path-1"></use> </mask> <rect id="mat-splash-path-3" x="2.13162821e-13" y="-8.52651283e-14" width="77" height="31" rx="15.5"></rect> <mask id="mat-splash-mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white"> <use xlink:href="#mat-splash-path-3"></use> </mask> <rect id="mat-splash-path-5" x="0" y="0" width="77" height="31" rx="15.5"></rect> <mask id="mat-splash-mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white"> <use xlink:href="#mat-splash-path-5"></use> </mask> <rect id="mat-splash-path-7" x="0" y="0" width="77" height="31" rx="15.5"></rect> <mask id="mat-splash-mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white"> <use xlink:href="#mat-splash-path-7"></use> </mask> <rect id="mat-splash-path-9" x="0" y="0" width="77" height="31" rx="15.5"></rect> <mask id="mat-splash-mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white"> <use xlink:href="#mat-splash-path-9"></use> </mask> </defs> <g id="mat-splash-Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="mat-splash-material-splash"> <g id="mat-splash-fab" transform="translate(454.000000, 362.000000)"> <circle id="mat-splash-Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle> <text id="mat-splash-+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF"> <tspan x="12.5106383" y="33.893617">+</tspan> </text> </g> <g id="mat-splash-fab" transform="translate(1218.000000, 395.000000)"> <circle id="mat-splash-Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle> <text id="mat-splash-+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF"> <tspan x="12.5106383" y="33.893617">+</tspan> </text> </g> <g id="mat-splash-fab" transform="translate(1333.000000, 42.000000)"> <circle id="mat-splash-Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle> <text id="mat-splash-+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF"> <tspan x="12.5106383" y="33.893617">+</tspan> </text> </g> <g id="mat-splash-fab" transform="translate(110.000000, 180.000000)"> <circle id="mat-splash-Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle> <text id="mat-splash-+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF"> <tspan x="12.5106383" y="33.893617">+</tspan> </text> </g> <g id="mat-splash-toggle" transform="translate(184.187408, 372.221776) rotate(-29.000000) translate(-184.187408, -372.221776) translate(145.687408, 356.721776)"> <use id="mat-splash-Rectangle" stroke="#FFFFFF" mask="url(#mat-splash-mask-2)" stroke-width="4.356" xlink:href="#mat-splash-path-1"></use> <ellipse id="mat-splash-Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse> </g> <g id="mat-splash-toggle" transform="translate(96.405439, 96.638530) rotate(18.000000) translate(-96.405439, -96.638530) translate(57.905439, 81.138530)"> <use id="mat-splash-Rectangle" stroke="#FFFFFF" mask="url(#mat-splash-mask-4)" stroke-width="4.356" xlink:href="#mat-splash-path-3"></use> <ellipse id="mat-splash-Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse> </g> <g id="mat-splash-toggle" transform="translate(1135.398324, 166.808597) rotate(334.000000) translate(-1135.398324, -166.808597) translate(1096.898324, 151.308597)"> <use id="mat-splash-Rectangle" stroke="#FFFFFF" mask="url(#mat-splash-mask-6)" stroke-width="4.356" xlink:href="#mat-splash-path-5"></use> <ellipse id="mat-splash-Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse> </g> <g id="mat-splash-toggle" transform="translate(1018.398324, 363.808597) rotate(386.000000) translate(-1018.398324, -363.808597) translate(979.898324, 348.308597)"> <use id="mat-splash-Rectangle" stroke="#FFFFFF" mask="url(#mat-splash-mask-8)" stroke-width="4.356" xlink:href="#mat-splash-path-7"></use> <ellipse id="mat-splash-Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse> </g> <g id="mat-splash-toggle" transform="translate(390.497550, 103.267663) rotate(699.000000) translate(-390.497550, -103.267663) translate(351.997550, 87.767663)"> <use id="mat-splash-Rectangle" stroke="#FFFFFF" mask="url(#mat-splash-mask-10)" stroke-width="4.356" xlink:href="#mat-splash-path-9"></use> <ellipse id="mat-splash-Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse> </g> <g id="mat-splash-menu" transform="translate(1250.000000, 247.000000)" fill="#FFFFFF"> <path d="mat-splash-M0,28 L42,28 L42,23.3333333 L0,23.3333333 L0,28 L0,28 Z M0,16.3333333 L42,16.3333333 L42,11.6666667 L0,11.6666667 L0,16.3333333 L0,16.3333333 Z M0,1.77635684e-15 L0,4.66666667 L42,4.66666667 L42,1.77635684e-15 L0,1.77635684e-15 L0,1.77635684e-15 Z" id="mat-splash-lines"></path> </g> <g id="mat-splash-menu" transform="translate(1018.000000, 47.000000)" fill="#FFFFFF"> <path d="mat-splash-M0,28 L42,28 L42,23.3333333 L0,23.3333333 L0,28 L0,28 Z M0,16.3333333 L42,16.3333333 L42,11.6666667 L0,11.6666667 L0,16.3333333 L0,16.3333333 Z M0,1.77635684e-15 L0,4.66666667 L42,4.66666667 L42,1.77635684e-15 L0,1.77635684e-15 L0,1.77635684e-15 Z" id="mat-splash-lines"></path> </g> <g id="mat-splash-menu" transform="translate(260.000000, 204.000000)" fill="#FFFFFF"> <path d="mat-splash-M0,28 L42,28 L42,23.3333333 L0,23.3333333 L0,28 L0,28 Z M0,16.3333333 L42,16.3333333 L42,11.6666667 L0,11.6666667 L0,16.3333333 L0,16.3333333 Z M0,1.77635684e-15 L0,4.66666667 L42,4.66666667 L42,1.77635684e-15 L0,1.77635684e-15 L0,1.77635684e-15 Z" id="mat-splash-lines"></path> </g> <rect id="mat-splash-Overlay" opacity="0.828299907" x="0" y="0" width="1440" height="526"></rect> </g> </g></svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="1440px" height="524px" viewBox="0 0 1440 524" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Material Splash</title>
+    <desc>Homepage Hero Background</desc>
+    <defs>
+        <rect id="path-1" x="1.77635684e-13" y="-1.70530257e-13" width="77" height="31" rx="15.5"></rect>
+        <mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <rect id="path-3" x="2.13162821e-13" y="-8.52651283e-14" width="77" height="31" rx="15.5"></rect>
+        <mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white">
+            <use xlink:href="#path-3"></use>
+        </mask>
+        <rect id="path-5" x="0" y="0" width="77" height="31" rx="15.5"></rect>
+        <mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white">
+            <use xlink:href="#path-5"></use>
+        </mask>
+        <rect id="path-7" x="0" y="0" width="77" height="31" rx="15.5"></rect>
+        <mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white">
+            <use xlink:href="#path-7"></use>
+        </mask>
+        <rect id="path-9" x="0" y="0" width="77" height="31" rx="15.5"></rect>
+        <mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="77" height="31" fill="white">
+            <use xlink:href="#path-9"></use>
+        </mask>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="material-splash">
+            <g id="fab" transform="translate(454.000000, 362.000000)">
+                <circle id="Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle>
+                <text id="+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF">
+                    <tspan x="12.5106383" y="33.893617">+</tspan>
+                </text>
+            </g>
+            <g id="fab" transform="translate(1218.000000, 395.000000)">
+                <circle id="Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle>
+                <text id="+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF">
+                    <tspan x="12.5106383" y="33.893617">+</tspan>
+                </text>
+            </g>
+            <g id="fab" transform="translate(1333.000000, 42.000000)">
+                <circle id="Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle>
+                <text id="+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF">
+                    <tspan x="12.5106383" y="33.893617">+</tspan>
+                </text>
+            </g>
+            <g id="fab" transform="translate(110.000000, 180.000000)">
+                <circle id="Oval" stroke="#FFFFFF" stroke-width="2.4" cx="21" cy="23" r="21"></circle>
+                <text id="+" font-family="Roboto-Light, Roboto" font-size="31.3632" font-weight="300" fill="#FFFFFF">
+                    <tspan x="12.5106383" y="33.893617">+</tspan>
+                </text>
+            </g>
+            <g id="toggle" transform="translate(184.187408, 372.221776) rotate(-29.000000) translate(-184.187408, -372.221776) translate(145.687408, 356.721776)">
+                <use id="Rectangle" stroke="#FFFFFF" mask="url(#mask-2)" stroke-width="4.356" xlink:href="#path-1"></use>
+                <ellipse id="Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse>
+            </g>
+            <g id="toggle" transform="translate(96.405439, 96.638530) rotate(18.000000) translate(-96.405439, -96.638530) translate(57.905439, 81.138530)">
+                <use id="Rectangle" stroke="#FFFFFF" mask="url(#mask-4)" stroke-width="4.356" xlink:href="#path-3"></use>
+                <ellipse id="Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse>
+            </g>
+            <g id="toggle" transform="translate(1135.398324, 166.808597) rotate(334.000000) translate(-1135.398324, -166.808597) translate(1096.898324, 151.308597)">
+                <use id="Rectangle" stroke="#FFFFFF" mask="url(#mask-6)" stroke-width="4.356" xlink:href="#path-5"></use>
+                <ellipse id="Oval" fill="#FFFFFF" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse>
+            </g>
+            <g id="toggle" transform="translate(1018.398324, 363.808597) rotate(386.000000) translate(-1018.398324, -363.808597) translate(979.898324, 348.308597)">
+                <use id="Rectangle" stroke="#FFFFFF" mask="url(#mask-8)" stroke-width="4.356" fill="#FFFFFF" xlink:href="#path-7"></use>
+                <ellipse id="Oval" fill="#00BCD4" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse>
+            </g>
+            <g id="toggle" transform="translate(390.497550, 103.267663) rotate(699.000000) translate(-390.497550, -103.267663) translate(351.997550, 87.767663)">
+                <use id="Rectangle" stroke="#FFFFFF" mask="url(#mask-10)" stroke-width="4.356" fill="#FFFFFF" xlink:href="#path-9"></use>
+                <ellipse id="Oval" fill="#00BCD4" cx="16.1162791" cy="14.5882353" rx="10.744186" ry="10.9411765"></ellipse>
+            </g>
+            <g id="menu" transform="translate(1250.000000, 247.000000)" fill="#FFFFFF">
+                <path d="M0,28 L42,28 L42,23.3333333 L0,23.3333333 L0,28 L0,28 Z M0,16.3333333 L42,16.3333333 L42,11.6666667 L0,11.6666667 L0,16.3333333 L0,16.3333333 Z M0,1.77635684e-15 L0,4.66666667 L42,4.66666667 L42,1.77635684e-15 L0,1.77635684e-15 L0,1.77635684e-15 Z" id="lines"></path>
+            </g>
+            <g id="menu" transform="translate(1018.000000, 47.000000)" fill="#FFFFFF">
+                <path d="M0,28 L42,28 L42,23.3333333 L0,23.3333333 L0,28 L0,28 Z M0,16.3333333 L42,16.3333333 L42,11.6666667 L0,11.6666667 L0,16.3333333 L0,16.3333333 Z M0,1.77635684e-15 L0,4.66666667 L42,4.66666667 L42,1.77635684e-15 L0,1.77635684e-15 L0,1.77635684e-15 Z" id="lines"></path>
+            </g>
+            <g id="menu" transform="translate(260.000000, 204.000000)" fill="#FFFFFF">
+                <path d="M0,28 L42,28 L42,23.3333333 L0,23.3333333 L0,28 L0,28 Z M0,16.3333333 L42,16.3333333 L42,11.6666667 L0,11.6666667 L0,16.3333333 L0,16.3333333 Z M0,1.77635684e-15 L0,4.66666667 L42,4.66666667 L42,1.77635684e-15 L0,1.77635684e-15 L0,1.77635684e-15 Z" id="lines"></path>
+            </g>
+            <rect id="Overlay" fill="#00BCD4" opacity="0.828299907" x="0" y="0" width="1440" height="526"></rect>
+        </g>
+    </g>
+</svg>
