|
|
|
@ -20,8 +20,12 @@
|
|
|
|
crossorigin="anonymous"
|
|
|
|
crossorigin="anonymous"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="home_static/style.css" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="/asciinema-player.css" />
|
|
|
|
<link
|
|
|
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
|
|
|
type="text/css"
|
|
|
|
|
|
|
|
href="home_static/asciinema-player.css"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
@ -75,7 +79,7 @@
|
|
|
|
</h2>
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<img src="add_wrap.png" alt="screenshot" />
|
|
|
|
<img src="home_img/add_wrap.png" alt="screenshot" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
Difftastic parses your code with
|
|
|
|
Difftastic parses your code with
|
|
|
|
@ -92,7 +96,7 @@
|
|
|
|
<h2><span class="green">Ignore</span> Formatting Changes</h2>
|
|
|
|
<h2><span class="green">Ignore</span> Formatting Changes</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<img src="reformat.png" alt="screenshot" />
|
|
|
|
<img src="home_img/reformat.png" alt="screenshot" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
Has your code formatter decided to split something over multiple
|
|
|
|
Has your code formatter decided to split something over multiple
|
|
|
|
@ -106,7 +110,7 @@
|
|
|
|
<h2><span class="green">Visualise</span> Wrapping Changes</h2>
|
|
|
|
<h2><span class="green">Visualise</span> Wrapping Changes</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<img src="wrap_struct.png" alt="screenshot" />
|
|
|
|
<img src="home_img/wrap_struct.png" alt="screenshot" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
Have you added a wrapper? Difftastic can match the delimiters
|
|
|
|
Have you added a wrapper? Difftastic can match the delimiters
|
|
|
|
@ -114,7 +118,11 @@
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<img src="change_wrap.png" class="mb-4" alt="screenshot" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="home_img/change_wrap.png"
|
|
|
|
|
|
|
|
class="mb-4"
|
|
|
|
|
|
|
|
alt="screenshot"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
Even if you change the inner content, difftastic can still show
|
|
|
|
Even if you change the inner content, difftastic can still show
|
|
|
|
@ -131,7 +139,11 @@
|
|
|
|
</h2>
|
|
|
|
</h2>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<img src="line_numbers.png" class="mb-4" alt="screenshot" />
|
|
|
|
<img
|
|
|
|
|
|
|
|
src="home_img/line_numbers.png"
|
|
|
|
|
|
|
|
class="mb-4"
|
|
|
|
|
|
|
|
alt="screenshot"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
Do you know how to read
|
|
|
|
Do you know how to read
|
|
|
|
@ -142,7 +154,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="card px-2 pt-2 mx-5 my-5">
|
|
|
|
<div class="card px-2 py-2 mx-5 mt-5">
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="card-body">
|
|
|
|
<h2>60 Second <span class="green">Demo</span></h2>
|
|
|
|
<h2>60 Second <span class="green">Demo</span></h2>
|
|
|
|
|
|
|
|
|
|
|
|
@ -164,7 +176,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="cplusplus.svg"
|
|
|
|
data="home_img/cplusplus.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -178,7 +190,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="csharp.svg"
|
|
|
|
data="home_img/csharp.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
@ -193,7 +205,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="clojure.svg"
|
|
|
|
data="home_img/clojure.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -209,7 +221,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="dart.svg"
|
|
|
|
data="home_img/dart.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -225,7 +237,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="erlang.svg"
|
|
|
|
data="home_img/erlang.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -241,7 +253,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="go.svg"
|
|
|
|
data="home_img/go.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -257,7 +269,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="haskell.svg"
|
|
|
|
data="home_img/haskell.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -273,7 +285,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="java.svg"
|
|
|
|
data="home_img/java.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -289,7 +301,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="javascript.svg"
|
|
|
|
data="home_img/javascript.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -305,7 +317,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="kotlin.svg"
|
|
|
|
data="home_img/kotlin.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -321,7 +333,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="lisp.svg"
|
|
|
|
data="home_img/lisp.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -337,7 +349,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="lua.svg"
|
|
|
|
data="home_img/lua.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -353,7 +365,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="ocaml.svg"
|
|
|
|
data="home_img/ocaml.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -369,7 +381,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="php.svg"
|
|
|
|
data="home_img/php.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -385,7 +397,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="python.svg"
|
|
|
|
data="home_img/python.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
@ -400,7 +412,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="r.svg"
|
|
|
|
data="home_img/r.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -416,7 +428,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="ruby.svg"
|
|
|
|
data="home_img/ruby.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -432,7 +444,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="rust.svg"
|
|
|
|
data="home_img/rust.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -448,7 +460,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="scala.svg"
|
|
|
|
data="home_img/scala.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -464,7 +476,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="typescript.svg"
|
|
|
|
data="home_img/typescript.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -502,7 +514,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="braces.svg"
|
|
|
|
data="home_img/braces.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -518,7 +530,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="html5.svg"
|
|
|
|
data="home_img/html5.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -534,7 +546,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="json.svg"
|
|
|
|
data="home_img/json.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -550,7 +562,7 @@
|
|
|
|
class="me-3"
|
|
|
|
class="me-3"
|
|
|
|
width="45px"
|
|
|
|
width="45px"
|
|
|
|
height="45px"
|
|
|
|
height="45px"
|
|
|
|
data="yaml.svg"
|
|
|
|
data="home_img/yaml.svg"
|
|
|
|
type="image/svg+xml"
|
|
|
|
type="image/svg+xml"
|
|
|
|
></object>
|
|
|
|
></object>
|
|
|
|
|
|
|
|
|
|
|
|
@ -579,14 +591,14 @@
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="card-body">
|
|
|
|
<h2>Works With <span class="green">Git</span></h2>
|
|
|
|
<h2>Works With <span class="green">Git</span></h2>
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<div class="img-wrapper mb-4">
|
|
|
|
<img src="git_difftool.png" alt="screenshot" />
|
|
|
|
<img src="home_img/git_difftool.png" alt="screenshot" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
See the
|
|
|
|
See the
|
|
|
|
<a href="https://difftastic.wilfred.me.uk/git.html"
|
|
|
|
<a href="https://difftastic.wilfred.me.uk/git.html"
|
|
|
|
>git configuration instructions</a
|
|
|
|
>git configuration</a
|
|
|
|
>
|
|
|
|
>
|
|
|
|
in the manual.
|
|
|
|
instructions in the manual.
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -618,13 +630,17 @@
|
|
|
|
href="https://fonts.googleapis.com/css?family=Fontdiner+Swanky"
|
|
|
|
href="https://fonts.googleapis.com/css?family=Fontdiner+Swanky"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/asciinema-player.min.js"></script>
|
|
|
|
<script src="home_static/asciinema-player.min.js"></script>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
AsciinemaPlayer.create("/demo.cast", document.getElementById("demo"), {
|
|
|
|
AsciinemaPlayer.create(
|
|
|
|
theme: "tango",
|
|
|
|
"home_static/demo.cast",
|
|
|
|
cols: 133,
|
|
|
|
document.getElementById("demo"),
|
|
|
|
rows: 24,
|
|
|
|
{
|
|
|
|
});
|
|
|
|
theme: "tango",
|
|
|
|
|
|
|
|
cols: 133,
|
|
|
|
|
|
|
|
rows: 24,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
);
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
</html>
|
|
|
|
|
Wilfred Hughes
