sascha
/
difftastic
mirror of https://github.com/Wilfred/difftastic/
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Rework header

pull/614/head
Wilfred Hughes 2023-11-11 15:30:10 +07:00
parent db07d6758e
commit bc2102a9d6
5 changed files with 154 additions and 120 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
braces.svg
Unescape Escape View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="#444" d="M2.1 3.1c0.2 1.3 0.4 1.6 0.4 2.9 0 0.8-1.5 1.5-1.5 1.5v1c0 0 1.5 0.7 1.5 1.5 0 1.3-0.2 1.6-0.4 2.9-0.3 2.1 0.8 3.1 1.8 3.1s2.1 0 2.1 0v-2c0 0-1.8 0.2-1.8-1 0-0.9 0.2-0.9 0.4-2.9 0.1-0.9-0.5-1.6-1.1-2.1 0.6-0.5 1.2-1.1 1.1-2-0.3-2-0.4-2-0.4-2.9 0-1.2 1.8-1.1 1.8-1.1v-2c0 0-1 0-2.1 0s-2.1 1-1.8 3.1z"></path>
<path fill="#444" d="M13.9 3.1c-0.2 1.3-0.4 1.6-0.4 2.9 0 0.8 1.5 1.5 1.5 1.5v1c0 0-1.5 0.7-1.5 1.5 0 1.3 0.2 1.6 0.4 2.9 0.3 2.1-0.8 3.1-1.8 3.1s-2.1 0-2.1 0v-2c0 0 1.8 0.2 1.8-1 0-0.9-0.2-0.9-0.4-2.9-0.1-0.9 0.5-1.6 1.1-2.1-0.6-0.5-1.2-1.1-1.1-2 0.2-2 0.4-2 0.4-2.9 0-1.2-1.8-1.1-1.8-1.1v-2c0 0 1 0 2.1 0s2.1 1 1.8 3.1z"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

8
clojure.svg
Unescape Escape View File

@ -1 +1,7 @@
<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M64 0C28.712 0 0 28.6 0 63.751c0 35.155 28.712 63.753 64 63.753s64-28.598 64-63.753C128 28.6 99.288 0 64 0" fill="#FFF"/><path d="M61.659 64.898a265.825 265.825 0 00-1.867 4.12c-2.322 5.241-4.894 11.62-5.834 15.706-.337 1.455-.546 3.258-.542 5.258 0 .79.043 1.622.11 2.469a30.74 30.74 0 0010.533 1.87 30.796 30.796 0 009.642-1.566 18.09 18.09 0 01-2.011-2.12c-4.11-5.221-6.403-12.872-10.031-25.737M46.485 38.96c-7.85 5.51-12.986 14.6-13.005 24.9.019 10.145 5.001 19.116 12.653 24.65 1.877-7.789 6.582-14.92 13.637-29.214a114.691 114.691 0 00-1.43-3.72c-1.955-4.884-4.776-10.556-7.294-13.124-1.283-1.342-2.84-2.502-4.561-3.492" fill="#91DC47"/><path d="M90.697 98.798c-4.05-.506-7.392-1.116-10.317-2.144a36.708 36.708 0 01-16.32 3.807c-20.293 0-36.742-16.383-36.745-36.602 0-10.97 4.852-20.805 12.528-27.512-2.053-.495-4.194-.783-6.38-.779-10.782.101-22.162 6.044-26.9 22.095-.443 2.337-.337 4.103-.337 6.197 0 31.818 25.895 57.613 57.835 57.613 19.561 0 36.841-9.682 47.305-24.489-5.66 1.405-11.103 2.077-15.763 2.091-1.747 0-3.387-.093-4.906-.277" fill="#63B132"/><path d="M79.829 87.634c.357.176 1.167.464 2.293.783 7.579-5.542 12.504-14.469 12.523-24.558h-.003c-.028-16.82-13.693-30.43-30.582-30.462a30.765 30.765 0 00-9.602 1.554c6.21 7.05 9.196 17.127 12.084 28.148l.005.013c.005.009.924 3.06 2.501 7.11 1.566 4.042 3.797 9.048 6.23 12.696 1.597 2.444 3.354 4.2 4.551 4.716" fill="#90B4FE"/><path d="M17.057 30.311c5.463-3.408 11.04-4.637 15.908-4.593 6.722.02 12.008 2.096 14.544 3.516.612.352 1.194.73 1.764 1.12a36.714 36.714 0 0114.786-3.096c20.295.003 36.747 16.386 36.75 36.601-.003 10.192-4.188 19.408-10.934 26.044a45.3 45.3 0 005.225.29c6.406.004 13.329-1.404 18.52-5.753 3.384-2.84 6.22-6.998 7.792-13.233.307-2.408.484-4.856.484-7.347 0-31.817-25.892-57.614-57.835-57.614-19.372 0-36.508 9.5-47.004 24.065z" fill="#5881D8"/></g></svg>
<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path d="M64 0C28.712 0 0 28.6 0 63.751c0 35.155 28.712 63.753 64 63.753s64-28.598 64-63.753C128 28.6 99.288 0 64 0" fill="#FFF"/>
<path d="M61.659 64.898a265.825 265.825 0 00-1.867 4.12c-2.322 5.241-4.894 11.62-5.834 15.706-.337 1.455-.546 3.258-.542 5.258 0 .79.043 1.622.11 2.469a30.74 30.74 0 0010.533 1.87 30.796 30.796 0 009.642-1.566 18.09 18.09 0 01-2.011-2.12c-4.11-5.221-6.403-12.872-10.031-25.737M46.485 38.96c-7.85 5.51-12.986 14.6-13.005 24.9.019 10.145 5.001 19.116 12.653 24.65 1.877-7.789 6.582-14.92 13.637-29.214a114.691 114.691 0 00-1.43-3.72c-1.955-4.884-4.776-10.556-7.294-13.124-1.283-1.342-2.84-2.502-4.561-3.492" fill="#91DC47"/>
<path d="M90.697 98.798c-4.05-.506-7.392-1.116-10.317-2.144a36.708 36.708 0 01-16.32 3.807c-20.293 0-36.742-16.383-36.745-36.602 0-10.97 4.852-20.805 12.528-27.512-2.053-.495-4.194-.783-6.38-.779-10.782.101-22.162 6.044-26.9 22.095-.443 2.337-.337 4.103-.337 6.197 0 31.818 25.895 57.613 57.835 57.613 19.561 0 36.841-9.682 47.305-24.489-5.66 1.405-11.103 2.077-15.763 2.091-1.747 0-3.387-.093-4.906-.277" fill="#63B132"/><path d="M79.829 87.634c.357.176 1.167.464 2.293.783 7.579-5.542 12.504-14.469 12.523-24.558h-.003c-.028-16.82-13.693-30.43-30.582-30.462a30.765 30.765 0 00-9.602 1.554c6.21 7.05 9.196 17.127 12.084 28.148l.005.013c.005.009.924 3.06 2.501 7.11 1.566 4.042 3.797 9.048 6.23 12.696 1.597 2.444 3.354 4.2 4.551 4.716" fill="#90B4FE"/><path d="M17.057 30.311c5.463-3.408 11.04-4.637 15.908-4.593 6.722.02 12.008 2.096 14.544 3.516.612.352 1.194.73 1.764 1.12a36.714 36.714 0 0114.786-3.096c20.295.003 36.747 16.386 36.75 36.601-.003 10.192-4.188 19.408-10.934 26.044a45.3 45.3 0 005.225.29c6.406.004 13.329-1.404 18.52-5.753 3.384-2.84 6.22-6.998 7.792-13.233.307-2.408.484-4.856.484-7.347 0-31.817-25.892-57.614-57.835-57.614-19.372 0-36.508 9.5-47.004 24.065z" fill="#5881D8"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

252
index.html
Unescape Escape View File

@ -29,6 +29,31 @@
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css"
/>
<style>
html,
body,
.fw-bold {
color: #f8f8f2 !important;
}
html,
body {
background-color: #282a36;
}
object {
background-color: #e9ecef;
border-radius: 25% 25%;
padding: 5px;
}
.red {
color: #ff5555;
}
.green {
color: #50fa7b;
}
</style>
</head>
<!-- simple project description website, in the style of
@ -40,38 +65,34 @@
<!-- Use https://devicon.dev/ for PL icons. -->
<body>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img
src="https://placekitten.com/g/700/500"
class="d-block mx-lg-auto img-fluid"
alt="Bootstrap Themes"
width="700"
height="500"
loading="lazy"
/>
</div>
<div class="col-lg-6">
<h1
class="display-5 fw-bold text-body-emphasis lh-1 mb-3 bg-background-tertiary"
>
A Structural Diff
</h1>
<p class="lead">
Difftastic is a diff tool that understands syntax. Lorem ipsum.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<button type="button" class="btn btn-primary btn-lg px-4 me-md-2">
Install
</button>
<button type="button" class="btn btn-outline-secondary btn-lg px-4">
Manual
</button>
</div>
<div class="px-4 pt-5 my-5 text-center">
<h1 class="display-4 fw-bold text-body-emphasis">
<span class="red">diff</span><span class="green">tastic</span>
</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4">
a structural diff tool that understands syntax
</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
<button type="button" class="btn btn-primary btn-lg px-4 me-sm-3">
Install
</button>
<button type="button" class="btn btn-secondary btn-lg px-4">
Manual
</button>
</div>
</div>
<div class="container px-5">
<img
src="https://placekitten.com/g/700/500"
class="img-fluid rounded-3 shadow-lg mb-4"
alt="Example image"
/>
</div>
</div>
<div class="container col-xxl-8 px-4 py-5">
<div class="container px-4 py-5">
<h2 class="pb-2 border-bottom">Languages Supported</h2>
@ -79,16 +100,18 @@
class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5"
>
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
data="cplusplus.svg"
type="image/svg+xml"
></object>
<div class="foo">
<object
class="me-3"
width="45px"
height="45px"
data="cplusplus.svg"
type="image/svg+xml"
></object>
</div>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
C++
</h3>
</div>
@ -97,13 +120,13 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="csharp.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
C#
</h3>
</div>
@ -112,14 +135,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="clojure.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Clojure
</h3>
</div>
@ -128,14 +151,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="lisp.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Common Lisp
</h3>
</div>
@ -144,14 +167,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="dart.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Dart
</h3>
</div>
@ -160,14 +183,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="erlang.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Erlang
</h3>
</div>
@ -176,14 +199,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="go.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Go
</h3>
</div>
@ -192,14 +215,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="haskell.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Haskell
</h3>
</div>
@ -208,14 +231,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="java.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Java
</h3>
</div>
@ -224,14 +247,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="javascript.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
JavaScript
</h3>
</div>
@ -240,14 +263,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="kotlin.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Kotlin
</h3>
</div>
@ -256,14 +279,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="lua.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Lua
</h3>
</div>
@ -272,14 +295,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="ocaml.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
OCaml
</h3>
</div>
@ -288,14 +311,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="php.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
PHP
</h3>
</div>
@ -304,13 +327,13 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="python.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Python
</h3>
</div>
@ -319,14 +342,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="r.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
R
</h3>
</div>
@ -335,14 +358,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="ruby.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Ruby
</h3>
</div>
@ -351,34 +374,30 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="rust.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Rust
</h3>
</div>
</div>
<div class="col d-flex align-items-start">
<svg class="me-3" width="40px" height="40px" viewBox="0 0 128 128">
<path
d="M25 110.437V94.874h5.616c3.113 0 8.052-.203 11.03-.474l5.278-.406-7.038-1.894c-3.924-1.015-8.864-2.504-10.961-3.316L25 87.364V55.627h6.293c3.383 0 8.323-.203 10.894-.473l4.737-.406-8.323-2.233C34 51.366 29.128 49.809 27.639 49.2L25 47.982v-30.72l2.098-.473c1.15-.203 3.992-.406 6.293-.406 11.367 0 38.366-3.722 51.628-7.105 9.27-2.436 15.698-4.872 17.931-6.902 1.15-1.015 1.218-.406 1.218 14.548v15.63l-1.624 1.219-1.624 1.285 3.248 2.842v33.9l-1.624 1.218-1.624 1.286 3.248 2.842v33.9l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C71.892 121.737 40.157 126 29.33 126H25z"
fill="#390d09"
></path>
<g fill="#de3423">
<path
d="M25 110.572V95.077l11.842-.474c12.315-.473 21.45-1.488 34.847-3.789 15.225-2.639 30.246-7.375 31.803-10.082.406-.677.676 4.534.676 14.616v15.698l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C71.892 121.737 40.157 126 29.33 126H25zM25 71.327V55.83l11.842-.406c13.127-.541 23.344-1.691 36.877-4.195 15.157-2.842 28.96-7.443 29.976-9.947.203-.473.406 6.09.406 14.616.067 13.533-.068 15.698-1.083 16.78-2.368 2.64-20.638 7.376-39.449 10.286-11.435 1.76-30.381 3.79-35.66 3.79H25zM25 32.352V17.195l2.098-.406c1.15-.203 3.992-.406 6.293-.406 11.367 0 38.366-3.722 51.628-7.105 9.27-2.436 15.698-4.872 17.931-6.902 1.15-1.015 1.218-.406 1.218 14.48 0 14.548-.067 15.63-1.285 16.714-1.827 1.691-14.345 5.548-24.09 7.51-15.765 3.113-41.951 6.429-50.883 6.429H25z"
></path>
</g>
</svg>
<object
class="me-3"
width="45px"
height="45px"
data="scala.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
Scala
</h3>
</div>
@ -387,14 +406,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="typescript.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
TypeScript
</h3>
</div>
@ -411,16 +430,17 @@
class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5"
>
<div class="col d-flex align-items-start">
<!-- https://www.svgrepo.com/svg/371192/curly-brackets -->
<object
class="me-3"
width="40px"
height="40px"
data="cplusplus.svg"
width="45px"
height="45px"
data="braces.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
HCL
</h3>
</div>
@ -429,14 +449,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="html5.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
HTML
</h3>
</div>
@ -445,14 +465,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="json.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
JSON
</h3>
</div>
@ -461,14 +481,14 @@
<div class="col d-flex align-items-start">
<object
class="me-3"
width="40px"
height="40px"
width="45px"
height="45px"
data="yaml.svg"
type="image/svg+xml"
></object>
<div>
<h3 class="fw-bold mb-0 fs-4 text-body-emphasis">
<h3 class="fw-bold mb-0 fs-4">
YAML
</h3>
</div>

5
json.svg
Unescape Escape View File

@ -1,5 +1,4 @@
<svg width="160" height="160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>JSON logo</title>
<svg viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="linearGradient8385">
<stop offset="0"/>
@ -12,4 +11,4 @@
<path d="m79.865 119.1c35.398 48.255 70.04-13.469 69.989-50.587-0.0602-43.886-44.541-68.414-70.018-68.414-40.892 0-79.836 33.796-79.836 80.036 0 51.396 44.64 79.865 79.836 79.865-7.9645-1.1468-34.506-6.834-34.863-67.967-0.23987-41.347 13.488-57.866 34.805-50.599 0.47743 0.17707 23.514 9.2645 23.514 38.951 0 29.56-23.427 38.715-23.427 38.715z" color="#000000" fill="url(#linearGradient3005)"/>
<path d="m79.823 41.401c-23.39-8.0619-52.043 11.216-52.043 49.829 0 63.048 46.721 68.77 52.384 68.77 40.892 0 79.836-33.796 79.836-80.036 0-51.396-44.64-79.865-79.836-79.865 9.7481-1.35 52.541 10.55 52.541 69.037 0 38.141-31.953 58.905-52.735 50.033-0.47743-0.17707-23.514-9.2645-23.514-38.951 0-29.56 23.367-38.818 23.367-38.818z" color="#000000" fill="url(#linearGradient3002)"/>
</g>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

1
scala.svg
Unescape Escape View File

@ -0,0 +1 @@
<svg version="1.0" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="M25 110.437V94.874h5.616c3.113 0 8.052-.203 11.03-.474l5.278-.406-7.038-1.894c-3.924-1.015-8.864-2.504-10.961-3.316L25 87.364V55.627h6.293c3.383 0 8.323-.203 10.894-.473l4.737-.406-8.323-2.233C34 51.366 29.128 49.809 27.639 49.2L25 47.982v-30.72l2.098-.473c1.15-.203 3.992-.406 6.293-.406 11.367 0 38.366-3.722 51.628-7.105 9.27-2.436 15.698-4.872 17.931-6.902 1.15-1.015 1.218-.406 1.218 14.548v15.63l-1.624 1.219-1.624 1.285 3.248 2.842v33.9l-1.624 1.218-1.624 1.286 3.248 2.842v33.9l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C71.892 121.737 40.157 126 29.33 126H25z" fill="#390d09"/><g fill="#de3423"><path d="M25 110.572V95.077l11.842-.474c12.315-.473 21.45-1.488 34.847-3.789 15.225-2.639 30.246-7.375 31.803-10.082.406-.677.676 4.534.676 14.616v15.698l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C71.892 121.737 40.157 126 29.33 126H25zM25 71.327V55.83l11.842-.406c13.127-.541 23.344-1.691 36.877-4.195 15.157-2.842 28.96-7.443 29.976-9.947.203-.473.406 6.09.406 14.616.067 13.533-.068 15.698-1.083 16.78-2.368 2.64-20.638 7.376-39.449 10.286-11.435 1.76-30.381 3.79-35.66 3.79H25zM25 32.352V17.195l2.098-.406c1.15-.203 3.992-.406 6.293-.406 11.367 0 38.366-3.722 51.628-7.105 9.27-2.436 15.698-4.872 17.931-6.902 1.15-1.015 1.218-.406 1.218 14.48 0 14.548-.067 15.63-1.285 16.714-1.827 1.691-14.345 5.548-24.09 7.51-15.765 3.113-41.951 6.429-50.883 6.429H25z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB