Cons-n-Stuff/slidershim
1
0
Fork 0
mirror of https://github.com/4yn/slidershim.git synced 2024-11-30 16:24:27 +01:00
Code Releases Activity

update readme

Browse Source
This commit is contained in:
4yn 2022-06-26 01:16:09 +08:00
parent d81664ba7c
commit 486120d9c0
4 changed files with 309 additions and 248 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
README.md
View File

@ -12,6 +12,9 @@ Software adapter for various Chunithm slider controllers with a built-in Brokeni
## Changelog ## Changelog
- v0.3.0
- Add UMIGURI LED controller server support
- Add UMIGURI default keyboard layout
- v0.2.8 - v0.2.8
- Add slider only layout (no buttons) for Project Diva gamepad output - Add slider only layout (no buttons) for Project Diva gamepad output
- Add options button to Project Diva gamepad output - Add options button to Project Diva gamepad output

554
res/layouts/index.html
View File

@ -1,202 +1,344 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" /> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
body {
max-width: 1200px;
margin: 2rem auto;
padding: 0 1rem;
font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #444;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
h1,
h2,
h3 {
line-height: 1.2;
}
@media (prefers-color-scheme: dark) {
body { body {
max-width: 1200px; color: #ccc;
margin: 2rem auto; background: black;
padding: 0 1rem;
font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
color: #444;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
h1,
h2,
h3 {
line-height: 1.2;
}
@media (prefers-color-scheme: dark) {
body {
color: #ccc;
background: black;
}
a:link {
color: #5bf;
}
a:visited {
color: #ccf;
}
} }
.layout { a:link {
display: grid; color: #5bf;
width: 36rem;
height: 13rem;
margin-bottom: 1rem;
gap: 0.5rem;
grid: 1.5rem 8.5rem 2rem / 32rem 3.5rem;
grid-template-areas:
"t a"
"b a"
"e a";
} }
.name { a:visited {
display: flex; color: #ccf;
flex: row nowrap;
align-items: center;
justify-content: flex-start;
grid-area: t;
} }
}
.ground { .layout {
grid-area: b; display: grid;
display: grid;
width: 100%;
height: 100%;
gap: 0.25rem; width: 36rem;
height: 13rem;
margin-bottom: 1rem;
font-size: 1.5rem; gap: 0.5rem;
font-family: monospace;
}
.ground div { grid: 1.5rem 8.5rem 2rem / 32rem 3.5rem;
display: flex; grid-template-areas:
align-items: center; "t a"
justify-content: center; "b a"
"e a";
}
background-color: #ff04; .name {
} display: flex;
flex: row nowrap;
align-items: center;
justify-content: flex-start;
.ground.ground-32 { grid-area: t;
grid: repeat(2, 1fr) / repeat(16, 1fr); }
}
.ground.ground-16 { .ground {
grid: repeat(1, 1fr) / repeat(16, 1fr); grid-area: b;
} display: grid;
width: 100%;
height: 100%;
.ground.ground-8 { gap: 0.25rem;
grid: repeat(1, 1fr) / repeat(8, 1fr);
}
.ground.ground-6 { font-size: 1.5rem;
grid: repeat(1, 1fr) / 3fr 2fr 3fr 3fr 2fr 3fr; font-family: monospace;
} }
.ground.ground-4 { .ground div {
grid: repeat(1, 1fr) / repeat(4, 1fr); display: flex;
} align-items: center;
justify-content: center;
.ground.ground-1 { background-color: #ff04;
grid: repeat(1, 1fr) / repeat(1, 1fr); }
}
.ground.ground-voltex { .ground.ground-32 {
grid: repeat(2, 1fr) / repeat(8, 1fr); grid: repeat(2, 1fr) / repeat(16, 1fr);
grid-template-areas: }
"ll lr a b c d rl rr"
"ll lr fl fl fr fr rl rr";
}
.ground.ground-diva { .ground.ground-16 {
grid: repeat(2, 1fr) / repeat(4, 1fr); grid: repeat(1, 1fr) / repeat(16, 1fr);
grid-template-areas: }
"sl sl sl sl"
"a b c d";
}
.air { .ground.ground-8 {
grid-area: a; grid: repeat(1, 1fr) / repeat(8, 1fr);
}
display: grid; .ground.ground-6 {
width: 100%; grid: repeat(1, 1fr) / 3fr 2fr 3fr 3fr 2fr 3fr;
height: 100%; }
grid: repeat(6, 1fr) / repeat(1, 1fr); .ground.ground-4 {
gap: 0.25rem; grid: repeat(1, 1fr) / repeat(4, 1fr);
}
font-family: monospace; .ground.ground-1 {
} grid: repeat(1, 1fr) / repeat(1, 1fr);
}
.air div { .ground.ground-voltex {
display: flex; grid: repeat(2, 1fr) / repeat(8, 1fr);
align-items: center; grid-template-areas:
justify-content: center; "ll lr a b c d rl rr"
"ll lr fl fl fr fr rl rr";
}
background-color: #0ff4; .ground.ground-diva {
} grid: repeat(2, 1fr) / repeat(4, 1fr);
grid-template-areas:
"sl sl sl sl"
"a b c d";
}
.air.air-single { .air {
grid: repeat(1, 1fr) / repeat(1, 1fr); grid-area: a;
}
.air.air-voltex { display: grid;
grid-template-areas: width: 100%;
"rr" height: 100%;
"rl"
"rl"
"lr"
"lr"
"ll";
}
.extra { grid: repeat(6, 1fr) / repeat(1, 1fr);
grid-area: e; gap: 0.25rem;
display: grid; font-family: monospace;
width: 100%; }
height: 100%;
grid: repeat(1, 1fr) / repeat(3, 1fr); .air div {
gap: 0.25rem; display: flex;
align-items: center;
justify-content: center;
font-family: monospace; background-color: #0ff4;
} }
.extra div { .air.air-single {
display: flex; grid: repeat(1, 1fr) / repeat(1, 1fr);
align-items: center; }
justify-content: center;
.air.air-voltex {
grid-template-areas:
"rr"
"rl"
"rl"
"lr"
"lr"
"ll";
}
.extra {
grid-area: e;
display: grid;
width: 100%;
height: 100%;
grid: repeat(1, 1fr) / repeat(3, 1fr);
gap: 0.25rem;
font-family: monospace;
}
.extra div {
display: flex;
align-items: center;
justify-content: center;
background-color: #f004;
}
</style>
<title>Slidershim Layouts</title>
</head>
<body>
<div class="layout">
<div class="name">Keyboard 32-zone, Tasoller Layout</div>
<div class="ground ground-32">
<div>1</div>
<div>Q</div>
<div>2</div>
<div>W</div>
<div>3</div>
<div>E</div>
<div>4</div>
<div>R</div>
<div>5</div>
<div>T</div>
<div>6</div>
<div>Y</div>
<div>7</div>
<div>U</div>
<div>8</div>
<div>I</div>
<div>A</div>
<div>Z</div>
<div>S</div>
<div>X</div>
<div>D</div>
<div>C</div>
<div>F</div>
<div>V</div>
<div>G</div>
<div>B</div>
<div>H</div>
<div>N</div>
<div>J</div>
<div>M</div>
<div>K</div>
<div>,</div>
</div>
<div class="air">
<div>]</div>
<div>[</div>
<div>;</div>
<div>.</div>
<div>'</div>
<div>/</div>
</div>
<div class="extra">
<div>[enter]</div>
<div>[space]</div>
<div>[esc]</div>
</div>
</div>
<div class="layout">
<div class="name">Keyboard 32-zone, Yuancon Layout</div>
<div class="ground ground-32">
<div>5</div>
<div>3</div>
<div>1</div>
<div>Y</div>
<div>W</div>
<div>U</div>
<div>S</div>
<div>Q</div>
<div>O</div>
<div>M</div>
<div>K</div>
<div>I</div>
<div>G</div>
<div>E</div>
<div>C</div>
<div>A</div>
<div>6</div>
<div>4</div>
<div>2</div>
<div>Z</div>
<div>X</div>
<div>V</div>
<div>T</div>
<div>R</div>
<div>P</div>
<div>N</div>
<div>L</div>
<div>J</div>
<div>H</div>
<div>F</div>
<div>D</div>
<div>B</div>
</div>
<div class="air">
<div>;</div>
<div>\</div>
<div>]</div>
<div>[</div>
<div>=</div>
<div>-</div>
</div>
<div class="extra">
<div>[enter]</div>
<div>[space]</div>
<div>[esc]</div>
</div>
</div>
<div class="layout">
<div class="name">Keyboard 32-zone, UMIGURI Layout</div>
<div class="ground ground-32">
<div>1</div>
<div>Q</div>
<div>2</div>
<div>W</div>
<div>3</div>
<div>E</div>
<div>4</div>
<div>R</div>
<div>5</div>
<div>T</div>
<div>6</div>
<div>Y</div>
<div>7</div>
<div>U</div>
<div>8</div>
<div>I</div>
<div>A</div>
<div>Z</div>
<div>S</div>
<div>X</div>
<div>D</div>
<div>C</div>
<div>F</div>
<div>V</div>
<div>G</div>
<div>B</div>
<div>H</div>
<div>N</div>
<div>J</div>
<div>M</div>
<div>K</div>
<div>,</div>
</div>
<div class="air">
<div>.</div>
<div>,</div>
<div>P</div>
<div>L</div>
<div>O</div>
<div>0</div>
</div>
<div class="extra">
<div>[enter]</div>
<div>[space]</div>
<div>[esc]</div>
</div>
</div>
background-color: #f004;
}
</style>
<title>Slidershim Layouts</title>
</head>
<body> <body>
<div class="layout"> <div class="layout">
<div class="name">Keyboard 32-zone, Tasoller Layout</div> <div class="name">Keyboard 16-zone, Linear</div>
<div class="ground ground-32"> <div class="ground ground-16">
<div>1</div>
<div>Q</div>
<div>2</div>
<div>W</div>
<div>3</div>
<div>E</div>
<div>4</div>
<div>R</div>
<div>5</div>
<div>T</div>
<div>6</div>
<div>Y</div>
<div>7</div>
<div>U</div>
<div>8</div>
<div>I</div>
<div>A</div> <div>A</div>
<div>Z</div> <div>Z</div>
<div>S</div> <div>S</div>
@ -228,91 +370,6 @@
<div>[esc]</div> <div>[esc]</div>
</div> </div>
</div> </div>
<div class="layout">
<div class="name">Keyboard 32-zone, Yuancon Layout</div>
<div class="ground ground-32">
<div>5</div>
<div>3</div>
<div>1</div>
<div>Y</div>
<div>W</div>
<div>U</div>
<div>S</div>
<div>Q</div>
<div>O</div>
<div>M</div>
<div>K</div>
<div>I</div>
<div>G</div>
<div>E</div>
<div>C</div>
<div>A</div>
<div>6</div>
<div>4</div>
<div>2</div>
<div>Z</div>
<div>X</div>
<div>V</div>
<div>T</div>
<div>R</div>
<div>P</div>
<div>N</div>
<div>L</div>
<div>J</div>
<div>H</div>
<div>F</div>
<div>D</div>
<div>B</div>
</div>
<div class="air">
<div>;</div>
<div>\</div>
<div>]</div>
<div>[</div>
<div>=</div>
<div>-</div>
</div>
<div class="extra">
<div>[enter]</div>
<div>[space]</div>
<div>[esc]</div>
</div>
</div>
<body>
<div class="layout">
<div class="name">Keyboard 16-zone, Linear</div>
<div class="ground ground-16">
<div>A</div>
<div>Z</div>
<div>S</div>
<div>X</div>
<div>D</div>
<div>C</div>
<div>F</div>
<div>V</div>
<div>G</div>
<div>B</div>
<div>H</div>
<div>N</div>
<div>J</div>
<div>M</div>
<div>K</div>
<div>,</div>
</div>
<div class="air">
<div>]</div>
<div>[</div>
<div>;</div>
<div>.</div>
<div>'</div>
<div>/</div>
</div>
<div class="extra">
<div>[enter]</div>
<div>[space]</div>
<div>[esc]</div>
</div>
</div>
<div class="layout"> <div class="layout">
<div class="name">Keyboard 8-zone, Linear</div> <div class="name">Keyboard 8-zone, Linear</div>
<div class="ground ground-8"> <div class="ground ground-8">
@ -465,4 +522,5 @@
</div> </div>
</div> </div>
</body> </body>
</html>
</html>

BIN
res/layouts/layout.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 73 KiB

BIN
res/screenshots/demo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 24 KiB