Skip to content
Permalink
Browse files

Episode 5 Complete

  • Loading branch information...
JeffreyWay committed Mar 21, 2019
1 parent 5f254f7 commit 289eab96b4df08d9df66a8a7e0a52f297aa808aa
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="206" height="24" viewBox="0 0 206 24">
<g fill="none" fill-rule="evenodd">
<path fill="#FFF" fill-rule="nonzero" d="M0 3.4h4.47v15.677h9.683v3.643H0V3.4zm34.146 15.18H25.18l-1.71 4.14h-4.58L27.496 3.4h4.415l8.635 19.32h-4.69l-1.71-4.14zm-1.407-3.395l-3.062-7.397-3.063 7.397h6.125zm26.725 7.535l-3.724-5.382h-4.111v5.382h-4.47V3.4h8.36c1.71 0 3.196.285 4.456.855 1.26.57 2.23 1.38 2.91 2.43.68 1.048 1.021 2.29 1.021 3.725 0 1.436-.345 2.673-1.035 3.713s-1.669 1.835-2.938 2.387l4.332 6.21h-4.8zm-.083-12.31c0-1.085-.35-1.918-1.048-2.498-.699-.58-1.72-.869-3.062-.869h-3.642v6.735h3.642c1.342 0 2.363-.295 3.062-.884.699-.588 1.048-1.416 1.048-2.484zm25.373 8.17h-8.966l-1.71 4.14h-4.58L78.104 3.4h4.415l8.635 19.32h-4.69l-1.71-4.14zm-1.407-3.395l-3.062-7.397-3.063 7.397h6.125zm23.387 7.867c-1.968 0-3.748-.428-5.339-1.284-1.59-.855-2.841-2.042-3.752-3.56-.91-1.518-1.366-3.234-1.366-5.148 0-1.914.456-3.63 1.366-5.148.91-1.518 2.161-2.704 3.752-3.56 1.591-.856 3.38-1.284 5.366-1.284 1.674 0 3.187.295 4.539.884a9.09 9.09 0 0 1 3.407 2.539l-2.87 2.65c-1.305-1.51-2.924-2.264-4.855-2.264-1.195 0-2.262.263-3.2.787a5.59 5.59 0 0 0-2.194 2.194c-.524.939-.786 2.006-.786 3.202 0 1.196.262 2.263.786 3.202a5.59 5.59 0 0 0 2.194 2.194c.938.524 2.005.787 3.2.787 1.931 0 3.55-.764 4.856-2.291l2.87 2.65a8.944 8.944 0 0 1-3.422 2.566c-1.361.59-2.878.884-4.552.884zm47.27 0c-1.527 0-3.003-.207-4.429-.621-1.425-.414-2.57-.953-3.435-1.615l1.518-3.367c.828.607 1.812 1.094 2.952 1.462 1.14.368 2.28.552 3.421.552 1.27 0 2.207-.188 2.814-.565.607-.378.91-.879.91-1.505 0-.46-.179-.841-.537-1.145-.36-.304-.819-.547-1.38-.731a27.449 27.449 0 0 0-2.276-.608c-1.471-.35-2.676-.699-3.614-1.049a5.872 5.872 0 0 1-2.414-1.683c-.672-.773-1.007-1.803-1.007-3.091 0-1.123.303-2.14.91-3.05.607-.911 1.522-1.633 2.745-2.167 1.223-.534 2.718-.8 4.484-.8 1.232 0 2.437.147 3.614.441 1.177.295 2.207.718 3.09 1.27l-1.38 3.395c-1.784-1.012-3.568-1.518-5.352-1.518-1.25 0-2.175.202-2.773.607-.598.405-.896.938-.896 1.6 0 .663.344 1.155 1.034 1.477.69.322 1.743.64 3.16.953 1.47.35 2.675.699 3.613 1.048.938.35 1.743.902 2.414 1.656.672.755 1.007 1.776 1.007 3.064a5.277 5.277 0 0 1-.924 3.022c-.616.911-1.54 1.634-2.773 2.167-1.232.534-2.73.8-4.497.8zm19.579-16.009h-6.18V3.4h16.83v3.643h-6.18V22.72h-4.47V7.043zm23.855 16.009c-1.526 0-3.002-.207-4.428-.621-1.425-.414-2.57-.953-3.435-1.615l1.518-3.367c.827.607 1.811 1.094 2.952 1.462 1.14.368 2.28.552 3.42.552 1.27 0 2.208-.188 2.815-.565.607-.378.91-.879.91-1.505 0-.46-.18-.841-.538-1.145-.358-.304-.818-.547-1.38-.731a27.449 27.449 0 0 0-2.275-.608c-1.472-.35-2.676-.699-3.614-1.049a5.872 5.872 0 0 1-2.415-1.683c-.67-.773-1.007-1.803-1.007-3.091 0-1.123.304-2.14.91-3.05.608-.911 1.523-1.633 2.746-2.167 1.223-.534 2.718-.8 4.483-.8 1.233 0 2.437.147 3.614.441 1.178.295 2.208.718 3.09 1.27l-1.379 3.395c-1.784-1.012-3.568-1.518-5.352-1.518-1.251 0-2.175.202-2.773.607-.598.405-.897.938-.897 1.6 0 .663.345 1.155 1.035 1.477.69.322 1.743.64 3.159.953 1.471.35 2.676.699 3.614 1.048.938.35 1.743.902 2.414 1.656.671.755 1.007 1.776 1.007 3.064a5.277 5.277 0 0 1-.924 3.022c-.616.911-1.54 1.634-2.773 2.167-1.232.534-2.731.8-4.497.8z"/>
<g fill="#FFF">
<path d="M123.42 6.017l3.147 3.146a1.661 1.661 0 1 1-2.35 2.35l-3.146-3.146a1.661 1.661 0 1 1 2.35-2.35zM130.15 12.746l6.742 6.742a1.661 1.661 0 1 1-2.35 2.35l-6.742-6.742a1.661 1.661 0 1 1 2.35-2.35z"/>
<path d="M121.823 5.59L139.95.876a1.707 1.707 0 0 1 2.076 1.198 1.658 1.658 0 0 1-1.182 2.046l-18.125 4.715a1.707 1.707 0 0 1-2.076-1.199 1.658 1.658 0 0 1 1.181-2.046z"/>
<path d="M134.083 20.2l4.715-18.125a1.658 1.658 0 0 1 2.046-1.182 1.707 1.707 0 0 1 1.198 2.076l-4.714 18.126a1.658 1.658 0 0 1-2.046 1.18 1.707 1.707 0 0 1-1.199-2.075z"/>
</g>
<path fill="#53B5FF" d="M133.465 11.86l-6.55 6.55a1.69 1.69 0 1 1-2.39-2.39l6.55-6.549a1.69 1.69 0 0 1 2.39 2.39zM123.715 21.61l-.986.987a1.69 1.69 0 1 1-2.39-2.39l.986-.986a1.69 1.69 0 0 1 2.39 2.39z"/>
</g>
</svg>
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="206" height="24" viewBox="0 0 206 24">
<g fill="#FFF" fill-rule="evenodd">
<path fill-rule="nonzero" d="M0 3.4h4.47v15.677h9.683v3.643H0V3.4zm34.146 15.18H25.18l-1.71 4.14h-4.58L27.496 3.4h4.415l8.635 19.32h-4.69l-1.71-4.14zm-1.407-3.395l-3.062-7.397-3.063 7.397h6.125zm26.725 7.535l-3.724-5.382h-4.111v5.382h-4.47V3.4h8.36c1.71 0 3.196.285 4.456.855 1.26.57 2.23 1.38 2.91 2.43.68 1.048 1.021 2.29 1.021 3.725 0 1.436-.345 2.673-1.035 3.713s-1.669 1.835-2.938 2.387l4.332 6.21h-4.8zm-.083-12.31c0-1.085-.35-1.918-1.048-2.498-.699-.58-1.72-.869-3.062-.869h-3.642v6.735h3.642c1.342 0 2.363-.295 3.062-.884.699-.588 1.048-1.416 1.048-2.484zm25.373 8.17h-8.966l-1.71 4.14h-4.58L78.104 3.4h4.415l8.635 19.32h-4.69l-1.71-4.14zm-1.407-3.395l-3.062-7.397-3.063 7.397h6.125zm23.387 7.867c-1.968 0-3.748-.428-5.339-1.284-1.59-.855-2.841-2.042-3.752-3.56-.91-1.518-1.366-3.234-1.366-5.148 0-1.914.456-3.63 1.366-5.148.91-1.518 2.161-2.704 3.752-3.56 1.591-.856 3.38-1.284 5.366-1.284 1.674 0 3.187.295 4.539.884a9.09 9.09 0 0 1 3.407 2.539l-2.87 2.65c-1.305-1.51-2.924-2.264-4.855-2.264-1.195 0-2.262.263-3.2.787a5.59 5.59 0 0 0-2.194 2.194c-.524.939-.786 2.006-.786 3.202 0 1.196.262 2.263.786 3.202a5.59 5.59 0 0 0 2.194 2.194c.938.524 2.005.787 3.2.787 1.931 0 3.55-.764 4.856-2.291l2.87 2.65a8.944 8.944 0 0 1-3.422 2.566c-1.361.59-2.878.884-4.552.884zm47.27 0c-1.527 0-3.003-.207-4.429-.621-1.425-.414-2.57-.953-3.435-1.615l1.518-3.367c.828.607 1.812 1.094 2.952 1.462 1.14.368 2.28.552 3.421.552 1.27 0 2.207-.188 2.814-.565.607-.378.91-.879.91-1.505 0-.46-.179-.841-.537-1.145-.36-.304-.819-.547-1.38-.731a27.449 27.449 0 0 0-2.276-.608c-1.471-.35-2.676-.699-3.614-1.049a5.872 5.872 0 0 1-2.414-1.683c-.672-.773-1.007-1.803-1.007-3.091 0-1.123.303-2.14.91-3.05.607-.911 1.522-1.633 2.745-2.167 1.223-.534 2.718-.8 4.484-.8 1.232 0 2.437.147 3.614.441 1.177.295 2.207.718 3.09 1.27l-1.38 3.395c-1.784-1.012-3.568-1.518-5.352-1.518-1.25 0-2.175.202-2.773.607-.598.405-.896.938-.896 1.6 0 .663.344 1.155 1.034 1.477.69.322 1.743.64 3.16.953 1.47.35 2.675.699 3.613 1.048.938.35 1.743.902 2.414 1.656.672.755 1.007 1.776 1.007 3.064a5.277 5.277 0 0 1-.924 3.022c-.616.911-1.54 1.634-2.773 2.167-1.232.534-2.73.8-4.497.8zm19.579-16.009h-6.18V3.4h16.83v3.643h-6.18V22.72h-4.47V7.043zm23.855 16.009c-1.526 0-3.002-.207-4.428-.621-1.425-.414-2.57-.953-3.435-1.615l1.518-3.367c.827.607 1.811 1.094 2.952 1.462 1.14.368 2.28.552 3.42.552 1.27 0 2.208-.188 2.815-.565.607-.378.91-.879.91-1.505 0-.46-.18-.841-.538-1.145-.358-.304-.818-.547-1.38-.731a27.449 27.449 0 0 0-2.275-.608c-1.472-.35-2.676-.699-3.614-1.049a5.872 5.872 0 0 1-2.415-1.683c-.67-.773-1.007-1.803-1.007-3.091 0-1.123.304-2.14.91-3.05.608-.911 1.523-1.633 2.746-2.167 1.223-.534 2.718-.8 4.483-.8 1.233 0 2.437.147 3.614.441 1.178.295 2.208.718 3.09 1.27l-1.379 3.395c-1.784-1.012-3.568-1.518-5.352-1.518-1.251 0-2.175.202-2.773.607-.598.405-.897.938-.897 1.6 0 .663.345 1.155 1.035 1.477.69.322 1.743.64 3.159.953 1.471.35 2.676.699 3.614 1.048.938.35 1.743.902 2.414 1.656.671.755 1.007 1.776 1.007 3.064a5.277 5.277 0 0 1-.924 3.022c-.616.911-1.54 1.634-2.773 2.167-1.232.534-2.731.8-4.497.8z"/>
<path d="M123.42 6.017l3.147 3.146a1.661 1.661 0 1 1-2.35 2.35l-3.146-3.146a1.661 1.661 0 1 1 2.35-2.35zM130.15 12.746l6.742 6.742a1.661 1.661 0 1 1-2.35 2.35l-6.742-6.742a1.661 1.661 0 1 1 2.35-2.35z"/>
<path d="M121.823 5.59L139.95.876a1.707 1.707 0 0 1 2.076 1.198 1.658 1.658 0 0 1-1.182 2.046l-18.125 4.715a1.707 1.707 0 0 1-2.076-1.199 1.658 1.658 0 0 1 1.181-2.046z"/>
<path d="M134.083 20.2l4.715-18.125a1.658 1.658 0 0 1 2.046-1.182 1.707 1.707 0 0 1 1.198 2.076l-4.714 18.126a1.658 1.658 0 0 1-2.046 1.18 1.707 1.707 0 0 1-1.199-2.075zM133.465 11.86l-6.55 6.55a1.69 1.69 0 1 1-2.39-2.39l6.55-6.549a1.69 1.69 0 0 1 2.39 2.39zM123.715 21.61l-.986.987a1.69 1.69 0 1 1-2.39-2.39l.986-.986a1.69 1.69 0 0 1 2.39 2.39z"/>
</g>
</svg>
@@ -0,0 +1,50 @@
<svg xmlns="http://www.w3.org/2000/svg" width="105" height="93" viewBox="0 0 105 93">
<defs>
<linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#F44881"/>
<stop offset="100%" stop-color="#EC454F"/>
</linearGradient>
<linearGradient id="b" x1="50%" x2="50%" y1="100%" y2="1.467%">
<stop offset="0%" stop-color="#F19A1A"/>
<stop offset="100%" stop-color="#FFC73C"/>
</linearGradient>
<linearGradient id="c" x1="50%" x2="50%" y1="11.35%" y2="111.35%">
<stop offset="0%" stop-color="#6EDCC4"/>
<stop offset="100%" stop-color="#1AAB8B"/>
</linearGradient>
<linearGradient id="d" x1="50%" x2="50%" y1="100%" y2="0%">
<stop offset="0%" stop-color="#8B60ED"/>
<stop offset="100%" stop-color="#B372BD"/>
</linearGradient>
<linearGradient id="e" x1="50%" x2="50%" y1="0%" y2="97.483%">
<stop offset="0%" stop-color="#21C8F6"/>
<stop offset="100%" stop-color="#637BFF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" opacity=".301" style="mix-blend-mode:luminosity">
<path fill="url(#a)" d="M2.921 6.649v2.746c.158.221.25.492.25.784v5.2l10.357-5.606L3.17 4.166v1.7c0 .291-.092.562-.25.783zM.465 5.797V1.913c0-.583.368-1.08.885-1.27a1.35 1.35 0 0 1 1.177.053l14.485 7.842c.247.123.46.322.597.586.108.207.16.43.158.649.001.219-.05.441-.158.649-.138.263-.35.463-.597.585L2.527 18.85a1.352 1.352 0 0 1-1.741-.4c-.2-.235-.32-.54-.32-.874v-2.473a1.277 1.277 0 0 1-.108-.514V6.31c0-.182.038-.356.107-.513z" opacity=".139" transform="rotate(159.051 50.968 19.61)"/>
<path fill="url(#a)" d="M2.921 6.649v2.746c.158.221.25.492.25.784v5.2l10.357-5.606L3.17 4.166v1.7c0 .291-.092.562-.25.783zM.465 5.797V1.913c0-.583.368-1.08.885-1.27a1.35 1.35 0 0 1 1.177.053l14.485 7.842c.247.123.46.322.597.586.108.207.16.43.158.649.001.219-.05.441-.158.649-.138.263-.35.463-.597.585L2.527 18.85a1.352 1.352 0 0 1-1.741-.4c-.2-.235-.32-.54-.32-.874v-2.473a1.277 1.277 0 0 1-.108-.514V6.31c0-.182.038-.356.107-.513z" opacity=".08" transform="rotate(-135 48.585 34.589)"/>
<rect width="11.293" height="7.554" y=".436" fill="#53B5FF" rx="3.777" transform="rotate(-45 75.868 20.982)"/>
<g opacity=".267" transform="translate(-1.344 10.141)">
<path fill="url(#b)" d="M33.878 9.978v4.624a3.746 3.746 0 0 1-3.746 3.746h-.037a3.746 3.746 0 0 1-3.746-3.746V3.837c0-1.523.909-2.833 2.213-3.419a3.742 3.742 0 0 1 3.48.025l40.127 21.41a3.731 3.731 0 0 1 1.48 1.113 3.76 3.76 0 0 1 .85 2.385 3.76 3.76 0 0 1-.85 2.386c-.4.5-.912.877-1.48 1.113L32.042 50.26a3.747 3.747 0 0 1-4.858-1.194 3.73 3.73 0 0 1-.835-2.358V26.5a3.746 3.746 0 0 1 3.746-3.746h.037a3.746 3.746 0 0 1 3.746 3.746v14.225L62.69 25.35 33.878 9.978z"/>
<path fill="#FFF" d="M33.784 15.586v22.033a3.746 3.746 0 0 1-3.746 3.746h-.052a3.746 3.746 0 0 1-3.746-3.746V15.586a3.746 3.746 0 0 1 3.746-3.746h.052a3.746 3.746 0 0 1 3.746 3.746z"/>
<rect width="11.293" height="7.554" y="22.754" fill="#53B5FF" rx="3.777"/>
</g>
<g opacity=".267" transform="rotate(135 40.844 29.102)">
<path fill="url(#c)" d="M33.878 9.978v4.624a3.746 3.746 0 0 1-3.746 3.746h-.037a3.746 3.746 0 0 1-3.746-3.746V3.837c0-1.523.909-2.833 2.213-3.419a3.742 3.742 0 0 1 3.48.025l40.127 21.41a3.731 3.731 0 0 1 1.48 1.113 3.76 3.76 0 0 1 .85 2.385 3.76 3.76 0 0 1-.85 2.386c-.4.5-.912.877-1.48 1.113L32.042 50.26a3.747 3.747 0 0 1-4.858-1.194 3.73 3.73 0 0 1-.835-2.358V26.5a3.746 3.746 0 0 1 3.746-3.746h.037a3.746 3.746 0 0 1 3.746 3.746v14.225L62.69 25.35 33.878 9.978z"/>
<path fill="#FFF" d="M33.784 15.586v22.033a3.746 3.746 0 0 1-3.746 3.746h-.052a3.746 3.746 0 0 1-3.746-3.746V15.586a3.746 3.746 0 0 1 3.746-3.746h.052a3.746 3.746 0 0 1 3.746 3.746z"/>
<rect width="11.293" height="7.554" y="22.754" fill="#53B5FF" rx="3.777"/>
</g>
<g opacity=".267" transform="rotate(-154 42.058 26.435)">
<path fill="url(#d)" d="M33.878 9.978v4.624a3.746 3.746 0 0 1-3.746 3.746h-.037a3.746 3.746 0 0 1-3.746-3.746V3.837c0-1.523.909-2.833 2.213-3.419a3.742 3.742 0 0 1 3.48.025l40.127 21.41a3.731 3.731 0 0 1 1.48 1.113 3.76 3.76 0 0 1 .85 2.385 3.76 3.76 0 0 1-.85 2.386c-.4.5-.912.877-1.48 1.113L32.042 50.26a3.747 3.747 0 0 1-4.858-1.194 3.73 3.73 0 0 1-.835-2.358V26.5a3.746 3.746 0 0 1 3.746-3.746h.037a3.746 3.746 0 0 1 3.746 3.746v14.225L62.69 25.35 33.878 9.978z"/>
<path fill="#FFF" d="M33.784 15.586v22.033a3.746 3.746 0 0 1-3.746 3.746h-.052a3.746 3.746 0 0 1-3.746-3.746V15.586a3.746 3.746 0 0 1 3.746-3.746h.052a3.746 3.746 0 0 1 3.746 3.746z"/>
<rect width="11.293" height="7.554" y="22.754" fill="#53B5FF" rx="3.777"/>
</g>
<g fill="url(#e)" transform="rotate(-45 33.53 3.832)">
<path d="M8.862 44.38l28.041-16.305L8.862 11.769V44.38zM.54 51.21V4.94a4.19 4.19 0 0 1 .535-2.538A4.14 4.14 0 0 1 3.282.555c.443-.161.92-.249 1.42-.249.891 0 1.718.281 2.396.76L47.25 24.413a4.208 4.208 0 0 1 2.094 3.66 4.208 4.208 0 0 1-2.094 3.661L6.77 55.274a4.157 4.157 0 0 1-5.696-1.527A4.19 4.19 0 0 1 .54 51.21z"/>
</g>
<g fill="url(#a)" opacity=".06" transform="rotate(-135 -1.18 15.506)">
<path d="M2.725 6.436v2.746c.157.221.25.491.25.784v5.2L13.33 9.56 2.975 3.953v1.7c0 .291-.093.562-.25.783zM.269 5.584V1.7c0-.583.368-1.08.885-1.27A1.35 1.35 0 0 1 2.33.483l14.485 7.842c.248.123.46.322.598.585.108.208.159.43.158.65.001.219-.05.441-.158.649-.138.263-.35.463-.598.585L2.33 18.636a1.352 1.352 0 0 1-1.74-.4c-.2-.235-.321-.54-.321-.874V14.89a1.277 1.277 0 0 1-.107-.514V6.097c0-.182.038-.356.107-.513z"/>
</g>
</g>
</svg>
@@ -1,7 +1,72 @@
<template>
<h1 class="font-normal text-3xl text-grey-darkest leading-none">
Full Logo
</h1>
<div>
<h1 class="font-normal text-3xl text-grey-darkest leading-none mb-8">
Full Logo
</h1>

<!-- Original Logo -->
<div class="mb-12">
<picture
style="height: 382px;"
class="block shadow rounded-lg flex items-center justify-center mb-6"
>
<img src="/images/logo.svg" alt="logo" />
</picture>

<div class="flex justify-between items-center">
<p>Original logo on <strong>white</strong> background</p>

<a
href="/images/logo.svg"
class="border border-grey-light px-8 py-2 rounded-full text-black font-bold text-xs"
>logo.svg</a
>
</div>
</div>

<!-- Negative Logo With Accent -->
<div class="mb-12">
<picture
style="height: 382px;"
class="block shadow rounded-lg flex items-center justify-center mb-6 bg-blue"
>
<img src="/images/negative-logo.svg" alt="logo" />
</picture>

<div class="flex justify-between items-center">
<p>
Negative logo with accent on
<strong>dark</strong> background
</p>

<a
href="/images/negative-logo.svg"
class="border border-grey-light px-8 py-2 rounded-full text-black font-bold text-xs"
>negative-logo.svg</a
>
</div>
</div>

<!-- Pure Negative Logo -->
<div>
<picture
style="height: 382px;"
class="block shadow rounded-lg flex items-center justify-center mb-6 bg-black"
>
<img src="/images/pure-negative-logo.svg" alt="logo" />
</picture>

<div class="flex justify-between items-center">
<p>Pure negative logo on <strong>dark</strong> background</p>

<a
href="/images/pure-negative-logo.svg"
class="border border-grey-light px-8 py-2 rounded-full text-black font-bold text-xs"
>pure-negative-logo.svg</a
>
</div>
</div>
</div>
</template>

<script>
@@ -36,6 +36,18 @@
* @import "components/forms";
*/

a {
text-decoration: none;
}

.container {
max-width: 920px;
}

.section {
@apply .px-8;
}

/**
* This injects all of Tailwind's utility classes, generated based on your
* config file.
@@ -60,7 +72,3 @@
* @import "utilities/background-patterns";
* @import "utilities/skew-transforms";
*/

a {
text-decoration: none;
}
@@ -11,42 +11,44 @@

<body class="font-sans">
<div id="app">
<div class="container mx-auto">
<header class="py-6 mb-8">
<h1>
<img alt="Laracasts" src="/images/logo.svg">
</h1>
</header>

<main class="flex">
<aside class="w-1/5">
<section class="mb-8">
<h5 class="uppercase font-bold mb-3">The Brand</h5>

<ul class="list-reset">
<li class="text-sm leading-loose"><router-link class="text-black" to="/" exact>Logo</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/logo-symbol">Logo Symbol</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/colors">Colors</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/typography">Typography</router-link></li>
</ul>
</section>

<section>
<h5 class="uppercase font-bold mb-3">Doodles</h5>

<ul class="list-reset">
<li class="text-sm leading-loose"><router-link class="text-black" to="/mascot">Mascot</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/illustrations">Illustrations</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/loaders-and-animations">Loaders and Animations</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/wallpapers">Wallpapers</router-link></li>
</ul>
</section>
</aside>

<div class="primary flex-1">
<router-view></router-view>
</div>
</main>
<header class="section py-6 mb-8" style="background: url('/images/splash.svg') 0 15px no-repeat;">
<h1>
<img alt="Laracasts" src="/images/logo.svg">
</h1>
</header>

<div class="section pb-10">
<div class="container">
<main class="flex">
<aside class="w-64 pt-8">
<div class="mb-10">
<h5 class="uppercase font-bold mb-5 text-base">The Brand</h5>

<ul class="list-reset">
<li class="text-sm leading-loose"><router-link class="text-black" to="/" exact>Logo</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/logo-symbol">Logo Symbol</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/colors">Colors</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/typography">Typography</router-link></li>
</ul>
</div>

<div>
<h5 class="uppercase font-bold mb-5 text-base">Doodles</h5>

<ul class="list-reset">
<li class="text-sm leading-loose"><router-link class="text-black" to="/mascot">Mascot</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/illustrations">Illustrations</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/loaders-and-animations">Loaders and Animations</router-link></li>
<li class="text-sm leading-loose"><router-link class="text-black" to="/wallpapers">Wallpapers</router-link></li>
</ul>
</div>
</aside>

<div class="primary flex-1">
<router-view></router-view>
</div>
</main>
</div>
</div>
</div>

0 comments on commit 289eab9

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