higherkindness/mu-haskell
1
1
Fork 0
mirror of https://github.com/higherkindness/mu-haskell.git synced 2024-09-11 14:36:01 +03:00
Code Issues Projects Releases Wiki Activity

Website styling update (#70)

Browse Source
This commit is contained in:
Juan Valencia 2020-01-09 19:55:20 +01:00 committed by Alejandro Serrano
parent 1f40c16ab9
commit 4c6ab41b3e
15 changed files with 240 additions and 394 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/_sass/components/_button.scss
View File

@ -28,12 +28,12 @@
&::before,
&::after {
background-color: $white;
background-color: $gray-primary;
content: " ";
height: 100%;
left: 98%;
position: absolute;
top: 50%;
top: 36%;
width: 2px;
}

22
docs/_sass/components/_sidebar-menu.scss
View File

@ -12,7 +12,7 @@
position: relative;
.sub-menu {
background: $sidebar-active-color;
background: rgba(0,0,0,0.01);
max-height: 0;
transition: max-height 0.3s ease-in-out;
overflow: hidden;
@ -26,8 +26,8 @@
height: auto;
&.active {
color: $white;
box-shadow: 3px 0 $white inset;
color: $gray-primary;
box-shadow: 3px 0 $brand-primary inset;
}
}
}
@ -42,8 +42,8 @@
padding: $base-point-grid * 2;
line-height: $base-point-grid * 2;
width: 100%;
color: $white;
@include links($white, $white, rgba($white, 0.8), $white);
color: $gray-primary;
@include links($gray-primary, $gray-primary, rgba($gray-primary, 0.8), $gray-primary);
transition: background $base-duration $base-timing;
&:hover {
@ -63,7 +63,7 @@
position: absolute;
top: 0;
left: 0;
border-left: 6px solid rgba($white, 0.8);
border-left: 6px solid rgba($gray-primary, 0.8);
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
transition: border 0.3s ease, top 0.2s ease, left 0.2s ease;
@ -74,7 +74,7 @@
position: absolute;
left: 0;
top: 2px;
border-left: 4px solid $brand-primary;
border-left: 4px solid $white;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
transition: border 0.3s ease, top 0.3s ease, left 0.3s ease;
@ -82,19 +82,19 @@
&.active {
> a, button {
box-shadow: 3px 0 $white inset;
box-shadow: 3px 0 $brand-primary inset;
}
}
&.open {
> a, button {
background: $sidebar-head-active-color;
background: rgba(0,0,0,0.03);
}
.caret::before {
top: 4px;
left: -6px;
border-top: 6px solid rgba($white, 0.8);
border-top: 6px solid rgba($gray-primary, 0.8);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
@ -102,7 +102,7 @@
.caret::after {
left: -4px;
top: 4px;
border-top: 4px solid $brand-primary;
border-top: 4px solid $white;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}

10
docs/_sass/components/_sidebar.scss
View File

@ -4,7 +4,8 @@
#site-sidebar {
position: fixed;
background-image: linear-gradient(to bottom, $brand-primary 60%, darken($brand-primary, 6%) 100%);
background-image: linear-gradient(to bottom, $white 60%, darken($white, 3%) 100%);
border-right: 1px solid rgba(0,0,0,0.1);
width: 290px;
height: 100%;
left: 0;
@ -30,10 +31,11 @@
a {
display: flex;
color: $white;
color: $gray-primary;
justify-content: center;
align-items: center;
width: 100%;
transition: none;
&:visited,
&:hover,
@ -50,7 +52,7 @@
font-size: 1.5rem;
z-index: 30;
white-space: nowrap;
font-weight: 500;
font-weight: $font-semibold;
}
}
}
@ -74,7 +76,7 @@
.sidebar-toggle {
position: absolute;
right: 16px;;
right: 16px;
padding: 24px 32px;
display: block;
opacity: 0.7;

17
docs/_sass/utils/_variables.scss
View File

@ -5,27 +5,26 @@
// -----------------------------------------------
// Typography
// -----------------------------------------------
@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Code:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap');
// @import url('https://fonts.googleapis.com/css?family=Hind:400,500,600&display=swap');
// Colors
// -----------------------------------------------
$brand-primary: #66296a;
$brand-secondary: #001f39;
$gray-primary: #001f39;
$brand-primary: #9E358F;
$brand-secondary: #001E38;
$gray-primary: #001E38;
$white: rgb(255, 255, 255);
$link-color: darken($brand-primary, 10%);
$link-hover: darken($brand-primary, 15%);
$sidebar-active-color: lighten($brand-primary, 2%);
$sidebar-head-active-color: lighten($brand-primary, 4%);
$sidebar-active-color: $white;
$sidebar-head-active-color: darken($white, 3%);
// Typography
// -----------------------------------------------
$base-font-family: 'Montserrat', sans-serif;
// $header-font-family: 'Hind', sans-serif;
$header-font-family: 'Montserrat', sans-serif;
$header-font-family: $base-font-family;
$code-font-family: 'Fira Mono', monospace;
$code-font-family: 'Fira Code', monospace;
//-
$base-font-color: $gray-primary;
$header-font-color: $base-font-color;

2
docs/css/linuwial.css
View File

@ -14,7 +14,7 @@ html {
body {
background: #fefefe;
color: #111;
color: #001E38;
text-align: left;
min-height: 100vh;
position: relative;

BIN
docs/img/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

99
docs/img/header-image.svg
View File

@ -1,99 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="418px" height="418px" viewBox="0 0 418 418" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>header-image</title>
<desc>Created with Sketch.</desc>
<g id="header-image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="header.image" transform="translate(40.000000, 58.000000)">
<path d="M68,38 L162.976834,92.2724764 C164.846284,93.3407335 166,95.3287941 166,97.4819352 L166,202.518065 C166,204.671206 164.846284,206.659267 162.976834,207.727524 L68,262 L68,262" id="path" stroke="#3D5AFE" stroke-width="3" stroke-dasharray="8,6" transform="translate(117.000000, 150.000000) rotate(-180.000000) translate(-117.000000, -150.000000) "></path>
<g id="browser" transform="translate(170.000000, 213.000000)">
<g id="content" transform="translate(0.000000, 14.600000)">
<path d="M1.5,1.9 L1.5,69.4 C1.5,70.2284271 2.17157288,70.9 3,70.9 L131,70.9 C131.828427,70.9 132.5,70.2284271 132.5,69.4 L132.5,1.9 L1.5,1.9 Z" id="path" stroke="#3D5AFE" stroke-width="3" fill="#FFFFFF"></path>
<g id="code" transform="translate(14.000000, 14.400000)">
<rect id="path" fill="#3D5AFE" x="0" y="0" width="7" height="3"></rect>
<rect id="path-copy-14" fill="#3D5AFE" x="0" y="42" width="9" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="7" width="5" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="14" width="13" height="3"></rect>
<rect id="path-copy-9" fill="#3D5AFE" x="0" y="35" width="14" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="21" width="21" height="3"></rect>
<rect id="path" fill="#8BF0FE" x="0" y="28" width="12" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="15" y="28" width="12" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="30" y="28" width="24" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="24" y="21" width="13" height="3"></rect>
<rect id="path-copy-17" fill="#8BF0FE" x="40" y="21" width="21" height="3"></rect>
<rect id="path" fill="#8BF0FE" x="16" y="14" width="9" height="3"></rect>
<rect id="path-copy-10" fill="#3D5AFE" x="17" y="35" width="16" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="28" y="14" width="16" height="3"></rect>
<rect id="path-copy-11" fill="#3D5AFE" x="36" y="35" width="8" height="3"></rect>
<rect id="path-copy-13" fill="#8BF0FE" x="47" y="35" width="18" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="47" y="14" width="7" height="3"></rect>
<rect id="path-copy-12" fill="#3D5AFE" x="68" y="35" width="5" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="8" y="7" width="15" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="26" y="7" width="22" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="51" y="7" width="5" height="3"></rect>
<rect id="path" fill="#8BF0FE" x="10" y="0" width="14" height="3"></rect>
<rect id="path-copy-15" fill="#8BF0FE" x="12" y="42" width="9" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="27" y="0" width="10" height="3"></rect>
<rect id="path-copy-16" fill="#3D5AFE" x="24" y="42" width="12" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="40" y="0" width="10" height="3"></rect>
</g>
</g>
<g id="bar">
<path d="M1.5,16.5 L132.5,16.5 L132.5,3 C132.5,2.17157288 131.828427,1.5 131,1.5 L3,1.5 C2.17157288,1.5 1.5,2.17157288 1.5,3 L1.5,16.5 Z" id="path" stroke="#3D5AFE" stroke-width="3" fill="#B9C4FE"></path>
<ellipse id="bullet" fill="#3D5AFE" cx="9" cy="9.0015444" rx="2" ry="2.0015444"></ellipse>
<ellipse id="bullet" fill="#3D5AFE" cx="16" cy="9.0015444" rx="2" ry="2.0015444"></ellipse>
<ellipse id="bullet" fill="#3D5AFE" cx="23" cy="9.0015444" rx="2" ry="2.0015444"></ellipse>
</g>
</g>
<g id="browser" transform="translate(163.000000, 0.000000)">
<g id="content" transform="translate(0.000000, 14.600000)">
<path d="M1.5,1.9 L1.5,69.4 C1.5,70.2284271 2.17157288,70.9 3,70.9 L131,70.9 C131.828427,70.9 132.5,70.2284271 132.5,69.4 L132.5,1.9 L1.5,1.9 Z" id="path" stroke="#3D5AFE" stroke-width="3" fill="#FFFFFF"></path>
<g id="code" transform="translate(14.000000, 14.400000)">
<rect id="path" fill="#3D5AFE" x="0" y="0" width="7" height="3"></rect>
<rect id="path-copy-14" fill="#3D5AFE" x="0" y="42" width="11" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="7" width="15" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="14" width="24" height="3"></rect>
<rect id="path-copy-9" fill="#3D5AFE" x="0" y="35" width="14" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="21" width="29" height="3"></rect>
<rect id="path" fill="#8BF0FE" x="0" y="28" width="12" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="15" y="28" width="12" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="30" y="28" width="24" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="32" y="21" width="12" height="3"></rect>
<rect id="path" fill="#8BF0FE" x="27" y="14" width="19" height="3"></rect>
<rect id="path-copy-10" fill="#8BF0FE" x="17" y="35" width="16" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="49" y="14" width="16" height="3"></rect>
<rect id="path-copy-11" fill="#3D5AFE" x="36" y="35" width="8" height="3"></rect>
<rect id="path-copy-13" fill="#3D5AFE" x="47" y="35" width="18" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="68" y="14" width="7" height="3"></rect>
<rect id="path-copy-12" fill="#3D5AFE" x="68" y="35" width="5" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="18" y="7" width="15" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="36" y="7" width="22" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="61" y="7" width="5" height="3"></rect>
<rect id="path" fill="#8BF0FE" x="10" y="0" width="14" height="3"></rect>
<rect id="path-copy-15" fill="#8BF0FE" x="14" y="42" width="9" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="27" y="0" width="10" height="3"></rect>
<rect id="path-copy-16" fill="#3D5AFE" x="26" y="42" width="23" height="3"></rect>
<rect id="path" fill="#3D5AFE" x="40" y="0" width="10" height="3"></rect>
</g>
</g>
<g id="bar">
<path d="M1.5,16.5 L132.5,16.5 L132.5,3 C132.5,2.17157288 131.828427,1.5 131,1.5 L3,1.5 C2.17157288,1.5 1.5,2.17157288 1.5,3 L1.5,16.5 Z" id="path" stroke="#3D5AFE" stroke-width="3" fill="#B9C4FE"></path>
<ellipse id="bullet" fill="#3D5AFE" cx="9" cy="9.0015444" rx="2" ry="2.0015444"></ellipse>
<ellipse id="bullet" fill="#3D5AFE" cx="16" cy="9.0015444" rx="2" ry="2.0015444"></ellipse>
<ellipse id="bullet" fill="#3D5AFE" cx="23" cy="9.0015444" rx="2" ry="2.0015444"></ellipse>
</g>
</g>
<g id="icon" transform="translate(282.000000, 206.000000)" stroke="#3D5AFE" stroke-width="3">
<circle id="path" fill="#8BF0FE" cx="16" cy="16" r="14.5"></circle>
<polyline id="path" points="10 16.8825244 14.5645924 21 23 11"></polyline>
</g>
<g id="computer" transform="translate(0.000000, 102.000000)">
<path d="M7.5,80.5 L136.5,80.5 L136.5,3 C136.5,2.17157288 135.828427,1.5 135,1.5 L9,1.5 C8.17157288,1.5 7.5,2.17157288 7.5,3 L7.5,80.5 Z" id="path" stroke="#3D5AFE" stroke-width="3" fill="#FFFFFF"></path>
<rect id="path" stroke="#3D5AFE" stroke-width="3" fill="#B9C4FE" x="1.5" y="80.5" width="141" height="12"></rect>
<path d="M39,80.5 C38.7238576,80.5 38.5,80.7238576 38.5,81 L38.5,85 C38.5,85.8284271 39.1715729,86.5 40,86.5 L104,86.5 C104.828427,86.5 105.5,85.8284271 105.5,85 L105.5,82 C105.5,81.1715729 104.828427,80.5 104,80.5 L39,80.5 Z" id="path" stroke="#3D5AFE" stroke-width="3" fill="#FFFFFF"></path>
<rect id="path" stroke="#3D5AFE" stroke-width="3" fill="#FFFFFF" x="15.5" y="9.5" width="113" height="63"></rect>
<path d="M87,37.6723647 L83.0909091,37.3076923 C82.9090909,36.7606838 82.6363636,36.1225071 82.3636364,35.5754986 L84.9090909,32.4757835 C85.1818182,32.1111111 85.1818182,31.5641026 84.8181818,31.2905983 L81.4545455,28.008547 C81.0909091,27.6438746 80.6363636,27.6438746 80.2727273,27.9173789 L77.1818182,30.4700855 C76.6363636,30.1965812 76.0909091,29.9230769 75.4545455,29.7407407 L75.0909091,25.8205128 C75.0909091,25.3646724 74.6363636,25 74.1818182,25 L69.5454545,25 C69.0909091,25 68.7272727,25.3646724 68.6363636,25.8205128 L68.2727273,29.7407407 C67.7272727,29.9230769 67.0909091,30.1965812 66.5454545,30.4700855 L63.4545455,27.9173789 C63.0909091,27.6438746 62.5454545,27.6438746 62.2727273,28.008547 L58.9090909,31.3817664 C58.6363636,31.6552707 58.6363636,32.2022792 58.9090909,32.5669516 L61.4545455,35.6666667 C61.1818182,36.2136752 60.9090909,36.7606838 60.7272727,37.3988604 L56.8181818,37.6723647 C56.3636364,37.6723647 56,38.1282051 56,38.5840456 L56,43.3247863 C56,43.7806268 56.3636364,44.1452991 56.8181818,44.2364672 L60.7272727,44.6011396 C60.9090909,45.1481481 61.1818182,45.7863248 61.4545455,46.3333333 L58.9090909,49.4330484 C58.6363636,49.7977208 58.6363636,50.3447293 59,50.6182336 L62.3636364,53.991453 C62.7272727,54.3561254 63.1818182,54.3561254 63.5454545,54.0826211 L66.6363636,51.5299145 C67.1818182,51.8034188 67.7272727,52.0769231 68.3636364,52.2592593 L68.7272727,56.1794872 C68.7272727,56.6353276 69.1818182,57 69.6363636,57 L74.3636364,57 C74.8181818,57 75.1818182,56.6353276 75.2727273,56.1794872 L75.6363636,52.2592593 C76.1818182,52.0769231 76.8181818,51.8034188 77.3636364,51.5299145 L80.4545455,54.0826211 C80.8181818,54.3561254 81.3636364,54.3561254 81.6363636,53.991453 L85,50.6182336 C85.3636364,50.2535613 85.3636364,49.7977208 85.0909091,49.4330484 L82.5454545,46.3333333 C82.8181818,45.7863248 83.0909091,45.2393162 83.2727273,44.6011396 L87.1818182,44.2364672 C87.6363636,44.2364672 88,43.7806268 88,43.3247863 L88,38.5840456 C87.8181818,38.1282051 87.4545455,37.7635328 87,37.6723647 Z M71.9090909,46.6068376 C68.8181818,46.6068376 66.2727273,44.0541311 66.2727273,40.954416 C66.2727273,37.8547009 68.8181818,35.3019943 71.9090909,35.3019943 C75,35.3019943 77.5454545,37.8547009 77.5454545,40.954416 C77.5454545,44.0541311 75,46.6068376 71.9090909,46.6068376 Z" id="icon" fill="#3D5AFE" fill-rule="nonzero"></path>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

75
docs/img/main-feature-primary.svg
View File

@ -1,75 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>feature-primary</title>
<desc>Created with Sketch.</desc>
<g id="feature-primary" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="image">
<rect id="bound" opacity="0.0847981771" x="0" y="0" width="152" height="152"></rect>
<path d="M36,64 L36,88" id="line" stroke="#3D5AFE" stroke-width="2" stroke-dasharray="4,3"></path>
<path d="M116,64 L116,88" id="line" stroke="#3D5AFE" stroke-width="2" stroke-dasharray="4,3"></path>
<path d="M64,45 L88,45" id="line" stroke="#3D5AFE" stroke-width="2" stroke-dasharray="4,3"></path>
<path d="M64,107 L88,107" id="line" stroke="#3D5AFE" stroke-width="2" stroke-dasharray="4,3"></path>
<g id="browser" transform="translate(88.000000, 88.000000)">
<g id="content" transform="translate(0.000000, 9.000000)" stroke="#3D5AFE" stroke-width="2">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" fill="#FFFFFF"></path>
<g id="check" transform="translate(20.000000, 8.000000)">
<circle id="path" fill-opacity="0.6" fill="#3DE6FE" cx="8" cy="8" r="8"></circle>
<polyline id="path" points="4.5 8.44995117 7.11181641 10.8647461 11.9384766 5"></polyline>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
<g id="browser" transform="translate(8.000000, 88.000000)">
<g id="content" transform="translate(0.000000, 9.000000)" stroke="#3D5AFE" stroke-width="2">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" fill="#FFFFFF"></path>
<g id="check" transform="translate(20.000000, 8.000000)">
<circle id="path" fill-opacity="0.6" fill="#3DE6FE" cx="8" cy="8" r="8"></circle>
<polyline id="path" points="4.5 8.44995117 7.11181641 10.8647461 11.9384766 5"></polyline>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
<g id="browser" transform="translate(88.000000, 23.000000)">
<g id="content" transform="translate(0.000000, 9.000000)" stroke="#3D5AFE" stroke-width="2">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" fill="#FFFFFF"></path>
<g id="check" transform="translate(20.000000, 8.000000)">
<circle id="path" fill-opacity="0.6" fill="#3DE6FE" cx="8" cy="8" r="8"></circle>
<polyline id="path" points="4.5 8.44995117 7.11181641 10.8647461 11.9384766 5"></polyline>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
<g id="browser" transform="translate(8.000000, 23.000000)">
<g id="content" transform="translate(0.000000, 9.000000)" stroke="#3D5AFE" stroke-width="2">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" fill="#FFFFFF"></path>
<g id="check" transform="translate(20.000000, 8.000000)">
<circle id="path" fill-opacity="0.6" fill="#3DE6FE" cx="8" cy="8" r="8"></circle>
<polyline id="path" points="4.5 8.44995117 7.11181641 10.8647461 11.9384766 5"></polyline>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.3 KiB

110
docs/img/main-feature-secondary.svg
View File

@ -1,110 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>main-feature-secondary</title>
<desc>Created with Sketch.</desc>
<g id="main-feature-secondary" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="image">
<rect id="bound" opacity="0.0847981771" x="0" y="0" width="152" height="152"></rect>
<path d="M60,20 L107.488417,47.1362382 C108.423142,47.6703667 109,48.6643971 109,49.7409676 L109,102.259032 C109,103.335603 108.423142,104.329633 107.488417,104.863762 L60,132 L60,132" id="path" stroke="#3D5AFE" stroke-width="2" stroke-dasharray="4,3"></path>
<g id="browser" transform="translate(18.000000, 101.000000)">
<g id="content" transform="translate(0.000000, 9.000000)">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF"></path>
<g id="code-copy" transform="translate(6.000000, 6.000000)">
<rect id="path" fill="#3D5AFE" x="0" y="0" width="3" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="23" y="0" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="16" y="0" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="4" y="0" width="11" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="16" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="12" y="16" width="2" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="6" y="16" width="5" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="15" y="16" width="9" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="0" y="4" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="6" y="4" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="12" y="4" width="15" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="12" width="12" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="13" y="12" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="8" width="10" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="28" y="8" width="3" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="20" y="8" width="7" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="11" y="8" width="8" height="2"></rect>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
<g id="browser" transform="translate(80.000000, 55.000000)">
<g id="content" transform="translate(0.000000, 9.000000)">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF"></path>
<g id="code-copy" transform="translate(5.000000, 6.000000)">
<rect id="path" fill="#3D5AFE" x="0" y="0" width="3" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="4" y="0" width="3" height="2"></rect>
<rect id="path-copy" fill-opacity="0.6" fill="#3DE6FE" x="17" y="0" width="8" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="13" y="0" width="3" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="8" y="0" width="4" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="22" y="16" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="12" y="16" width="2" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="5" y="16" width="6" height="2"></rect>
<rect id="path-copy-8" fill="#3D5AFE" x="15" y="16" width="6" height="2"></rect>
<rect id="path-copy-7" fill="#3D5AFE" x="0" y="16" width="4" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="4" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="6" y="4" width="7" height="2"></rect>
<rect id="path-copy-2" fill="#3D5AFE" x="18" y="4" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="25" y="4" width="2" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="14" y="4" width="3" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="12" width="12" height="2"></rect>
<rect id="path-copy-6" fill="#3D5AFE" x="24" y="12" width="5" height="2"></rect>
<rect id="path-copy-5" fill-opacity="0.6" fill="#3DE6FE" x="19" y="12" width="4" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="13" y="12" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="8" width="3" height="2"></rect>
<rect id="path-copy-3" fill="#3D5AFE" x="17" y="8" width="5" height="2"></rect>
<rect id="path-copy-4" fill="#3D5AFE" x="27" y="8" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="23" y="8" width="3" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="12" y="8" width="4" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="4" y="8" width="7" height="2"></rect>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
<g id="browser" transform="translate(18.000000, 10.000000)">
<g id="content" transform="translate(0.000000, 9.000000)">
<path d="M1,1 L1,31 L55,31 L55,1 L1,1 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF"></path>
<g id="code" transform="translate(6.000000, 6.000000)">
<rect id="path" fill="#3D5AFE" x="0" y="0" width="3" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="4" y="0" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="16" y="0" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="11" y="0" width="4" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="0" y="16" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="12" y="16" width="10" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="6" y="16" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="4" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="7" y="4" width="6" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="25" y="4" width="2" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="14" y="4" width="10" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="12" width="12" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="13" y="12" width="5" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="0" y="8" width="10" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="28" y="8" width="3" height="2"></rect>
<rect id="path" fill="#3D5AFE" x="20" y="8" width="7" height="2"></rect>
<rect id="path" fill-opacity="0.6" fill="#3DE6FE" x="11" y="8" width="8" height="2"></rect>
</g>
</g>
<g id="bar">
<path d="M1,10 L55,10 L55,1 L1,1 L1,10 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#B9C4FE"></path>
<circle id="bullet" fill="#3D5AFE" cx="5.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="10.5" cy="5.5" r="1.5"></circle>
<circle id="bullet" fill="#3D5AFE" cx="15.5" cy="5.5" r="1.5"></circle>
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.3 KiB

55
docs/img/main-feature-tertiary.svg
View File

@ -1,55 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>main-feature-tertiary</title>
<desc>Created with Sketch.</desc>
<g id="main-feature-tertiary" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="image">
<g id="arrow" transform="translate(43.000000, 42.000000)" stroke="#3D5AFE" stroke-width="2">
<path d="M71,34 L71,62 C71,63.6568542 69.6568542,65 68,65 L41.5,65 L41.5,65" id="path" stroke-dasharray="4,3"></path>
<path d="M29.1015625,3 L29.1015625,31 C29.1015625,32.6568542 27.7584167,34 26.1015625,34 L0,34 L0,34" id="path" stroke-dasharray="4,3" transform="translate(14.550781, 18.500000) rotate(-180.000000) translate(-14.550781, -18.500000) "></path>
<polyline id="path" transform="translate(39.000000, 65.000000) rotate(-45.000000) translate(-39.000000, -65.000000) " points="37 67 37 63 37 63 41 63"></polyline>
<polyline id="path" transform="translate(33.000000, 3.000000) rotate(-225.000000) translate(-33.000000, -3.000000) " points="31 5 31 1 31 1 35 1"></polyline>
</g>
<g id="server" transform="translate(87.000000, 21.000000)">
<g id="path" transform="translate(0.000000, 34.000000)">
<rect stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF" x="1" y="1" width="52" height="13" rx="3"></rect>
<rect fill-opacity="0.6" fill="#3DE6FE" x="35" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="39" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="43" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="47" y="5" width="2" height="5" rx="1"></rect>
<circle fill="#3D5AFE" cx="7.5" cy="7.5" r="1.5"></circle>
<circle fill="#3D5AFE" cx="12.5" cy="7.5" r="1.5"></circle>
<circle fill="#3D5AFE" cx="17.5" cy="7.5" r="1.5"></circle>
</g>
<g id="path" transform="translate(0.000000, 17.000000)">
<rect stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF" x="1" y="1" width="52" height="13" rx="3"></rect>
<rect fill="#3D5AFE" x="35" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="39" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="43" y="5" width="2" height="5" rx="1"></rect>
<rect fill-opacity="0.6" fill="#3DE6FE" x="47" y="5" width="2" height="5" rx="1"></rect>
<circle fill="#3D5AFE" cx="7.5" cy="7.5" r="1.5"></circle>
<circle fill="#3D5AFE" cx="12.5" cy="7.5" r="1.5"></circle>
<circle fill="#3D5AFE" cx="17.5" cy="7.5" r="1.5"></circle>
</g>
<g id="path">
<rect stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF" x="1" y="1" width="52" height="13" rx="3"></rect>
<rect fill="#3D5AFE" x="35" y="5" width="2" height="5" rx="1"></rect>
<rect fill-opacity="0.6" fill="#3DE6FE" x="39" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="43" y="5" width="2" height="5" rx="1"></rect>
<rect fill="#3D5AFE" x="47" y="5" width="2" height="5" rx="1"></rect>
<circle fill="#3D5AFE" cx="7.5" cy="7.5" r="1.5"></circle>
<circle fill="#3D5AFE" cx="12.5" cy="7.5" r="1.5"></circle>
<circle fill="#3D5AFE" cx="17.5" cy="7.5" r="1.5"></circle>
</g>
</g>
<g id="computer" transform="translate(11.000000, 82.000000)">
<rect id="path" stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF" x="4" y="1" width="54" height="34"></rect>
<path d="M8,31 L54,31 L54,5 L8,5 L8,31 Z" id="path" stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF"></path>
<path d="M38.5,16.3361823 L36.5454545,16.1538462 C36.4545455,15.8803419 36.3181818,15.5612536 36.1818182,15.2877493 L37.4545455,13.7378917 C37.5909091,13.5555556 37.5909091,13.2820513 37.4090909,13.1452991 L35.7272727,11.5042735 C35.5454545,11.3219373 35.3181818,11.3219373 35.1363636,11.4586895 L33.5909091,12.7350427 C33.3181818,12.5982906 33.0454545,12.4615385 32.7272727,12.3703704 L32.5454545,10.4102564 C32.5454545,10.1823362 32.3181818,10 32.0909091,10 L29.7727273,10 C29.5454545,10 29.3636364,10.1823362 29.3181818,10.4102564 L29.1363636,12.3703704 C28.8636364,12.4615385 28.5454545,12.5982906 28.2727273,12.7350427 L26.7272727,11.4586895 C26.5454545,11.3219373 26.2727273,11.3219373 26.1363636,11.5042735 L24.4545455,13.1908832 C24.3181818,13.3276353 24.3181818,13.6011396 24.4545455,13.7834758 L25.7272727,15.3333333 C25.5909091,15.6068376 25.4545455,15.8803419 25.3636364,16.1994302 L23.4090909,16.3361823 C23.1818182,16.3361823 23,16.5641026 23,16.7920228 L23,19.1623932 C23,19.3903134 23.1818182,19.5726496 23.4090909,19.6182336 L25.3636364,19.8005698 C25.4545455,20.0740741 25.5909091,20.3931624 25.7272727,20.6666667 L24.4545455,22.2165242 C24.3181818,22.3988604 24.3181818,22.6723647 24.5,22.8091168 L26.1818182,24.4957265 C26.3636364,24.6780627 26.5909091,24.6780627 26.7727273,24.5413105 L28.3181818,23.2649573 C28.5909091,23.4017094 28.8636364,23.5384615 29.1818182,23.6296296 L29.3636364,25.5897436 C29.3636364,25.8176638 29.5909091,26 29.8181818,26 L32.1818182,26 C32.4090909,26 32.5909091,25.8176638 32.6363636,25.5897436 L32.8181818,23.6296296 C33.0909091,23.5384615 33.4090909,23.4017094 33.6818182,23.2649573 L35.2272727,24.5413105 C35.4090909,24.6780627 35.6818182,24.6780627 35.8181818,24.4957265 L37.5,22.8091168 C37.6818182,22.6267806 37.6818182,22.3988604 37.5454545,22.2165242 L36.2727273,20.6666667 C36.4090909,20.3931624 36.5454545,20.1196581 36.6363636,19.8005698 L38.5909091,19.6182336 C38.8181818,19.6182336 39,19.3903134 39,19.1623932 L39,16.7920228 C38.9090909,16.5641026 38.7272727,16.3817664 38.5,16.3361823 Z M30.9545455,20.8034188 C29.4090909,20.8034188 28.1363636,19.5270655 28.1363636,17.977208 C28.1363636,16.4273504 29.4090909,15.1509972 30.9545455,15.1509972 C32.5,15.1509972 33.7727273,16.4273504 33.7727273,17.977208 C33.7727273,19.5270655 32.5,20.8034188 30.9545455,20.8034188 Z" id="Shape" fill="#3D5AFE" fill-rule="nonzero"></path>
<rect id="path" stroke="#3D5AFE" stroke-width="2" fill-opacity="0.3" fill="#3D5AFE" x="1" y="35" width="60" height="8"></rect>
<rect id="path" stroke="#3D5AFE" stroke-width="2" fill="#FFFFFF" x="15" y="35" width="31" height="4"></rect>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.8 KiB

109
docs/img/nav-brand-white.svg
View File

@ -1,9 +1,104 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>nav-brand</title>
<desc>Created with Sketch.</desc>
<g id="nav-brand" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M58.366,57.1855 C57.816,57.1855 57.366,56.7375 57.366,56.1855 C57.366,55.6335 57.816,55.1855 58.366,55.1855 C58.916,55.1855 59.366,55.6335 59.366,56.1855 C59.366,56.7375 58.916,57.1855 58.366,57.1855 L58.366,57.1855 Z M13.7,51.9395 C12.65,51.3315 12,50.2095 12,48.9955 L12,22.0755 C12,20.8595 12.65,19.7375 13.7,19.1315 L30.614,9.3655 L32.674,10.5555 L15.16,20.6675 C14.48,21.0615 14.062,21.7875 14.062,22.5735 L14.062,48.4975 C14.062,49.2835 14.482,50.0115 15.16,50.4035 L32.676,60.5175 L30.616,61.7055 L13.7,51.9395 Z M36.714,12.8855 L18.698,23.2875 C18.326,23.5015 18.098,23.8975 18.098,24.3255 L18.098,46.7455 C18.098,47.1735 18.326,47.5695 18.698,47.7835 L36.714,58.1855 L34.676,59.3615 L16.86,49.0755 C16.366,48.7895 16.062,48.2615 16.062,47.6895 L16.062,23.3815 C16.062,22.8095 16.366,22.2815 16.86,21.9955 L34.674,11.7095 L36.714,12.8855 Z M58.366,13.8855 C58.916,13.8855 59.366,14.3335 59.366,14.8855 C59.366,15.4375 58.916,15.8855 58.366,15.8855 C57.816,15.8855 57.366,15.4375 57.366,14.8855 C57.366,14.3335 57.816,13.8855 58.366,13.8855 L58.366,13.8855 Z M50.268,18.5575 C50.82,18.5575 51.268,19.0055 51.268,19.5575 C51.268,20.1075 50.82,20.5575 50.268,20.5575 C49.718,20.5575 49.268,20.1075 49.268,19.5575 C49.268,19.0055 49.718,18.5575 50.268,18.5575 L50.268,18.5575 Z M50.268,50.5355 C50.82,50.5355 51.268,50.9835 51.268,51.5355 C51.268,52.0875 50.82,52.5355 50.268,52.5355 C49.718,52.5355 49.268,52.0875 49.268,51.5355 C49.268,50.9835 49.718,50.5355 50.268,50.5355 L50.268,50.5355 Z M58.366,53.1855 C56.712,53.1855 55.366,54.5315 55.366,56.1855 C55.366,56.3735 55.388,56.5555 55.42,56.7335 L40.412,65.3995 C39.362,66.0075 38.066,66.0075 37.012,65.3995 L32.616,62.8595 L48.318,53.7955 C48.842,54.2515 49.52,54.5355 50.268,54.5355 C51.922,54.5355 53.268,53.1895 53.268,51.5355 C53.268,49.8815 51.922,48.5355 50.268,48.5355 C48.614,48.5355 47.268,49.8815 47.268,51.5355 C47.268,51.7155 47.29,51.8895 47.322,52.0615 L38.714,57.0315 L20.398,46.4555 C20.212,46.3495 20.098,46.1515 20.098,45.9355 L20.098,25.1355 C20.098,24.9195 20.212,24.7215 20.398,24.6155 L38.712,14.0395 L47.324,19.0115 C47.29,19.1875 47.268,19.3695 47.268,19.5575 C47.268,21.2115 48.614,22.5575 50.268,22.5575 C51.922,22.5575 53.268,21.2115 53.268,19.5575 C53.268,17.9015 51.922,16.5575 50.268,16.5575 C49.526,16.5575 48.856,16.8375 48.332,17.2835 L32.614,8.2095 L37.012,5.6715 C38.066,5.0635 39.362,5.0635 40.412,5.6715 L55.42,14.3375 C55.388,14.5155 55.366,14.6975 55.366,14.8855 C55.366,16.5395 56.712,17.8855 58.366,17.8855 C60.02,17.8855 61.366,16.5395 61.366,14.8855 C61.366,13.2315 60.02,11.8855 58.366,11.8855 C57.626,11.8855 56.956,12.1655 56.432,12.6095 L40.714,3.5355 C39.476,2.8215 37.95,2.8215 36.714,3.5355 L12,17.8035 C10.762,18.5175 10,19.8395 10,21.2675 L10,49.8035 C10,51.2315 10.762,52.5535 12,53.2675 L36.714,67.5355 C37.95,68.2495 39.476,68.2495 40.714,67.5355 L56.432,58.4595 C56.956,58.9055 57.626,59.1855 58.366,59.1855 C60.02,59.1855 61.366,57.8395 61.366,56.1855 C61.366,54.5315 60.02,53.1855 58.366,53.1855 L58.366,53.1855 Z" id="path" fill="#FFF"></path>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="42"
height="42"
viewBox="0 0 42 42"
version="1.1"
id="svg2"
inkscape:version="0.91 r13725"
sodipodi:docname="nav-brand.svg">
<metadata
id="metadata23">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>sidebar-mu-haskell</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1358"
inkscape:window-height="715"
id="namedview21"
showgrid="false"
inkscape:zoom="4.9166667"
inkscape:cx="7.4579271"
inkscape:cy="20.77389"
inkscape:window-x="3044"
inkscape:window-y="650"
inkscape:window-maximized="0"
inkscape:current-layer="svg2"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title
id="title4">sidebar-mu-haskell</title>
<desc
id="desc6">Created with Sketch.</desc>
<defs
id="defs8">
<polygon
id="path-1"
points="0,0.4291 32.0017,0.4291 32.0017,18.9051 0,18.9051 " />
</defs>
<g
id="sidebar-mu-haskell"
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
transform="translate(5.3901305,-2.5705002)">
<g
id="brand"
transform="translate(0,2)">
<g
id="Group-3"
transform="translate(0,0.571)">
<mask
id="mask-2"
fill="white">
<use
xlink:href="#path-1"
id="use15"
x="0"
y="0"
width="100%"
height="100%" />
</mask>
<g
id="Clip-2" />
<polygon
id="Fill-1"
mask="url(#mask-2)"
points="32.0017,9.6671 15.9997,0.4291 -0.0003,9.6671 16.0007,18.9051 "
style="fill:#e1c2dd" />
</g>
<polygon
id="Fill-4"
points="31.9979,10.2641 16.0009,19.4761 -0.0001,10.2381 0.0009,19.4761 16.0019,28.7141 32.0039,19.4771 32.0039,18.3241 "
style="fill:#9e358f" />
<polygon
id="Fill-5"
points="31.9979,24.1205 16.0009,33.3325 -0.0001,24.0945 0.0009,33.3325 16.0019,42.5705 32.0039,33.3335 32.0039,32.1805 "
style="fill:#9e358f" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

111
docs/img/nav-brand.svg
View File

@ -1,9 +1,104 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>nav-brand</title>
<desc>Created with Sketch.</desc>
<g id="nav-brand" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M58.366,57.1855 C57.816,57.1855 57.366,56.7375 57.366,56.1855 C57.366,55.6335 57.816,55.1855 58.366,55.1855 C58.916,55.1855 59.366,55.6335 59.366,56.1855 C59.366,56.7375 58.916,57.1855 58.366,57.1855 L58.366,57.1855 Z M13.7,51.9395 C12.65,51.3315 12,50.2095 12,48.9955 L12,22.0755 C12,20.8595 12.65,19.7375 13.7,19.1315 L30.614,9.3655 L32.674,10.5555 L15.16,20.6675 C14.48,21.0615 14.062,21.7875 14.062,22.5735 L14.062,48.4975 C14.062,49.2835 14.482,50.0115 15.16,50.4035 L32.676,60.5175 L30.616,61.7055 L13.7,51.9395 Z M36.714,12.8855 L18.698,23.2875 C18.326,23.5015 18.098,23.8975 18.098,24.3255 L18.098,46.7455 C18.098,47.1735 18.326,47.5695 18.698,47.7835 L36.714,58.1855 L34.676,59.3615 L16.86,49.0755 C16.366,48.7895 16.062,48.2615 16.062,47.6895 L16.062,23.3815 C16.062,22.8095 16.366,22.2815 16.86,21.9955 L34.674,11.7095 L36.714,12.8855 Z M58.366,13.8855 C58.916,13.8855 59.366,14.3335 59.366,14.8855 C59.366,15.4375 58.916,15.8855 58.366,15.8855 C57.816,15.8855 57.366,15.4375 57.366,14.8855 C57.366,14.3335 57.816,13.8855 58.366,13.8855 L58.366,13.8855 Z M50.268,18.5575 C50.82,18.5575 51.268,19.0055 51.268,19.5575 C51.268,20.1075 50.82,20.5575 50.268,20.5575 C49.718,20.5575 49.268,20.1075 49.268,19.5575 C49.268,19.0055 49.718,18.5575 50.268,18.5575 L50.268,18.5575 Z M50.268,50.5355 C50.82,50.5355 51.268,50.9835 51.268,51.5355 C51.268,52.0875 50.82,52.5355 50.268,52.5355 C49.718,52.5355 49.268,52.0875 49.268,51.5355 C49.268,50.9835 49.718,50.5355 50.268,50.5355 L50.268,50.5355 Z M58.366,53.1855 C56.712,53.1855 55.366,54.5315 55.366,56.1855 C55.366,56.3735 55.388,56.5555 55.42,56.7335 L40.412,65.3995 C39.362,66.0075 38.066,66.0075 37.012,65.3995 L32.616,62.8595 L48.318,53.7955 C48.842,54.2515 49.52,54.5355 50.268,54.5355 C51.922,54.5355 53.268,53.1895 53.268,51.5355 C53.268,49.8815 51.922,48.5355 50.268,48.5355 C48.614,48.5355 47.268,49.8815 47.268,51.5355 C47.268,51.7155 47.29,51.8895 47.322,52.0615 L38.714,57.0315 L20.398,46.4555 C20.212,46.3495 20.098,46.1515 20.098,45.9355 L20.098,25.1355 C20.098,24.9195 20.212,24.7215 20.398,24.6155 L38.712,14.0395 L47.324,19.0115 C47.29,19.1875 47.268,19.3695 47.268,19.5575 C47.268,21.2115 48.614,22.5575 50.268,22.5575 C51.922,22.5575 53.268,21.2115 53.268,19.5575 C53.268,17.9015 51.922,16.5575 50.268,16.5575 C49.526,16.5575 48.856,16.8375 48.332,17.2835 L32.614,8.2095 L37.012,5.6715 C38.066,5.0635 39.362,5.0635 40.412,5.6715 L55.42,14.3375 C55.388,14.5155 55.366,14.6975 55.366,14.8855 C55.366,16.5395 56.712,17.8855 58.366,17.8855 C60.02,17.8855 61.366,16.5395 61.366,14.8855 C61.366,13.2315 60.02,11.8855 58.366,11.8855 C57.626,11.8855 56.956,12.1655 56.432,12.6095 L40.714,3.5355 C39.476,2.8215 37.95,2.8215 36.714,3.5355 L12,17.8035 C10.762,18.5175 10,19.8395 10,21.2675 L10,49.8035 C10,51.2315 10.762,52.5535 12,53.2675 L36.714,67.5355 C37.95,68.2495 39.476,68.2495 40.714,67.5355 L56.432,58.4595 C56.956,58.9055 57.626,59.1855 58.366,59.1855 C60.02,59.1855 61.366,57.8395 61.366,56.1855 C61.366,54.5315 60.02,53.1855 58.366,53.1855 L58.366,53.1855 Z" id="path" fill="#3D5AFE"></path>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="42"
height="42"
viewBox="0 0 42 42"
version="1.1"
id="svg2"
inkscape:version="0.91 r13725"
sodipodi:docname="nav-brand.svg">
<metadata
id="metadata23">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>sidebar-mu-haskell</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1358"
inkscape:window-height="715"
id="namedview21"
showgrid="false"
inkscape:zoom="4.9166667"
inkscape:cx="7.4579271"
inkscape:cy="20.77389"
inkscape:window-x="3044"
inkscape:window-y="650"
inkscape:window-maximized="0"
inkscape:current-layer="svg2"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
<title
id="title4">sidebar-mu-haskell</title>
<desc
id="desc6">Created with Sketch.</desc>
<defs
id="defs8">
<polygon
id="path-1"
points="0,0.4291 32.0017,0.4291 32.0017,18.9051 0,18.9051 " />
</defs>
<g
id="sidebar-mu-haskell"
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
transform="translate(5.3901305,-2.5705002)">
<g
id="brand"
transform="translate(0,2)">
<g
id="Group-3"
transform="translate(0,0.571)">
<mask
id="mask-2"
fill="white">
<use
xlink:href="#path-1"
id="use15"
x="0"
y="0"
width="100%"
height="100%" />
</mask>
<g
id="Clip-2" />
<polygon
id="Fill-1"
mask="url(#mask-2)"
points="32.0017,9.6671 15.9997,0.4291 -0.0003,9.6671 16.0007,18.9051 "
style="fill:#e1c2dd" />
</g>
<polygon
id="Fill-4"
points="31.9979,10.2641 16.0009,19.4761 -0.0001,10.2381 0.0009,19.4761 16.0019,28.7141 32.0039,19.4771 32.0039,18.3241 "
style="fill:#9e358f" />
<polygon
id="Fill-5"
points="31.9979,24.1205 16.0009,33.3325 -0.0001,24.0945 0.0009,33.3325 16.0019,42.5705 32.0039,33.3335 32.0039,32.1805 "
style="fill:#9e358f" />
</g>
</svg>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

4
docs/img/nav-icon-close.svg
View File

@ -1,12 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>nav-icon-close</title>
<desc>Created with Sketch.</desc>
<g id="nav-icon-close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) " fill="#FFFFFF">
<rect id="path" x="0" y="11" width="24" height="2"></rect>
<rect id="path-copy" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) " x="0" y="11" width="24" height="2"></rect>
</g>
</g>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 825 B

After

Width:  |  Height:  |  Size: 720 B

6
docs/img/nav-icon-open.svg
View File

@ -1,13 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>nav-icon-open</title>
<desc>Created with Sketch.</desc>
<g id="nav-icon-open" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(0.000000, 4.000000)" fill="#1F1C49" fill-rule="nonzero" id="path">
<g transform="translate(0.000000, 4.000000)" fill="#001E38" fill-rule="nonzero" id="path">
<rect x="0" y="0" width="24" height="2"></rect>
<rect x="0" y="7" width="24" height="2"></rect>
<rect x="0" y="14" width="24" height="2"></rect>
</g>
</g>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 718 B

After

Width:  |  Height:  |  Size: 616 B

10
docs/img/sidebar-icon-open.svg
View File

@ -1,11 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
<title>sidebar-icon-open</title>
<desc>Created with Sketch.</desc>
<g id="sidebar-icon-open" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="path" fill="#3F3F3F" x="0" y="4" width="24" height="2"></rect>
<rect id="path" fill="#3F3F3F" x="0" y="11" width="24" height="2"></rect>
<rect id="path" fill="#3F3F3F" x="0" y="18" width="24" height="2"></rect>
<rect id="path" fill="#001E38" x="0" y="4" width="24" height="2"></rect>
<rect id="path" fill="#001E38" x="0" y="11" width="24" height="2"></rect>
<rect id="path" fill="#001E38" x="0" y="18" width="24" height="2"></rect>
</g>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 681 B

After

Width:  |  Height:  |  Size: 576 B