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
mkdir -p ./public/css ./public/js ./public/img ./public/fonts
build: clean setup
mkdir -p ./public/{css,js,img,fonts}
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.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 -r ./css ./public/
cp -r ./js ./public/
cp -r ./img ./public/
cp ./guide.html ./index.html ./public/
cp mkbd65-iso.png mkbd65-ansi.png ./public/img/
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:
rm -rf ./public
deps:
setup:
yarn
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">
<div class="hero-body">
<div class="container has-text-centered">
@ -301,30 +219,3 @@
</div><!--/.content-->
</div><!--/.container-->
</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">
<div class="hero-body">
<div class="container has-text-centered">
@ -265,30 +186,3 @@
</div><!--/.content-->
</div><!--/.container-->
</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,
"f": 5
"f": 4
},
"Alt\nTab\n\n\n\n\nShift",
{
"f": 6
},
"Alt\nTab",
{
"a": 7,
"f": 6
"a": 7
},
"F11",
"F12",
@ -81,9 +83,9 @@
"<i class='kb kb-Multimedia-Play-Pause'></i>",
"<i class='kb kb-Multimedia-Stop'></i>",
{
"a": 4
"a": 5
},
"~\n`",
"°\n^",
{
"a": 7
},
@ -101,12 +103,15 @@
"<i class='kb kb-Multimedia-Volume-Up-2'></i>",
"<i class='kb kb-Multimedia-Mute-2'></i>",
{
"f": 5
"f": 4
},
"PgUp",
{
"f": 7,
"w": 2
"f": 6
},
"",
{
"f": 7
},
""
],
@ -133,11 +138,11 @@
{
"w": 3
},
"<i class='kb kb-Tab-2'></i>",
"<i class='kb kb-Line-Start-End'></i>",
"",
"",
{
"f": 5
"f": 4
},
"Home",
"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 -->
<rect x="596" y="164"
width="104" height="50"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill -->
<rect x="596" y="164"
width="104" height="50"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<!-- Inner Border -->
<rect x="597" y="165"
width="102" height="48"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill -->
<rect x="597" y="165"
width="102" height="48"
width="48" height="48"
rx="5" fill="#494949"/>
<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)"/>

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
},
"!\n1",
"@\n2",
"#\n3",
"\"\n2",
"§\n3",
"$\n4",
"%\n5\n\n€",
"^\n6",
"&\n7",
"*\n8",
"(\n9",
")\n0",
"%\n5",
"&\n6",
"?\n7\n\n{",
"(\n8\n\n[",
")\n9\n\n]",
"=\n0\n\n}",
{
"a": 7,
"f": 7,
@ -49,16 +49,16 @@
"E",
"R",
"T",
"Y",
"Z",
"U",
"I",
"O",
"P",
"Ü",
{
"a": 4
},
"{\n[",
"}\n]",
"*\n+\n\n~",
{
"a": 7,
"f": 7,
@ -79,18 +79,18 @@
"J",
"K",
"L",
"Ö",
"Ä",
{
"a": 4
},
":\n;",
"\"\n'\n~\n`",
"|\n\\"
"'\n#\n°\n^"
],
[
{
"a": 7
},
"Z",
"Y",
"X",
"C",
"V",
@ -100,16 +100,22 @@
{
"a": 4
},
"<\n,",
">\n.",
"?\n/",
";\n,",
":\n.",
"_\n-",
{
"a": 7,
"f": 7
},
"<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
},
"_\n-",
"+\n=",
"?\nß\n\n\\",
"`\n'",
{
"a": 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 -->
<rect x="596" y="164"
width="104" height="50"
width="50" height="50"
rx="5" fill="#3d3d3d" class="outer border"/>
<!-- Outer Fill -->
<rect x="596" y="164"
width="104" height="50"
width="50" height="50"
rx="5" fill="#3d3d3d"/>
<!-- Inner Border -->
<rect x="597" y="165"
width="102" height="48"
width="48" height="48"
rx="5" fill="#494949" class="inner border"/>
<!-- Inner Fill -->
<rect x="597" y="165"
width="102" height="48"
width="48" height="48"
rx="5" fill="#494949"/>
<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)"/>

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After