This commit is contained in:
Ricardo (XenGi) Band 2023-06-23 02:02:53 +02:00
commit c4bb4a2c33
No known key found for this signature in database
18 changed files with 245 additions and 262 deletions

View file

@ -1,7 +1,7 @@
.PHONY: build clean deps serve .PHONY: build clean setup serve
build: clean deps build: clean setup
mkdir -p ./public/css ./public/js ./public/img ./public/fonts mkdir -p ./public/{css,js,img,fonts}
cp ./node_modules/bulma/css/bulma.min.css ./public/css/ cp ./node_modules/bulma/css/bulma.min.css ./public/css/
cp ./node_modules/fork-awesome/css/fork-awesome.min.css ./public/css/ cp ./node_modules/fork-awesome/css/fork-awesome.min.css ./public/css/
cp ./node_modules/fork-awesome/css/fork-awesome.min.css.map ./public/css/ cp ./node_modules/fork-awesome/css/fork-awesome.min.css.map ./public/css/
@ -9,13 +9,15 @@ build: clean deps
cp ./mkbd65-ansi.png ./mkbd65-ansi-fn.png ./mkbd65-iso.png ./mkbd65-iso-fn.png ./img/ cp ./mkbd65-ansi.png ./mkbd65-ansi-fn.png ./mkbd65-iso.png ./mkbd65-iso-fn.png ./img/
cp -r ./css ./public/ cp -r ./css ./public/
cp -r ./js ./public/ cp -r ./js ./public/
cp -r ./img ./public/ cp mkbd65-iso.png mkbd65-ansi.png ./public/img/
cp ./guide.html ./index.html ./public/ cp mkbd65-iso-fn.png mkbd65-ansi-fn.png ./public/img/
cat header.html index.html footer.html > public/index.html
cat header.html build.html footer.html > public/build.html
clean: clean:
rm -rf ./public rm -rf ./public
deps: setup:
yarn yarn
serve: serve:

View file

@ -1,85 +1,3 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#fefefe" />
<title>mkbd65 - by XenGi</title>
<link rel="stylesheet" href="/css/bulma.min.css" />
<link rel="stylesheet" href="/css/fork-awesome.min.css" />
<link rel="stylesheet" href="/css/main.css" />
<link rel="icon" sizes="74x74" href="/img/mkbd65_74x74.png" />
<link rel="icon" sizes="148x148" href="/img/mkbd65_148x148.png" />
<link rel="icon" sizes="222x222" href="/img/mkbd65_222x222.png" />
</head>
<body>
<button class="button is-primary is-medium has-text-white" onclick="gototop()" id="gototop" title="Go to top">
<span class="icon is-medium">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span><!--/.icon .is-medium-->
</button><!--/.button .is-primary .is-medium .has-text-white #gototop-->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a><!--/.navbar-burger-->
</div><!--/.navbar-brand-->
<div id="navMenu" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="#features">
Features
</a><!--/.navbar-item-->
<a class="navbar-item" href="#layout">
Layout
</a><!--/.navbar-item-->
<a class="navbar-item" href="#hardware">
Hardware
</a><!--/.navbar-item-->
<a class="navbar-item" href="#case">
Case
</a><!--/.navbar-item-->
<a class="navbar-item" href="#compat">
Compatibility
</a><!--/.navbar-item-->
<a class="navbar-item" href="guide.html">
Build guide
</a><!--/.navbar-item-->
</div><!--/.navbar-start-->
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-dark" href="https://gitlab.com/mkbd65">
<span class="icon">
<i class="fa fa-gitlab" aria-hidden="true"></i>
</span><!--/.icon-->
<span>Gitlab</span>
</a><!--/.button .is-dark-->
<a class="button is-dark" href="https://matrix.to/#/#mkbd65:hackint.org">
<span class="icon">
<i class="fa fa-matrix-org" aria-hidden="true"></i>
</span>
<span>Matrix</span>
</a><!--/.button .is-dark-->
<a class="button is-dark" href="ircs://irc.hackint.org:6697/#mkbd65">
<span class="icon">
<i class="fa fa-hashtag" aria-hidden="true"></i>
</span>
<span>IRC</span>
</a><!--/.button .is-dark-->
</div><!--/.buttons-->
</div><!--/.navbar-item-->
</div><!--/.navbar-end-->
</div><!--/.navbar-menu-->
</div><!--/.container-->
</nav><!--/.navbar-->
<section class="hero is-dark is-halfheight"> <section class="hero is-dark is-halfheight">
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
@ -301,30 +219,3 @@
</div><!--/.content--> </div><!--/.content-->
</div><!--/.container--> </div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<footer class="footer">
<div class="content has-text-centered">
<div class="columns is-vcentered is-centered">
<div class="column is-one-quarter">
<figure class="image">
<a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer"><img alt="CC BY-SA 4.0" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg" style="height: 31pt; width: 81pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://www.oshwa.org/"><img alt="Open Source Hardware Logo" src="https://www.oshwa.org/wp-content/uploads/2014/03/oshw-logo.svg" style="height: 48pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://qmk.fm/"><img alt="Powered by QMK logo" src="https://qmk.fm/assets/images/badge-dark.svg" style="height:42pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
</div><!--/.columns .is-vcentered-->
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://gitlab.com/mkbd65/">mkbd65</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://gitlab.com/xengi">XenGi</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p>
</div><!--/.content .has-text-centered-->
</footer><!--/.footer-->
<script type="text/javascript" src="/js/main.js"></script>
</body>
</html>

27
footer.html Normal file
View file

@ -0,0 +1,27 @@
<footer class="footer">
<div class="content has-text-centered">
<div class="columns is-vcentered is-centered">
<div class="column is-one-quarter">
<figure class="image">
<a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer"><img alt="CC BY-SA 4.0" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg" style="height: 31pt; width: 81pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://www.oshwa.org/"><img alt="Open Source Hardware Logo" src="https://www.oshwa.org/wp-content/uploads/2014/03/oshw-logo.svg" style="height: 48pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://qmk.fm/"><img alt="Powered by QMK logo" src="https://qmk.fm/assets/images/badge-dark.svg" style="height:42pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
</div><!--/.columns .is-vcentered-->
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://gitlab.com/mkbd65/">mkbd65</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://gitlab.com/xengi">XenGi</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p>
</div><!--/.content .has-text-centered-->
</footer><!--/.footer-->
<script type="text/javascript" src="/js/main.js"></script>
</body>
</html>

82
header.html Normal file
View file

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#fefefe" />
<title>mkbd65 - by XenGi</title>
<link rel="stylesheet" href="/css/bulma.min.css" />
<link rel="stylesheet" href="/css/fork-awesome.min.css" />
<link rel="stylesheet" href="/css/main.css" />
<link rel="icon" sizes="74x74" href="/img/mkbd65_74x74.png" />
<link rel="icon" sizes="148x148" href="/img/mkbd65_148x148.png" />
<link rel="icon" sizes="222x222" href="/img/mkbd65_222x222.png" />
</head>
<body>
<button class="button is-primary is-medium has-text-white" id="gototop" title="Go to top">
<span class="icon is-medium">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span><!--/.icon .is-medium-->
</button><!--/.button .is-primary .is-medium .has-text-white #gototop-->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a><!--/.navbar-burger-->
</div><!--/.navbar-brand-->
<div id="navMenu" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="/#features">
Features
</a><!--/.navbar-item-->
<a class="navbar-item" href="/#layout">
Layout
</a><!--/.navbar-item-->
<a class="navbar-item" href="/#hardware">
Hardware
</a><!--/.navbar-item-->
<a class="navbar-item" href="/#case">
Case
</a><!--/.navbar-item-->
<a class="navbar-item" href="/#compat">
Compatibility
</a><!--/.navbar-item-->
<a class="navbar-item" href="/build.html">
Build guide
</a><!--/.navbar-item-->
</div><!--/.navbar-start-->
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-dark" href="https://gitlab.com/mkbd65">
<span class="icon">
<i class="fa fa-gitlab" aria-hidden="true"></i>
</span><!--/.icon-->
<span>Gitlab</span>
</a><!--/.button .is-dark-->
<a class="button is-dark" href="https://matrix.to/#/#mkbd65:hackint.org">
<span class="icon">
<i class="fa fa-matrix-org" aria-hidden="true"></i>
</span>
<span>Matrix</span>
</a><!--/.button .is-dark-->
<a class="button is-dark" href="ircs://irc.hackint.org:6697/#mkbd65">
<span class="icon">
<i class="fa fa-hashtag" aria-hidden="true"></i>
</span>
<span>IRC</span>
</a><!--/.button .is-dark-->
</div><!--/.buttons-->
</div><!--/.navbar-item-->
</div><!--/.navbar-end-->
</div><!--/.navbar-menu-->
</div><!--/.container-->
</nav><!--/.navbar-->

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before After
Before After

View file

@ -1,82 +1,3 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#fefefe" />
<title>mkbd65 - by XenGi</title>
<link rel="stylesheet" href="/css/bulma.min.css" />
<link rel="stylesheet" href="/css/fork-awesome.min.css" />
<link rel="stylesheet" href="/css/main.css" />
<link rel="icon" sizes="74x74" href="/img/mkbd65_74x74.png" />
<link rel="icon" sizes="148x148" href="/img/mkbd65_148x148.png" />
<link rel="icon" sizes="222x222" href="/img/mkbd65_222x222.png" />
</head>
<body>
<button class="button is-primary is-medium has-text-white" id="gototop" title="Go to top">
<span class="icon is-medium">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span><!--/.icon .is-medium-->
</button><!--/.button .is-primary .is-medium .has-text-white #gototop-->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a><!--/.navbar-burger-->
</div><!--/.navbar-brand-->
<div id="navMenu" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="#features">
Features
</a><!--/.navbar-item-->
<a class="navbar-item" href="#layout">
Layout
</a><!--/.navbar-item-->
<a class="navbar-item" href="#hardware">
Hardware
</a><!--/.navbar-item-->
<a class="navbar-item" href="#case">
Case
</a><!--/.navbar-item-->
<a class="navbar-item" href="#compat">
Compatibility
</a><!--/.navbar-item-->
</div><!--/.navbar-start-->
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-dark" href="https://gitlab.com/mkbd65">
<span class="icon">
<i class="fa fa-gitlab" aria-hidden="true"></i>
</span><!--/.icon-->
<span>Gitlab</span>
</a><!--/.button .is-dark-->
<a class="button is-dark" href="https://matrix.to/#/#mkbd65:hackint.org">
<span class="icon">
<i class="fa fa-matrix-org" aria-hidden="true"></i>
</span>
<span>Matrix</span>
</a><!--/.button .is-dark-->
<a class="button is-dark" href="ircs://irc.hackint.org:6697/#mkbd65">
<span class="icon">
<i class="fa fa-hashtag" aria-hidden="true"></i>
</span>
<span>IRC</span>
</a><!--/.button .is-dark-->
</div><!--/.buttons-->
</div><!--/.navbar-item-->
</div><!--/.navbar-end-->
</div><!--/.navbar-menu-->
</div><!--/.container-->
</nav><!--/.navbar-->
<section class="hero is-dark is-halfheight"> <section class="hero is-dark is-halfheight">
<div class="hero-body"> <div class="hero-body">
<div class="container has-text-centered"> <div class="container has-text-centered">
@ -265,30 +186,3 @@
</div><!--/.content--> </div><!--/.content-->
</div><!--/.container--> </div><!--/.container-->
</section><!--/.section--> </section><!--/.section-->
<footer class="footer">
<div class="content has-text-centered">
<div class="columns is-vcentered is-centered">
<div class="column is-one-quarter">
<figure class="image">
<a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer"><img alt="CC BY-SA 4.0" src="https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg" style="height: 31pt; width: 81pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://www.oshwa.org/"><img alt="Open Source Hardware Logo" src="https://www.oshwa.org/wp-content/uploads/2014/03/oshw-logo.svg" style="height: 48pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
<div class="column is-one-quarter">
<figure class="image">
<a href="https://qmk.fm/"><img alt="Powered by QMK logo" src="https://qmk.fm/assets/images/badge-dark.svg" style="height:42pt" /></a>
</figure><!--/.image-->
</div><!--/.column .is-one-quarter-->
</div><!--/.columns .is-vcentered-->
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://gitlab.com/mkbd65/">mkbd65</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://gitlab.com/xengi">XenGi</a> is licensed under <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a></p>
</div><!--/.content .has-text-centered-->
</footer><!--/.footer-->
<script type="text/javascript" src="/js/main.js"></script>
</body>
</html>

View file

Before

Width:  |  Height:  |  Size: 812 B

After

Width:  |  Height:  |  Size: 812 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Before After
Before After

View file

@ -50,13 +50,15 @@
"", "",
{ {
"a": 5, "a": 5,
"f": 5 "f": 4
}, },
"Alt\nTab\n\n\n\n\nShift", "Alt\nTab\n\n\n\n\nShift",
{
"f": 6
},
"Alt\nTab", "Alt\nTab",
{ {
"a": 7, "a": 7
"f": 6
}, },
"F11", "F11",
"F12", "F12",
@ -81,9 +83,9 @@
"<i class='kb kb-Multimedia-Play-Pause'></i>", "<i class='kb kb-Multimedia-Play-Pause'></i>",
"<i class='kb kb-Multimedia-Stop'></i>", "<i class='kb kb-Multimedia-Stop'></i>",
{ {
"a": 4 "a": 5
}, },
"~\n`", "°\n^",
{ {
"a": 7 "a": 7
}, },
@ -101,12 +103,15 @@
"<i class='kb kb-Multimedia-Volume-Up-2'></i>", "<i class='kb kb-Multimedia-Volume-Up-2'></i>",
"<i class='kb kb-Multimedia-Mute-2'></i>", "<i class='kb kb-Multimedia-Mute-2'></i>",
{ {
"f": 5 "f": 4
}, },
"PgUp", "PgUp",
{ {
"f": 7, "f": 6
"w": 2 },
"",
{
"f": 7
}, },
"" ""
], ],
@ -133,11 +138,11 @@
{ {
"w": 3 "w": 3
}, },
"<i class='kb kb-Tab-2'></i>", "<i class='kb kb-Line-Start-End'></i>",
"", "",
"", "",
{ {
"f": 5 "f": 4
}, },
"Home", "Home",
"PgDn", "PgDn",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Before After
Before After

View file

@ -1865,31 +1865,69 @@
<!-- Outer Border --> <!-- Outer Border -->
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="50" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="48" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="48" height="48"
rx="5" fill="#494949"/> rx="5" fill="#494949"/>
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="48" height="48"
rx="5" fill="url(#FLAT)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="650" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill -->
<rect x="650" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<!-- Inner Border -->
<rect x="651" y="165"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill -->
<rect x="651" y="165"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="651" y="165"
width="48" height="48"
rx="5" fill="url(#FLAT)"/> rx="5" fill="url(#FLAT)"/>

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before After
Before After

View file

@ -24,15 +24,15 @@
"a": 4 "a": 4
}, },
"!\n1", "!\n1",
"@\n2", "\"\n2",
"#\n3", "§\n3",
"$\n4", "$\n4",
"%\n5\n\n€", "%\n5",
"^\n6", "&\n6",
"&\n7", "?\n7\n\n{",
"*\n8", "(\n8\n\n[",
"(\n9", ")\n9\n\n]",
")\n0", "=\n0\n\n}",
{ {
"a": 7, "a": 7,
"f": 7, "f": 7,
@ -49,16 +49,16 @@
"E", "E",
"R", "R",
"T", "T",
"Y", "Z",
"U", "U",
"I", "I",
"O", "O",
"P", "P",
"Ü",
{ {
"a": 4 "a": 4
}, },
"{\n[", "*\n+\n\n~",
"}\n]",
{ {
"a": 7, "a": 7,
"f": 7, "f": 7,
@ -79,18 +79,18 @@
"J", "J",
"K", "K",
"L", "L",
"Ö",
"Ä",
{ {
"a": 4 "a": 4
}, },
":\n;", "'\n#\n°\n^"
"\"\n'\n~\n`",
"|\n\\"
], ],
[ [
{ {
"a": 7 "a": 7
}, },
"Z", "Y",
"X", "X",
"C", "C",
"V", "V",
@ -100,16 +100,22 @@
{ {
"a": 4 "a": 4
}, },
"<\n,", ";\n,",
">\n.", ":\n.",
"?\n/", "_\n-",
{ {
"a": 7, "a": 7,
"f": 7 "f": 7
}, },
"<i class='kb kb-Multimedia-Up'></i>", "<i class='kb kb-Multimedia-Up'></i>",
{ {
"w": 2 "a": 4,
"f": 6
},
">\n<\n\n|",
{
"a": 7,
"f": 7
}, },
"⇧" "⇧"
], ],
@ -134,8 +140,8 @@
{ {
"a": 4 "a": 4
}, },
"_\n-", "?\nß\n\n\\",
"+\n=", "`\n'",
{ {
"a": 7, "a": 7,
"f": 7 "f": 7

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before After
Before After

View file

@ -1865,31 +1865,69 @@
<!-- Outer Border --> <!-- Outer Border -->
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/> rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill --> <!-- Outer Fill -->
<rect x="596" y="164" <rect x="596" y="164"
width="104" height="50" width="50" height="50"
rx="5" fill="#3d3d3d"/> rx="5" fill="#3d3d3d"/>
<!-- Inner Border --> <!-- Inner Border -->
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="48" height="48"
rx="5" fill="#494949" class="inner border"/> rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill --> <!-- Inner Fill -->
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="48" height="48"
rx="5" fill="#494949"/> rx="5" fill="#494949"/>
<rect x="597" y="165" <rect x="597" y="165"
width="102" height="48" width="48" height="48"
rx="5" fill="url(#FLAT)"/>
</g>
<g class=' keycap'
>
<!-- Outer Border -->
<rect x="650" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill -->
<rect x="650" y="164"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<!-- Inner Border -->
<rect x="651" y="165"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill -->
<rect x="651" y="165"
width="48" height="48"
rx="5" fill="#494949"/>
<rect x="651" y="165"
width="48" height="48"
rx="5" fill="url(#FLAT)"/> rx="5" fill="url(#FLAT)"/>

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After