nikon/docsearch
1
0
Fork 0
Code Activity Actions

full width bg hero

Browse source
This commit is contained in:
Shipow 2018-08-25 16:57:55 +02:00
parent 1c365bc835
commit 172e9d945d
1 changed files with 53 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
docs/src/assets/bg-docsearch.svg
View file

@ -1,78 +1,67 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="3203px" height="524px" viewBox="0 0 3203 524" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="3203px" height="542px" viewBox="0 0 3203 542" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch -->
<title>bg-docsearch</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M16.5390625,393.328125 L16.5390625,293.199219 L168.257813,87.2617187 C417.559875,-12.5449192 571.2005,-26.6503879 629.179688,44.9453125 C738.830729,180.348091 782.988281,330.432726 761.652344,495.199219 L0.8984375,495.199219 L16.5390625,393.328125 Z" id="path-1"></path>
<path d="M16.5390625,393.328125 L16.5390625,293.199219 L168.257813,87.2617187 C417.559875,-12.5449192 571.2005,-26.6503879 629.179688,44.9453125 C738.830729,180.348091 782.988281,330.432726 761.652344,495.199219 L0.8984375,495.199219 L16.5390625,393.328125 Z" id="path-3"></path>
</defs>
<defs></defs>
<g id="bg-docsearch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M3209.5,523 L1681,523" id="Shape" stroke="#5468FF"></path>
<g id="Group" transform="translate(1591.000000, 57.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Path-2"></g>
<path d="M792,429 C750.355474,429 84,464 84,464" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,391 C708.72547,391 78,460 78,460" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,355 C667.120377,355 72,459 72,459" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,318 C625.518315,318 66,456 66,456" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,280 C583.929702,280 60,453 60,453" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M791,244 C541.357839,244 53,451 53,451" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,206 C500.404295,206 47,448 47,448" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,169 C458.802354,169 41,446 41,446" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,132 C417.213422,132 35,444 35,444" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M792,95 C375.643061,95 29,440 29,440" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M1073.85156,58 L792,58 C333.48428,58 22,438 22,438" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M1073.71484,21 L792,21 C291.884061,21 16,436 16,436" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M1074.62109,-16 L791,-16 C249.946107,-16 10,434 10,434" id="Shape" stroke="#C5C9E0" mask="url(#mask-2)"></path>
<path d="M3209.5,541 L1681,541" id="Shape" stroke="#5468FF"></path>
<g id="Group" transform="translate(1601.000000, 59.000000)" stroke="#C5C9E0">
<path d="M1607.48047,445 L782,445 C740.355474,445 74,480 74,480" id="Shape"></path>
<path d="M1607.48047,407 L782,407 C698.72547,407 68,476 68,476" id="Shape"></path>
<path d="M1607.48047,371 L782,371 C657.120377,371 62,475 62,475" id="Shape"></path>
<path d="M1607.48047,334 L782,334 C615.518315,334 56,472 56,472" id="Shape"></path>
<path d="M1607.48047,296 L782,296 C573.929702,296 50,469 50,469" id="Shape"></path>
<path d="M1607.48047,260 L781,260 C531.357839,260 43,467 43,467" id="Shape"></path>
<path d="M1607.48047,222 L782,222 C490.404295,222 37,464 37,464" id="Shape"></path>
<path d="M1607.48047,185 L782,185 C448.802354,185 31,462 31,462" id="Shape"></path>
<path d="M1607.48047,148 L782,148 C407.213422,148 25,460 25,460" id="Shape"></path>
<path d="M1607.48047,111 L782,111 C365.643061,111 19,456 19,456" id="Shape"></path>
<path d="M1607.48047,74 L782,74 C323.48428,74 12,454 12,454" id="Shape"></path>
<path d="M1607.48047,37 L782,37 C281.884061,37 6,452 6,452" id="Shape"></path>
<path d="M1607.48047,0 L781,0 C239.946107,0 0,450 0,450" id="Shape"></path>
</g>
<g id="Group" transform="translate(1227.393398, 305.000000) scale(-1, 1) translate(-1227.393398, -305.000000) translate(843.893398, 57.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<g id="Path-2"></g>
<path d="M792,429 C750.355474,429 84,464 84,464" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,391 C708.72547,391 78,460 78,460" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,355 C667.120377,355 72,459 72,459" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,318 C625.518315,318 66,456 66,456" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,280 C583.929702,280 60,453 60,453" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M791,244 C541.357839,244 53,451 53,451" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,206 C500.404295,206 47,448 47,448" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,169 C458.802354,169 41,446 41,446" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,132 C417.213422,132 35,444 35,444" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M792,95 C375.643061,95 29,440 29,440" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M1073.85156,58 L792,58 C333.48428,58 22,438 22,438" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M1073.71484,21 L792,21 C291.884061,21 16,436 16,436" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<path d="M1074.62109,-16 L791,-16 C249.946107,-16 10,434 10,434" id="Shape" stroke="#C5C9E0" mask="url(#mask-4)"></path>
<g id="Group" transform="translate(793.000000, 299.000000) scale(-1, 1) translate(-793.000000, -299.000000) translate(-11.000000, 59.000000)" stroke="#C5C9E0">
<path d="M1607.48047,445 L782,445 C740.355474,445 74,480 74,480" id="Shape"></path>
<path d="M1607.48047,407 L782,407 C698.72547,407 68,476 68,476" id="Shape"></path>
<path d="M1607.48047,371 L782,371 C657.120377,371 62,475 62,475" id="Shape"></path>
<path d="M1607.48047,334 L782,334 C615.518315,334 56,472 56,472" id="Shape"></path>
<path d="M1607.48047,296 L782,296 C573.929702,296 50,469 50,469" id="Shape"></path>
<path d="M1607.48047,260 L781,260 C531.357839,260 43,467 43,467" id="Shape"></path>
<path d="M1607.48047,222 L782,222 C490.404295,222 37,464 37,464" id="Shape"></path>
<path d="M1607.48047,185 L782,185 C448.802354,185 31,462 31,462" id="Shape"></path>
<path d="M1607.48047,148 L782,148 C407.213422,148 25,460 25,460" id="Shape"></path>
<path d="M1607.48047,111 L782,111 C365.643061,111 19,456 19,456" id="Shape"></path>
<path d="M1607.48047,74 L782,74 C323.48428,74 12,454 12,454" id="Shape"></path>
<path d="M1607.48047,37 L782,37 C281.884061,37 6,452 6,452" id="Shape"></path>
<path d="M1607.48047,0 L781,0 C239.946107,0 0,450 0,450" id="Shape"></path>
</g>
<path d="M-7.5,523 L1681,523" id="Shape" stroke="#5468FF"></path>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="1030" cy="179" r="6"></circle>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="1282" cy="404" r="6"></circle>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="1913" cy="455" r="6"></circle>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="2176" cy="216" r="6"></circle>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(2039.899495, 188.899495) rotate(-45.000000) translate(-2039.899495, -188.899495) " x="2032.89949" y="181.899495" width="14" height="14"></rect>
<path d="M2040,184 L2040,193" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M2045.5,189 L2035,189" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(1156.500000, 395.500000) rotate(-45.000000) translate(-1156.500000, -395.500000) " x="1149" y="388" width="15" height="15"></rect>
<path d="M1156,391 L1156,400" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M1160,396 L1151,396" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(903.500000, 194.500000) rotate(-45.000000) translate(-903.500000, -194.500000) " x="896" y="187" width="15" height="15"></rect>
<path d="M903,190 L903,199" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M908,195 L899,195" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(2291.500000, 420.500000) rotate(-45.000000) translate(-2291.500000, -420.500000) " x="2284" y="413" width="15" height="15"></rect>
<path d="M2292,416 L2292,425" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M2297,420 L2288,420" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(1787.500000, 390.500000) rotate(-45.000000) translate(-1787.500000, -390.500000) " x="1780" y="383" width="15" height="15"></rect>
<path d="M1788,386 L1788,395" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M1791,391 L1782,391" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="Group-4" transform="translate(1403.000000, 350.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#C5C9E0">
<path d="M-7.5,541 L1681,541" id="Shape" stroke="#5468FF"></path>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="1030" cy="197" r="6"></circle>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="1282" cy="422" r="6"></circle>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="1913" cy="473" r="6"></circle>
<circle id="Oval" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" cx="2176" cy="234" r="6"></circle>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(2040.000000, 207.000000) rotate(-45.000000) translate(-2040.000000, -207.000000) " x="2033" y="200" width="14" height="14"></rect>
<path d="M2040,202 L2040,211" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M2045.5,207 L2035,207" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(1156.500000, 413.500000) rotate(-45.000000) translate(-1156.500000, -413.500000) " x="1149" y="406" width="15" height="15"></rect>
<path d="M1156,409 L1156,418" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M1160,414 L1151,414" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(903.500000, 212.500000) rotate(-45.000000) translate(-903.500000, -212.500000) " x="896" y="205" width="15" height="15"></rect>
<path d="M903,208 L903,217" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M908,213 L899,213" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(2291.500000, 438.500000) rotate(-45.000000) translate(-2291.500000, -438.500000) " x="2284" y="431" width="15" height="15"></rect>
<path d="M2292,434 L2292,443" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M2297,438 L2288,438" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<rect id="Rectangle-path" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero" transform="translate(1787.500000, 408.500000) rotate(-45.000000) translate(-1787.500000, -408.500000) " x="1780" y="401" width="15" height="15"></rect>
<path d="M1788,404 L1788,413" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<path d="M1791,409 L1782,409" id="Shape" stroke="#C5C9E0" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="Group-4" transform="translate(1403.000000, 368.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#C5C9E0">
<rect id="Rectangle-path" transform="translate(10.968725, 10.928245) rotate(-45.000000) translate(-10.968725, -10.928245) " x="3.28958879" y="3.24910916" width="15.358272" height="15.358272"></rect>
<path d="M10.9647202,6.13628037 L10.9647202,15.7311981" id="Shape"></path>
<path d="M15.7675155,10.9284028 L6.17259781,10.9284028" id="Shape"></path>
</g>
<g id="Group-4-Copy" transform="translate(1176.000000, 106.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#C5C9E0">
<g id="Group-4-Copy" transform="translate(1176.000000, 124.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#C5C9E0">
<rect id="Rectangle-path" transform="translate(10.968725, 10.928245) rotate(-45.000000) translate(-10.968725, -10.928245) " x="3.28958879" y="3.24910916" width="15.358272" height="15.358272"></rect>
<path d="M10.9647202,6.13628037 L10.9647202,15.7311981" id="Shape"></path>
<path d="M15.7675155,10.9284028 L6.17259781,10.9284028" id="Shape"></path>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 7 KiB