wikimedia/mediawiki-extensions-VisualEditor
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor synced 2024-11-24 22:35:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Update beta feature screenshots to use proper layout and colours"

Browse source
This commit is contained in:
jenkins-bot 2016-10-13 00:15:19 +00:00 committed by Gerrit Code Review
parent 48857c1217 3c298616b5
commit 62d1135ddc
4 changed files with 213 additions and 693 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

147
betafeatures-icon-VisualEditor-ltr.svg
View file

@ -1,113 +1,56 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162">
<g id="g3-9">
<g id="g5-4">
<path id="polygon7-8" fill="#fff" d="M263.5 152.249l-9 6.705v-116.454h-39v112.6l-4.393-3.731-7.607 5.33v-114.199h-155v110.85l-9.751 8.03-13.916-10.019-11.467 9.996-12.866-9.608v-151.249h263z"/>
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 264 162" height="162" width="264">
<defs id="defs78">
<clipPath id="jagged-edge">
<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z"/>
</clipPath>
</defs>
<g clip-path="url(#jagged-edge)" id="screenshot">
<path id="background" d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
<path id="article" d="M252 162.496V29H48v133.496z" fill="#e5e5e5"/>
<path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/>
<path id="sidebar" d="M38 163.807V58H13v105.807h25z" fill="#e5e5e5"/>
<g id="personal-tools" fill="#e5e5e5">
<path d="M233 5h26v6h-26V5zM209 5h22v6h-22zM185 5h22v6h-22zM162 5h13v6h-13zM177 5h6v6h-6zM154 5h6v6h-6z"/>
</g>
<g id="g9-7">
<g id="g11-9">
<path d="M263 1v150.998l-8 5.96v-115.958h-40v112.02l-3.274-2.781-.589-.498-.633.441-6.504 4.556v-113.738h-156v111.1l-9.257 7.66-13.295-9.57-.645-.463-.598.521-10.864 9.47-12.341-9.219v-150.499h262m1-1h-264v152l13.391 10 11.474-10 13.891 10 10.244-8.4v-110.6h154v114.66l8.078-5.66 4.922 4.18v-113.18h38v116.95l10-7.45v-152.5z" id="path13-5" fill="#e5e5e5"/>
</g>
<g id="search" fill="#e5e5e5">
<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
<path id="icon" d="M168 17h2v2h-2z"/>
</g>
</g>
<g id="g15-0">
<path d="M203 157.66v-114.66h-154v110.6l2.145-1.6 12.555 10 13.809-10 14.229 10 12.972-10 12.973 10 13.811-10 12.136 10 13.391-10 14.229 10 12.972-10 12.974 10 5.804-4.34z" id="path17-8" fill="#e5e5e5"/>
</g>
<g id="Ellipse-6">
<path d="M11 36c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" id="path20-7" fill="#e5e5e5"/>
</g>
<g id="g22-9">
<path d="M254 159.95v-116.95h-38v113.18l7.551 5.82 13.811-10 13.891 10 2.747-2.05z" id="path24-3" fill="#e5e5e5"/>
</g>
<g id="g26-4">
<path d="M38 107v-35h-25v35h25z" id="path28-4" fill="#e5e5e5"/>
</g>
<g id="g30-7">
<path d="M232.51 5h26v6h-26v-6z" id="path32-0" fill="#e5e5e5"/>
</g>
<g id="g34-2">
<path id="rect36-6" fill="#e5e5e5" d="M208.51 5h22v6h-22z"/>
</g>
<g id="g38-9">
<path d="M142 6v4h-92v-4h92m1-1h-94v6h94v-6z" id="path40-4" fill="#e5e5e5"/>
</g>
<g id="g42-5">
<path id="rect44-0" fill="#e5e5e5" d="M184.51 5h22v6h-22z"/>
</g>
<g id="g46-2">
<path id="rect48-3" fill="#e5e5e5" d="M161.51 5h13v6h-13z"/>
</g>
<g id="g50-8">
<path id="rect52-8" fill="#e5e5e5" d="M176.51 5h6v6h-6z"/>
</g>
<g id="g54-8">
<path id="rect56-7" fill="#e5e5e5" d="M153.51 5h6v6h-6z"/>
</g>
<g id="g58-5">
<path id="rect60-0" fill="#e5e5e5" d="M9 5h32v6h-32z"/>
</g>
<g id="g62-9" fill="#e5e5e5">
<path d="M2 14.5h260" id="path64-4"/>
<path id="rect66-6" d="M2 14h260v1h-260z"/>
</g>
<g id="g68-0">
<path id="rect70-3" fill="#e5e5e5" d="M52 7h2v2h-2z"/>
</g>
<g id="g72-5">
<path d="M38 59v-5h-25v5h25z" id="path74-5" fill="#e5e5e5"/>
</g>
<g id="g76-6" opacity=".2">
<path id="rect78-6" fill="#4f8ac8" d="M48.083 42.083h156.084v21.667h-156.084z"/>
</g>
<g id="g80-1">
<path id="rect82-3" fill="#cdcccc" d="M59 72.333h54v6h-54z"/>
</g>
<g id="g84-5" opacity=".412">
<path d="M190 84.334h-39v30h39v-30zm-26.348 13.043h1.403l8.7 8.604 4.725-2.834 7.117 5.943v.025h-31.147l9.202-11.738z" id="path86-5" fill="#9c9c9d"/>
</g>
<g id="g88-0">
<path id="rect90-2" fill="#cdcccc" d="M59 123.334h131v3h-131z"/>
</g>
<g id="g92-4">
<path id="rect94-2" fill="#cdcccc" d="M59 133.334h104v3h-104z"/>
</g>
<g id="g96-4">
<path id="rect98-0" fill="#cdcccc" d="M59 89.334h84v3h-84z"/>
</g>
<g id="g100-4">
<path id="rect102-0" fill="#cdcccc" d="M59 99.334h84v3h-84z"/>
</g>
<g id="g104-7">
<path id="rect106-4" fill="#cdcccc" d="M59 109.334h39v3h-39z"/>
</g>
<g id="g108-4">
<g id="g110-0">
<path d="M59 48.333h25v10h-25v-10z" id="path112-4" fill="#9c9c9d"/>
<path id="sitename" d="M38 45v-5H13v5h25z" fill="#e5e5e5"/>
<path d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.167z" id="border" fill="#e5e5e5"/>
<g id="g76-6">
<path id="rect78-6" d="M48.083 43h204.084v20.75H48.083z" fill="#36c" transform="translate(0 -14)"/>
</g>
<g id="g114-2">
<path id="rect116-9" fill="#9c9c9d" d="M92.5 48.333h10v10h-10z"/>
<g id="g80-1">
<path id="rect82-3" d="M59 72.333h54v6H59z" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g118-2">
<path id="rect120-7" fill="#9c9c9d" d="M109.5 48.333h10v10h-10z"/>
<g id="g84-5" opacity=".412">
<path d="M240 84.334h-39v30h39zm-26.348 13.043h1.403l8.7 8.604 4.725-2.833 7.117 5.943v.025H204.45z" id="path86-5" fill="#9c9c9d" transform="translate(0 -14)"/>
</g>
</g>
<g id="g122-1" fill="#9c9c9d">
<g id="g124-1">
<g id="Line-3">
<path id="rect127-7" d="M101.469 106.734h2v8.1h-2z"/>
</g>
<g id="Line2-3">
<path id="rect130-8" d="M101.469 104.834h2v2h-2z"/>
</g>
<g id="Line3-5">
<path id="rect133-9" d="M101.469 113.834h2v2h-2z"/>
</g>
<g id="g88-0">
<path id="rect90-2" d="M59 123.334h181v3H59z" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g135-4">
<path id="rect137-1" d="M100.011 104.834h4.917v2h-4.917z"/>
<g id="g92-4">
<path id="rect94-2" d="M59 133.334h104v3H59z" fill="#cdcccc" transform="translate(0 -4)"/>
</g>
<g id="g139-0">
<path id="rect141-0" d="M99.979 113.834h4.917v2h-4.917z"/>
<g id="g96-4">
<path id="rect98-0" d="M59 89.334h134v3H59z" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g100-4">
<path id="rect102-0" d="M59 99.334h134v3H59z" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g104-7">
<path id="rect106-4" d="M59 109.334h39v3H59z" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g5278" fill="#fff">
<path id="path112-4" d="M59 34.333h25v10H59v-10z"/>
<path d="M92.5 34.333h10v10h-10z" id="rect116-9"/>
<path d="M109.5 34.333h10v10h-10z" id="rect120-7"/>
</g>
<path id="rect127-7" d="M100.012 90.834v2h1.457v7h-1.49v2h4.916v-2h-1.427v-7h1.458v-2z" fill="#36c"/>
<g id="g88-0-9">
<path id="rect90-2-0" d="M59 123.334h181v3H59z" fill="#cdcccc" transform="translate(0 -4)"/>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

152
betafeatures-icon-VisualEditor-rtl.svg
View file

@ -1,113 +1,61 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162">
<g id="g3-9">
<g id="g5-4">
<path id="polygon7-8" fill="#fff" d="M9.5 158.954v-116.454h39v112.6l4.393-3.731 7.607 5.33v-114.199h155v110.85l9.751 8.03 13.916-10.019 11.467 9.996 12.866-9.608v-151.249h-263v151.749z"/>
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162" id="svg2">
<defs id="defs78">
<clipPath id="jagged-edge">
<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z"/>
</clipPath>
</defs>
<g transform="matrix(-1 0 0 1 264 0)" id="screenshot" clip-path="url(#jagged-edge)">
<path d="M263.5 162.25l-263-.5V.5h263z" id="background" fill="#fff"/>
<path d="M252 162.496V29H48v133.496z" id="article" fill="#e5e5e5"/>
<path d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" id="logo" fill="#e5e5e5"/>
<path d="M38 163.807V58H13v105.807h25z" id="sidebar" fill="#e5e5e5"/>
<g id="personal-tools" fill="#e5e5e5">
<path id="path8055" d="M233 5h26v6h-26V5z"/>
<path id="path8057" d="M209 5h22v6h-22z"/>
<path id="path8059" d="M185 5h22v6h-22z"/>
<path id="path8061" d="M162 5h13v6h-13z"/>
<path id="path8063" d="M177 5h6v6h-6z"/>
<path id="path8065" d="M154 5h6v6h-6z"/>
</g>
<g id="g9-7">
<g id="g11-9">
<path d="M1 1v150.998l8 5.96v-115.958h40v112.02l3.274-2.781.589-.498.633.441 6.504 4.556v-113.738h156v111.1l9.257 7.66 13.295-9.57.645-.463.598.521 10.864 9.47 12.341-9.219v-150.499h-262m-1-1h264v152l-13.391 10-11.474-10-13.891 10-10.244-8.4v-110.6h-154v114.66l-8.078-5.66-4.922 4.18v-113.18h-38v116.95l-10-7.45v-152.5z" id="path13-5" fill="#e5e5e5"/>
</g>
<g id="search" fill="#e5e5e5">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z" id="path5717"/>
<path d="M168 17h2v2h-2z" id="icon"/>
</g>
</g>
<g id="g15-0">
<path d="M61 157.66v-114.66h154v110.6l-2.145-1.6-12.555 10-13.809-10-14.229 10-12.972-10-12.973 10-13.811-10-12.136 10-13.391-10-14.229 10-12.972-10-12.974 10-5.804-4.34z" id="path17-8" fill="#e5e5e5"/>
</g>
<g id="Ellipse-6">
<path d="M253 36c0-7.732-6.268-14-14-14s-14 6.268-14 14 6.268 14 14 14 14-6.268 14-14z" id="path20-7" fill="#e5e5e5"/>
</g>
<g id="g22-9">
<path d="M10 159.95v-116.95h38v113.18l-7.551 5.82-13.811-10-13.891 10-2.747-2.05z" id="path24-3" fill="#e5e5e5"/>
</g>
<g id="g26-4">
<path d="M226 107v-35h25v35h-25z" id="path28-4" fill="#e5e5e5"/>
</g>
<g id="g30-7">
<path d="M31.49 5h-26v6h26v-6z" id="path32-0" fill="#e5e5e5"/>
</g>
<g id="g34-2">
<path id="rect36-6" fill="#e5e5e5" d="M55.49 5h-22v6h22z"/>
</g>
<g id="g38-9">
<path d="M122 6v4h92v-4h-92m-1-1h94v6h-94v-6z" id="path40-4" fill="#e5e5e5"/>
</g>
<g id="g42-5">
<path id="rect44-0" fill="#e5e5e5" d="M79.49 5h-22v6h22z"/>
</g>
<g id="g46-2">
<path id="rect48-3" fill="#e5e5e5" d="M102.49 5h-13v6h13z"/>
</g>
<g id="g50-8">
<path id="rect52-8" fill="#e5e5e5" d="M87.49 5h-6v6h6z"/>
</g>
<g id="g54-8">
<path id="rect56-7" fill="#e5e5e5" d="M110.49 5h-6v6h6z"/>
</g>
<g id="g58-5">
<path id="rect60-0" fill="#e5e5e5" d="M255 5h-32v6h32z"/>
</g>
<g id="g62-9" fill="#e5e5e5">
<path d="M262 14.5h-260" id="path64-4"/>
<path id="rect66-6" d="M262 14h-260v1h260z"/>
</g>
<g id="g68-0">
<path id="rect70-3" fill="#e5e5e5" d="M212 7h-2v2h2z"/>
</g>
<g id="g72-5">
<path d="M226 59v-5h25v5h-25z" id="path74-5" fill="#e5e5e5"/>
</g>
<g id="g76-6" opacity=".2">
<path id="rect78-6" fill="#4f8ac8" d="M215.917 42.083h-156.084v21.667h156.084z"/>
</g>
<g id="g80-1">
<path id="rect82-3" fill="#cdcccc" d="M205 72.333h-54v6h54z"/>
</g>
<g id="g84-5" opacity=".412">
<path d="M74 84.334h39v30h-39v-30zm26.348 13.043h-1.403l-8.7 8.604-4.725-2.834-7.117 5.943v.025h31.147l-9.202-11.738z" id="path86-5" fill="#9c9c9d"/>
</g>
<g id="g88-0">
<path id="rect90-2" fill="#cdcccc" d="M205 123.334h-131v3h131z"/>
</g>
<g id="g92-4">
<path id="rect94-2" fill="#cdcccc" d="M205 133.334h-104v3h104z"/>
</g>
<g id="g96-4">
<path id="rect98-0" fill="#cdcccc" d="M205 89.334h-84v3h84z"/>
</g>
<g id="g100-4">
<path id="rect102-0" fill="#cdcccc" d="M205 99.334h-84v3h84z"/>
</g>
<g id="g104-7">
<path id="rect106-4" fill="#cdcccc" d="M205 109.334h-39v3h39z"/>
</g>
<g id="g108-4">
<g id="g110-0">
<path d="M205 48.333h-25v10h25v-10z" id="path112-4" fill="#9c9c9d"/>
<path d="M38 45v-5H13v5h25z" id="sitename" fill="#e5e5e5"/>
<path id="border" d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.167z" fill="#e5e5e5"/>
<g id="g76-6">
<path d="M48.083 43h204.084v20.75H48.083z" id="rect78-6" fill="#36c" transform="translate(0 -14)"/>
</g>
<g id="g114-2">
<path id="rect116-9" fill="#9c9c9d" d="M171.5 48.333h-10v10h10z"/>
<g id="g80-1">
<path d="M59 72.333h54v6H59z" id="rect82-3" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g118-2">
<path id="rect120-7" fill="#9c9c9d" d="M154.5 48.333h-10v10h10z"/>
<g id="g84-5" opacity=".412">
<path id="path86-5" d="M240 84.334h-39v30h39zm-26.348 13.043h1.403l8.7 8.604 4.725-2.833 7.117 5.943v.025H204.45z" fill="#9c9c9d" transform="translate(0 -14)"/>
</g>
</g>
<g id="g122-1" fill="#9c9c9d">
<g id="g124-1">
<g id="Line-3">
<path id="rect127-7" d="M162.531 106.734h-2v8.1h2z"/>
</g>
<g id="Line2-3">
<path id="rect130-8" d="M162.531 104.834h-2v2h2z"/>
</g>
<g id="Line3-5">
<path id="rect133-9" d="M162.531 113.834h-2v2h2z"/>
</g>
<g id="g88-0">
<path d="M59 123.334h181v3H59z" id="rect90-2" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g135-4">
<path id="rect137-1" d="M163.989 104.834h-4.917v2h4.917z"/>
<g id="g92-4">
<path d="M59 133.334h104v3H59z" id="rect94-2" fill="#cdcccc" transform="translate(0 -4)"/>
</g>
<g id="g139-0">
<path id="rect141-0" d="M164.021 113.834h-4.917v2h4.917z"/>
<g id="g96-4">
<path d="M59 89.334h134v3H59z" id="rect98-0" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g100-4">
<path d="M59 99.334h134v3H59z" id="rect102-0" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g104-7">
<path d="M59 109.334h39v3H59z" id="rect106-4" fill="#cdcccc" transform="translate(0 -14)"/>
</g>
<g id="g5278" fill="#fff">
<path d="M59 34.333h25v10H59v-10z" id="path112-4"/>
<path id="rect116-9" d="M92.5 34.333h10v10h-10z"/>
<path id="rect120-7" d="M109.5 34.333h10v10h-10z"/>
</g>
<path d="M100.012 90.834v2h1.457v7h-1.49v2h4.916v-2h-1.427v-7h1.458v-2z" id="rect127-7" fill="#36c"/>
<g id="g88-0-9">
<path d="M59 123.334h181v3H59z" id="rect90-2-0" fill="#cdcccc" transform="translate(0 -4)"/>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

295
betafeatures-icon-WikitextEditor-ltr.svg
View file

@ -1,239 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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"
version="1.1"
width="264"
height="162"
viewBox="0 0 264 162"
id="svg2">
<metadata
id="metadata80">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs78" />
<g
id="g3-9">
<g
id="g5-4">
<path
d="m 263.5,152.249 -9,6.705 V 42.5 h -39 v 112.6 l -4.393,-3.731 -7.607,5.33 V 42.5 H 48.5 V 153.35 L 38.749,161.38 24.833,151.361 13.366,161.357 0.5,151.749 V 0.5 h 263 z"
id="polygon7-8"
style="fill:#ffffff" />
<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162" id="svg2">
<defs id="defs78">
<clipPath id="jagged-edge">
<path id="path5595" d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z"/>
</clipPath>
</defs>
<g id="screenshot" clip-path="url(#jagged-edge)">
<path fill="#fff" d="M263.5 162.25l-263-.5V.5h263z" id="background"/>
<path fill="#e5e5e5" d="M252 162.496V29H48v133.496z" id="article"/>
<path fill="#e5e5e5" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" id="logo"/>
<path fill="#e5e5e5" d="M38 163.807V58H13v105.807h25z" id="sidebar"/>
<g fill="#e5e5e5" id="personal-tools">
<path id="path5603" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
</g>
<g fill="#e5e5e5" id="search">
<path d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z" id="path5717"/>
<path d="M168 17h2v2h-2z" id="icon"/>
</g>
<path fill="#e5e5e5" d="M38 45v-5H13v5h25z" id="sitename"/>
<path fill="#e5e5e5" id="border" d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.168z"/>
<g id="g76-6">
<path transform="translate(0 -14)" fill="#36c" id="rect78-6" d="M48.083 43h204.084v20.75H48.083z"/>
</g>
<g fill="#fff" id="g5278">
<path id="path112-4" d="M59 34.333h25v10H59v-10z"/>
<path d="M92.5 34.333h10v10h-10z" id="rect116-9"/>
<path d="M109.5 34.333h10v10h-10z" id="rect120-7"/>
</g>
<g font-size="48" font-weight="500" id="*-copy" fill="#36c">
<path transform="translate(-5.052 -9.663)" id="path3076" d="M78.447 88.13l-1.128 1.968-4.058-2.376a11.313 11.313 0 0 1-.792-.528 3.114 3.114 0 0 1-.623-.672c.24.56.36 1.16.36 1.8v4.656h-2.28v-4.632c0-.32.016-.616.048-.888a3.2 3.2 0 0 1 .264-.84 3.547 3.547 0 0 1-.6.6 6.7 6.7 0 0 1-.746.504l-4.032 2.352-1.128-1.968 4.032-2.352a5.52 5.52 0 0 1 .84-.384c.272-.112.56-.184.864-.216a4.147 4.147 0 0 1-1.703-.624l-4.056-2.376 1.13-1.968 4.056 2.376c.288.176.544.36.768.552.24.192.448.416.624.672a3.914 3.914 0 0 1-.288-.864 5.99 5.99 0 0 1-.073-.936v-4.68h2.28v4.632c0 .32-.024.632-.072.936a3.094 3.094 0 0 1-.216.84 3.18 3.18 0 0 1 .6-.624c.222-.176.47-.352.742-.528l4.032-2.328 1.128 1.968-4.032 2.328c-.27.16-.543.296-.815.408a2.79 2.79 0 0 1-.816.216c.542.064 1.086.264 1.63.6l4.056 2.376"/>
</g>
<path id="Combined-Shape-Copy" d="M165.983 90h-4.286v2.143h2.144v10.714h-2.143V105h4.286zm-5.357 0h-4.287v2.143h2.143v10.714h-2.144V105h4.286zm-57.144 0h4.286v2.143h-2.143v10.714h2.143V105h-4.286zm5.358 0h4.286v2.143h-2.144v10.714h2.144V105h-4.286z" fill="#36c" stroke-width=".381"/>
<g font-size="36" font-weight="500" id="#-copy" fill="#36c">
<path transform="matrix(.71725 0 0 .57193 2.09 39.89)" id="path3073" d="M91.893 129.772h-4.266l-1.098 5.616h4.246l1.116-5.616m7.038-2.592l-.27 1.494c-.06.372-.21.648-.45.828-.24.18-.61.27-1.115.27H94.79l-1.115 5.616h3.06c.372 0 .636.114.792.342.168.216.21.588.126 1.116l-.162 1.134H93.3l-1.476 7.542H90.24c-.17 0-.33-.036-.487-.108a1.166 1.166 0 0 1-.36-.324 1.622 1.622 0 0 1-.215-.486c-.036-.18-.03-.378.018-.594l1.206-6.03h-4.25l-1.205 6.21c-.096.48-.294.822-.594 1.026-.3.204-.64.306-1.025.306H81.78l1.476-7.542H80.77c-.36 0-.625-.108-.793-.324-.168-.216-.21-.594-.126-1.134l.164-1.134h3.618l1.1-5.616h-4.087l.252-1.476c.06-.384.21-.666.45-.846.24-.18.612-.27 1.116-.27h2.647l1.242-6.264c.07-.384.25-.684.54-.9a1.577 1.577 0 0 1 1.007-.342h1.583l-1.475 7.506h4.266l1.46-7.506H95.3c.383 0 .683.12.9.36.215.24.287.552.215.936l-1.24 6.21h3.76"/>
</g>
<g id="g80-1-3">
<path transform="translate(0 -14)" id="rect82-3-5" d="M59 72.333h54v6H59z" fill="#cdcccc"/>
</g>
<g id="g88-0">
<path transform="matrix(.8895 0 0 1 26.52 -8)" id="rect90-2" d="M59 123.334h181v3H59z" fill="#cdcccc"/>
</g>
<g id="g92-4">
<path transform="translate(0 2)" id="rect94-2" d="M59 133.334h104v3H59z" fill="#cdcccc"/>
</g>
<g id="g104-7">
<path transform="translate(0 -14)" id="rect106-4" d="M59 109.334h39v3H59z" fill="#cdcccc"/>
</g>
<g id="g88-0-9">
<path transform="translate(0 2)" id="rect90-2-0" d="M59 123.334h181v3H59z" fill="#cdcccc"/>
</g>
<g id="g104-7-6">
<path transform="translate(56 -14)" id="rect106-4-2" d="M59 109.334h39v3H59z" fill="#cdcccc"/>
</g>
<g id="g88-0-91">
<path transform="matrix(.8895 0 0 1 26.52 -48)" id="rect90-2-2" d="M59 123.334h181v3H59z" fill="#cdcccc"/>
</g>
<g id="g88-0-9-7">
<path transform="translate(0 -38)" id="rect90-2-0-0" d="M59 123.334h181v3H59z" fill="#cdcccc"/>
</g>
</g>
<g
id="g9-7">
<g
id="g11-9">
<path
d="m 263,1 v 150.998 l -8,5.96 V 42 h -40 v 112.02 l -3.274,-2.781 -0.589,-0.498 -0.633,0.441 -6.504,4.556 V 42 H 48 v 111.1 l -9.257,7.66 -13.295,-9.57 -0.645,-0.463 -0.598,0.521 -10.864,9.47 L 1,151.499 V 1 h 262 m 1,-1 H 0 V 152 L 13.391,162 24.865,152 38.756,162 49,153.6 V 43 H 203 V 157.66 L 211.078,152 216,156.18 V 43 h 38 v 116.95 l 10,-7.45 V 0 z"
id="path13-5"
style="fill:#e5e5e5" />
</g>
</g>
</g>
<g
id="g15-0">
<path
d="M 203,157.66 V 43 H 49 v 110.6 l 2.145,-1.6 12.555,10 13.809,-10 14.229,10 12.972,-10 12.973,10 13.811,-10 12.136,10 13.391,-10 14.229,10 12.972,-10 12.974,10 5.804,-4.34 z"
id="path17-8"
style="fill:#e5e5e5" />
</g>
<g
id="Ellipse-6">
<path
d="m 11,36 c 0,-7.732 6.268,-14 14,-14 7.732,0 14,6.268 14,14 0,7.732 -6.268,14 -14,14 -7.732,0 -14,-6.268 -14,-14 z"
id="path20-7"
style="fill:#e5e5e5" />
</g>
<g
id="g22-9">
<path
d="M 254,159.95 V 43 h -38 v 113.18 l 7.551,5.82 13.811,-10 13.891,10 2.747,-2.05 z"
id="path24-3"
style="fill:#e5e5e5" />
</g>
<g
id="g26-4">
<path
d="M 38,107 V 72 H 13 v 35 h 25 z"
id="path28-4"
style="fill:#e5e5e5" />
</g>
<g
id="g30-7">
<path
d="m 232.51,5 h 26 v 6 h -26 V 5 z"
id="path32-0"
style="fill:#e5e5e5" />
</g>
<g
id="g34-2">
<path
d="m 208.51,5 h 22 v 6 h -22 z"
id="rect36-6"
style="fill:#e5e5e5" />
</g>
<g
id="g38-9">
<path
d="m 142,6 v 4 H 50 V 6 h 92 m 1,-1 H 49 v 6 h 94 V 5 z"
id="path40-4"
style="fill:#e5e5e5" />
</g>
<g
id="g42-5">
<path
d="m 184.51,5 h 22 v 6 h -22 z"
id="rect44-0"
style="fill:#e5e5e5" />
</g>
<g
id="g46-2">
<path
d="m 161.51,5 h 13 v 6 h -13 z"
id="rect48-3"
style="fill:#e5e5e5" />
</g>
<g
id="g50-8">
<path
d="m 176.51,5 h 6 v 6 h -6 z"
id="rect52-8"
style="fill:#e5e5e5" />
</g>
<g
id="g54-8">
<path
d="m 153.51,5 h 6 v 6 h -6 z"
id="rect56-7"
style="fill:#e5e5e5" />
</g>
<g
id="g58-5">
<path
d="m 9,5 h 32 v 6 H 9 z"
id="rect60-0"
style="fill:#e5e5e5" />
</g>
<g
id="g62-9"
style="fill:#e5e5e5">
<path
d="M 2,14.5 H 262"
id="path64-4" />
<path
d="m 2,14 h 260 v 1 H 2 z"
id="rect66-6" />
</g>
<g
id="g68-0">
<path
d="m 52,7 h 2 v 2 h -2 z"
id="rect70-3"
style="fill:#e5e5e5" />
</g>
<g
id="g72-5">
<path
d="M 38,59 V 54 H 13 v 5 h 25 z"
id="path74-5"
style="fill:#e5e5e5" />
</g>
<path
d="M 48.083,42.083 H 204.167 V 63.75 H 48.083 z"
id="rect78-6"
style="fill:#3366cc;fill-opacity:1" />
<g
id="g100-4" />
<g
id="g3823">
<g
id="g110-0">
<path
d="m 59,48.333 h 25 v 10 H 59 v -10 z"
id="path112-4"
style="fill:#2a4b8d;fill-opacity:1" />
</g>
<path
d="m 92.5,48.333 h 10 v 10 h -10 z"
id="rect116-9"
style="fill:#2a4b8d;fill-opacity:1" />
<path
d="m 109.5,48.333 h 10 v 10 h -10 z"
id="rect120-7"
style="fill:#2a4b8d;fill-opacity:1" />
</g>
<g
transform="translate(4,-2)"
id="g122-1"
style="fill:#9c9c9d">
<g
id="g124-1">
<g
id="Line-3">
<path
d="m 101.469,106.734 h 2 v 8.1 h -2 z"
id="rect127-7" />
</g>
<g
id="Line2-3">
<path
d="m 101.469,104.834 h 2 v 2 h -2 z"
id="rect130-8" />
</g>
<g
id="Line3-5">
<path
d="m 101.469,113.834 h 2 v 2 h -2 z"
id="rect133-9" />
</g>
</g>
<g
id="g135-4">
<path
d="m 100.011,104.834 h 4.917 v 2 h -4.917 z"
id="rect137-1" />
</g>
<g
id="g139-0">
<path
d="m 99.979,113.834 h 4.917 v 2 h -4.917 z"
id="rect141-0" />
</g>
</g>
<g
transform="translate(0,-2)"
id="*-copy"
style="font-size:48px;font-weight:500;fill:#3366cc;font-family:'Lato-Semibold, Lato'">
<path
d="m 78.44683,88.130301 -1.128,1.968 -4.056,-2.376 c -0.288012,-0.175974 -0.552012,-0.351974 -0.792,-0.528 -0.240011,-0.191974 -0.448011,-0.415974 -0.624,-0.672 0.239989,0.560026 0.359989,1.160026 0.36,1.8 l 0,4.656 -2.28,0 0,-4.632 c -9e-6,-0.319975 0.01599,-0.615974 0.048,-0.888 0.04799,-0.287974 0.135991,-0.567974 0.264,-0.84 -0.176009,0.224026 -0.376009,0.424026 -0.6,0.6 -0.224009,0.176026 -0.472008,0.344026 -0.744,0.504 l -4.032,2.352 -1.128,-1.968 4.032,-2.352 c 0.287993,-0.159972 0.567993,-0.287972 0.84,-0.384 0.271992,-0.111972 0.559992,-0.183972 0.864,-0.216 -0.608008,-0.07997 -1.176007,-0.287972 -1.704,-0.624 l -4.056,-2.376 1.128,-1.968 4.056,2.376 c 0.287992,0.176031 0.543991,0.36003 0.768,0.552 0.239991,0.19203 0.447991,0.41603 0.624,0.672 -0.128009,-0.27197 -0.224009,-0.55997 -0.288,-0.864 -0.04801,-0.303969 -0.07201,-0.615969 -0.072,-0.936 l 0,-4.68 2.28,0 0,4.632 c -1.1e-5,0.320031 -0.02401,0.632031 -0.072,0.936 -0.03201,0.28803 -0.104011,0.56803 -0.216,0.84 0.175989,-0.23997 0.375989,-0.44797 0.6,-0.624 0.223988,-0.17597 0.471988,-0.351969 0.744,-0.528 l 4.032,-2.328 1.128,1.968 -4.032,2.328 c -0.272013,0.160029 -0.544013,0.296028 -0.816,0.408 -0.256012,0.112028 -0.528012,0.184028 -0.816,0.216 0.543988,0.06403 1.087987,0.264028 1.632,0.6 l 4.056,2.376"
id="path3076" />
</g>
<path
d="m 191,76.66667 -11.23809,0 0,5.619048 5.61904,0 0,28.095242 -5.61904,0 0,5.61904 11.23809,0 0,-39.33333 z m -14.04762,0 -11.23809,0 0,5.619048 5.61904,0 0,28.095242 -5.61904,0 0,5.61904 11.23809,0 0,-39.33333 z m -44.95238,0 11.23809,0 0,5.619048 -5.61904,0 0,28.095242 5.61904,0 0,5.61904 L 132,116 132,76.66667 z m 14.04762,0 11.23809,0 0,5.619048 -5.61904,0 0,28.095242 5.61904,0 0,5.61904 -11.23809,0 0,-39.33333 z"
id="Combined-Shape-Copy"
style="fill:#3366cc" />
<g
transform="translate(0,-2)"
id="#-copy"
style="font-size:36px;font-weight:500;fill:#3366cc;font-family:'Lato-Semibold, Lato'">
<path
d="m 91.89283,129.77229 -4.266,0 -1.098,5.616 4.248,0 1.116,-5.616 m 7.038,-2.592 -0.27,1.494 c -0.06002,0.37202 -0.21002,0.64802 -0.45,0.828 -0.240019,0.18002 -0.612019,0.27002 -1.116,0.27 l -2.304,0 -1.116,5.616 3.06,0 c 0.371982,10e-6 0.635981,0.11401 0.792,0.342 0.167981,0.21601 0.209981,0.58801 0.126,1.116 l -0.162,1.134 -4.194,0 -1.476,7.542 -1.584,0 c -0.168011,0 -0.330011,-0.036 -0.486,-0.108 -0.144011,-0.084 -0.264011,-0.192 -0.36,-0.324 -0.09601,-0.144 -0.16801,-0.306 -0.216,-0.486 -0.03601,-0.18 -0.03001,-0.378 0.018,-0.594 l 1.206,-6.03 -4.248,0 -1.206,6.21 c -0.09601,0.48 -0.294006,0.822 -0.594,1.026 -0.300005,0.204 -0.642005,0.306 -1.026,0.306 l -1.548,0 1.476,-7.542 -2.484,0 c -0.360002,1e-5 -0.624001,-0.10799 -0.792,-0.324 -0.168001,-0.21599 -0.210001,-0.59399 -0.126,-1.134 l 0.162,-1.134 3.618,0 1.098,-5.616 -4.086,0 0.252,-1.476 c 0.06,-0.38398 0.209998,-0.66598 0.45,-0.846 0.239997,-0.17998 0.611997,-0.26998 1.116,-0.27 l 2.646,0 1.242,-6.264 c 0.07199,-0.38397 0.251992,-0.68397 0.54,-0.9 0.287992,-0.22797 0.623991,-0.34197 1.008,-0.342 l 1.584,0 -1.476,7.506 4.266,0 1.458,-7.506 1.566,0 c 0.383983,3e-5 0.683983,0.12003 0.9,0.36 0.215982,0.24003 0.287982,0.55203 0.216,0.936 l -1.242,6.21 3.762,0"
id="path3073" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

312
betafeatures-icon-WikitextEditor-rtl.svg
View file

@ -1,256 +1,62 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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"
version="1.1"
width="264"
height="162"
viewBox="0 0 264 162"
id="svg2">
<metadata
id="metadata80">
<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></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs78" />
<g
id="g100-4" />
<g
transform="matrix(-1,0,0,1,264,0)"
id="g3-9">
<g
id="g5-4">
<path
d="m 263.5,152.249 -9,6.705 V 42.5 h -39 v 112.6 l -4.393,-3.731 -7.607,5.33 V 42.5 H 48.5 V 153.35 L 38.749,161.38 24.833,151.361 13.366,161.357 0.5,151.749 V 0.5 h 263 z"
id="polygon7-8"
style="fill:#ffffff" />
<svg xmlns="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 264 162" height="162" width="264">
<defs id="defs78">
<clipPath id="jagged-edge">
<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z" id="path5595"/>
</clipPath>
</defs>
<g transform="matrix(-1 0 0 1 264 0)" clip-path="url(#jagged-edge)" id="screenshot">
<path id="background" d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
<path id="article" d="M252 162.496V29H48v133.496z" fill="#e5e5e5"/>
<path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/>
<path id="sidebar" d="M38 163.807V58H13v105.807z" fill="#e5e5e5"/>
<g id="personal-tools" fill="#e5e5e5">
<path d="M233 5h26v6h-26zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z" id="path5603"/>
</g>
<g id="search" fill="#e5e5e5">
<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94z"/>
<path id="icon" d="M168 17h2v2h-2z"/>
</g>
<path id="sitename" d="M38 45v-5H13v5z" fill="#e5e5e5"/>
<path d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.168z" id="border" fill="#e5e5e5"/>
<g id="g76-6">
<path d="M48.083 43h204.084v20.75H48.083z" id="rect78-6" transform="translate(0 -14)" fill="#36c"/>
</g>
<g id="g5278" fill="#fff">
<path d="M59 34.333h25v10H59z" id="path112-4"/>
<path id="rect116-9" d="M92.5 34.333h10v10h-10z"/>
<path id="rect120-7" d="M109.5 34.333h10v10h-10z"/>
</g>
<g id="*-copy" font-weight="500" font-size="48" fill="#36c">
<path d="M78.447 88.13l-1.128 1.968-4.058-2.376a11.313 11.313 0 0 1-.792-.528 3.114 3.114 0 0 1-.623-.672c.24.56.36 1.16.36 1.8v4.656h-2.28v-4.632c0-.32.016-.616.048-.888a3.2 3.2 0 0 1 .264-.84 3.547 3.547 0 0 1-.6.6 6.7 6.7 0 0 1-.746.504l-4.032 2.352-1.128-1.968 4.032-2.352a5.52 5.52 0 0 1 .84-.384c.272-.112.56-.184.864-.216a4.147 4.147 0 0 1-1.703-.624l-4.056-2.376 1.13-1.968 4.056 2.376c.288.176.544.36.768.552.24.192.448.416.624.672a3.914 3.914 0 0 1-.288-.864 5.99 5.99 0 0 1-.073-.936v-4.68h2.28v4.632c0 .32-.024.632-.072.936a3.094 3.094 0 0 1-.216.84 3.18 3.18 0 0 1 .6-.624c.222-.176.47-.352.742-.528l4.032-2.328 1.128 1.968-4.032 2.328c-.27.16-.543.296-.815.408a2.79 2.79 0 0 1-.816.216c.542.064 1.086.264 1.63.6l4.056 2.376" id="path3076" transform="translate(-5.052 -9.663)"/>
</g>
<path d="M165.983 90h-4.286v2.143h2.144v10.714h-2.143V105h4.286zm-5.357 0h-4.287v2.143h2.143v10.714h-2.144V105h4.286zm-57.144 0h4.286v2.143h-2.143v10.714h2.143V105h-4.286zm5.358 0h4.286v2.143h-2.144v10.714h2.144V105h-4.286z" id="Combined-Shape-Copy" fill="#36c" stroke-width=".381"/>
<g id="#-copy" font-weight="500" font-size="36" fill="#36c">
<path d="M91.893 129.772h-4.266l-1.098 5.616h4.246l1.116-5.616m7.038-2.592l-.27 1.494c-.06.372-.21.648-.45.828-.24.18-.61.27-1.115.27H94.79l-1.115 5.616h3.06c.372 0 .636.114.792.342.168.216.21.588.126 1.116l-.162 1.134H93.3l-1.476 7.542H90.24c-.17 0-.33-.036-.487-.108a1.166 1.166 0 0 1-.36-.324 1.622 1.622 0 0 1-.215-.486c-.036-.18-.03-.378.018-.594l1.206-6.03h-4.25l-1.205 6.21c-.096.48-.294.822-.594 1.026-.3.204-.64.306-1.025.306H81.78l1.476-7.542H80.77c-.36 0-.625-.108-.793-.324-.168-.216-.21-.594-.126-1.134l.164-1.134h3.618l1.1-5.616h-4.087l.252-1.476c.06-.384.21-.666.45-.846.24-.18.612-.27 1.116-.27h2.647l1.242-6.264c.07-.384.25-.684.54-.9a1.577 1.577 0 0 1 1.007-.342h1.583l-1.475 7.506h4.266l1.46-7.506H95.3c.383 0 .683.12.9.36.215.24.287.552.215.936l-1.24 6.21h3.76" id="path3073" transform="matrix(.71725 0 0 .57193 2.09 39.89)"/>
</g>
<g id="g80-1-3">
<path d="M59 72.333h54v6H59z" id="rect82-3-5" transform="translate(0 -14)" fill="#cdcccc"/>
</g>
<g id="g88-0">
<path d="M59 123.334h181v3H59z" id="rect90-2" transform="matrix(.8895 0 0 1 26.52 -8)" fill="#cdcccc"/>
</g>
<g id="g92-4">
<path d="M59 133.334h104v3H59z" id="rect94-2" transform="translate(0 2)" fill="#cdcccc"/>
</g>
<g id="g104-7">
<path d="M59 109.334h39v3H59z" id="rect106-4" transform="translate(0 -14)" fill="#cdcccc"/>
</g>
<g id="g88-0-9">
<path d="M59 123.334h181v3H59z" id="rect90-2-0" transform="translate(0 2)" fill="#cdcccc"/>
</g>
<g id="g104-7-6">
<path d="M59 109.334h39v3H59z" id="rect106-4-2" transform="translate(56 -14)" fill="#cdcccc"/>
</g>
<g id="g88-0-91">
<path d="M59 123.334h181v3H59z" id="rect90-2-2" transform="matrix(.8895 0 0 1 26.52 -48)" fill="#cdcccc"/>
</g>
<g id="g88-0-9-7">
<path d="M59 123.334h181v3H59z" id="rect90-2-0-0" transform="translate(0 -38)" fill="#cdcccc"/>
</g>
</g>
<g
id="g9-7">
<g
id="g11-9">
<path
d="m 263,1 v 150.998 l -8,5.96 V 42 h -40 v 112.02 l -3.274,-2.781 -0.589,-0.498 -0.633,0.441 -6.504,4.556 V 42 H 48 v 111.1 l -9.257,7.66 -13.295,-9.57 -0.645,-0.463 -0.598,0.521 -10.864,9.47 L 1,151.499 V 1 h 262 m 1,-1 H 0 V 152 L 13.391,162 24.865,152 38.756,162 49,153.6 V 43 H 203 V 157.66 L 211.078,152 216,156.18 V 43 h 38 v 116.95 l 10,-7.45 V 0 z"
id="path13-5"
style="fill:#e5e5e5" />
</g>
</g>
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g15-0">
<path
d="M 203,157.66 V 43 H 49 v 110.6 l 2.145,-1.6 12.555,10 13.809,-10 14.229,10 12.972,-10 12.973,10 13.811,-10 12.136,10 13.391,-10 14.229,10 12.972,-10 12.974,10 5.804,-4.34 z"
id="path17-8"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="Ellipse-6">
<path
d="m 11,36 c 0,-7.732 6.268,-14 14,-14 7.732,0 14,6.268 14,14 0,7.732 -6.268,14 -14,14 -7.732,0 -14,-6.268 -14,-14 z"
id="path20-7"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g22-9">
<path
d="M 254,159.95 V 43 h -38 v 113.18 l 7.551,5.82 13.811,-10 13.891,10 2.747,-2.05 z"
id="path24-3"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g26-4">
<path
d="M 38,107 V 72 H 13 v 35 h 25 z"
id="path28-4"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g30-7">
<path
d="m 232.51,5 h 26 v 6 h -26 V 5 z"
id="path32-0"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g34-2">
<path
d="m 208.51,5 h 22 v 6 h -22 z"
id="rect36-6"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g38-9">
<path
d="m 142,6 v 4 H 50 V 6 h 92 m 1,-1 H 49 v 6 h 94 V 5 z"
id="path40-4"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g42-5">
<path
d="m 184.51,5 h 22 v 6 h -22 z"
id="rect44-0"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g46-2">
<path
d="m 161.51,5 h 13 v 6 h -13 z"
id="rect48-3"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g50-8">
<path
d="m 176.51,5 h 6 v 6 h -6 z"
id="rect52-8"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g54-8">
<path
d="m 153.51,5 h 6 v 6 h -6 z"
id="rect56-7"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g58-5">
<path
d="m 9,5 h 32 v 6 H 9 z"
id="rect60-0"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g62-9"
style="fill:#e5e5e5">
<path
d="M 2,14.5 H 262"
id="path64-4" />
<path
d="m 2,14 h 260 v 1 H 2 z"
id="rect66-6" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g68-0">
<path
d="m 52,7 h 2 v 2 h -2 z"
id="rect70-3"
style="fill:#e5e5e5" />
</g>
<g
transform="matrix(-1,0,0,1,264,0)"
id="g72-5">
<path
d="M 38,59 V 54 H 13 v 5 h 25 z"
id="path74-5"
style="fill:#e5e5e5" />
</g>
<path
d="M 215.917,42.083 H 59.833 V 63.75 h 156.084 z"
id="rect78-6"
style="fill:#3366cc;fill-opacity:1" />
<g
transform="matrix(-1,0,0,1,264,0)"
id="g3823">
<g
id="g110-0">
<path
d="m 59,48.333 h 25 v 10 H 59 v -10 z"
id="path112-4"
style="fill:#2a4b8d;fill-opacity:1" />
</g>
<path
d="m 92.5,48.333 h 10 v 10 h -10 z"
id="rect116-9"
style="fill:#2a4b8d;fill-opacity:1" />
<path
d="m 109.5,48.333 h 10 v 10 h -10 z"
id="rect120-7"
style="fill:#2a4b8d;fill-opacity:1" />
</g>
<g
transform="matrix(-1,0,0,1,260,-2)"
id="g122-1"
style="fill:#9c9c9d">
<g
id="g124-1">
<g
id="Line-3">
<path
d="m 101.469,106.734 h 2 v 8.1 h -2 z"
id="rect127-7" />
</g>
<g
id="Line2-3">
<path
d="m 101.469,104.834 h 2 v 2 h -2 z"
id="rect130-8" />
</g>
<g
id="Line3-5">
<path
d="m 101.469,113.834 h 2 v 2 h -2 z"
id="rect133-9" />
</g>
</g>
<g
id="g135-4">
<path
d="m 100.011,104.834 h 4.917 v 2 h -4.917 z"
id="rect137-1" />
</g>
<g
id="g139-0">
<path
d="m 99.979,113.834 h 4.917 v 2 h -4.917 z"
id="rect141-0" />
</g>
</g>
<g
transform="matrix(-1,0,0,1,264,-2)"
id="*-copy"
style="font-size:48px;font-weight:500;fill:#3366cc;font-family:'Lato-Semibold, Lato'">
<path
d="m 78.44683,88.130301 -1.128,1.968 -4.056,-2.376 c -0.288012,-0.175974 -0.552012,-0.351974 -0.792,-0.528 -0.240011,-0.191974 -0.448011,-0.415974 -0.624,-0.672 0.239989,0.560026 0.359989,1.160026 0.36,1.8 l 0,4.656 -2.28,0 0,-4.632 c -9e-6,-0.319975 0.01599,-0.615974 0.048,-0.888 0.04799,-0.287974 0.135991,-0.567974 0.264,-0.84 -0.176009,0.224026 -0.376009,0.424026 -0.6,0.6 -0.224009,0.176026 -0.472008,0.344026 -0.744,0.504 l -4.032,2.352 -1.128,-1.968 4.032,-2.352 c 0.287993,-0.159972 0.567993,-0.287972 0.84,-0.384 0.271992,-0.111972 0.559992,-0.183972 0.864,-0.216 -0.608008,-0.07997 -1.176007,-0.287972 -1.704,-0.624 l -4.056,-2.376 1.128,-1.968 4.056,2.376 c 0.287992,0.176031 0.543991,0.36003 0.768,0.552 0.239991,0.19203 0.447991,0.41603 0.624,0.672 -0.128009,-0.27197 -0.224009,-0.55997 -0.288,-0.864 -0.04801,-0.303969 -0.07201,-0.615969 -0.072,-0.936 l 0,-4.68 2.28,0 0,4.632 c -1.1e-5,0.320031 -0.02401,0.632031 -0.072,0.936 -0.03201,0.28803 -0.104011,0.56803 -0.216,0.84 0.175989,-0.23997 0.375989,-0.44797 0.6,-0.624 0.223988,-0.17597 0.471988,-0.351969 0.744,-0.528 l 4.032,-2.328 1.128,1.968 -4.032,2.328 c -0.272013,0.160029 -0.544013,0.296028 -0.816,0.408 -0.256012,0.112028 -0.528012,0.184028 -0.816,0.216 0.543988,0.06403 1.087987,0.264028 1.632,0.6 l 4.056,2.376"
id="path3076" />
</g>
<path
d="m 132,76.66667 -11.23809,0 0,5.619048 5.61904,0 0,28.095242 -5.61904,0 0,5.61904 11.23809,0 0,-39.33333 z m -14.04762,0 -11.23809,0 0,5.619048 5.61904,0 0,28.095242 -5.61904,0 0,5.61904 11.23809,0 0,-39.33333 z m -44.95238,0 11.23809,0 0,5.619048 -5.61904,0 0,28.095242 5.61904,0 0,5.61904 L 73,116 73,76.66667 z m 14.04762,0 11.23809,0 0,5.619048 -5.61904,0 0,28.095242 5.61904,0 0,5.61904 -11.23809,0 0,-39.33333 z"
id="Combined-Shape-Copy"
style="fill:#3366cc" />
<g
transform="translate(85.260341,-2)"
id="#-copy"
style="font-size:36px;font-weight:500;fill:#3366cc;font-family:'Lato-Semibold, Lato'">
<path
d="m 91.89283,129.77229 -4.266,0 -1.098,5.616 4.248,0 1.116,-5.616 m 7.038,-2.592 -0.27,1.494 c -0.06002,0.37202 -0.21002,0.64802 -0.45,0.828 -0.240019,0.18002 -0.612019,0.27002 -1.116,0.27 l -2.304,0 -1.116,5.616 3.06,0 c 0.371982,10e-6 0.635981,0.11401 0.792,0.342 0.167981,0.21601 0.209981,0.58801 0.126,1.116 l -0.162,1.134 -4.194,0 -1.476,7.542 -1.584,0 c -0.168011,0 -0.330011,-0.036 -0.486,-0.108 -0.144011,-0.084 -0.264011,-0.192 -0.36,-0.324 -0.09601,-0.144 -0.16801,-0.306 -0.216,-0.486 -0.03601,-0.18 -0.03001,-0.378 0.018,-0.594 l 1.206,-6.03 -4.248,0 -1.206,6.21 c -0.09601,0.48 -0.294006,0.822 -0.594,1.026 -0.300005,0.204 -0.642005,0.306 -1.026,0.306 l -1.548,0 1.476,-7.542 -2.484,0 c -0.360002,1e-5 -0.624001,-0.10799 -0.792,-0.324 -0.168001,-0.21599 -0.210001,-0.59399 -0.126,-1.134 l 0.162,-1.134 3.618,0 1.098,-5.616 -4.086,0 0.252,-1.476 c 0.06,-0.38398 0.209998,-0.66598 0.45,-0.846 0.239997,-0.17998 0.611997,-0.26998 1.116,-0.27 l 2.646,0 1.242,-6.264 c 0.07199,-0.38397 0.251992,-0.68397 0.54,-0.9 0.287992,-0.22797 0.623991,-0.34197 1.008,-0.342 l 1.584,0 -1.476,7.506 4.266,0 1.458,-7.506 1.566,0 c 0.383983,3e-5 0.683983,0.12003 0.9,0.36 0.215982,0.24003 0.287982,0.55203 0.216,0.936 l -1.242,6.21 3.762,0"
id="path3073" />
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB