mirror of
https://github.com/eigilnikolajsen/commit-mono.git
synced 2024-09-11 18:37:12 +03:00
add instances and classes html files
This commit is contained in:
parent
658ba969e3
commit
ab0d5f551d
32
classes.html
Normal file
32
classes.html
Normal file
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Generate Axis Value</title>
|
||||
</head>
|
||||
<body>
|
||||
<br />
|
||||
<label for="classes">Classes</label>
|
||||
<br />
|
||||
<br />
|
||||
<textarea id="classes" name="classes" rows="20" cols="60"></textarea>
|
||||
<br />
|
||||
<br />
|
||||
<button type="submit" id="submit">Submit</button>
|
||||
<br />
|
||||
<br />
|
||||
<p style="user-select: all" id="result"></p>
|
||||
<script>
|
||||
const classes = document.querySelector("#classes")
|
||||
const result = document.querySelector("#result")
|
||||
const submit = document.querySelector("#submit")
|
||||
submit.addEventListener("click", () => {
|
||||
result.textContent = [
|
||||
...new Set(classes.value.split(" ")),
|
||||
].join(" ")
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
@ -1,14 +1,14 @@
|
||||
feature zero {
|
||||
# Slashed Zero
|
||||
|
||||
#> featur
|
||||
|
||||
sub [zero zero.square] by zero.zero;
|
||||
sub [zero.dnom zero.dnom.square] by zero.dnom.zero;
|
||||
sub [zero.numr zero.numr.square] by zero.numr.zero;
|
||||
sub [zero.subs zero.subs.square] by zero.subs.zero;
|
||||
sub [zero.sups zero.sups.square] by zero.sups.zero;
|
||||
|
||||
#< feature
|
||||
|
||||
} zero;
|
||||
feature zero {
|
||||
# Slashed Zero
|
||||
|
||||
#> featur
|
||||
|
||||
sub [zero zero.square] by zero.zero;
|
||||
sub [zero.dnom zero.dnom.square] by zero.dnom.zero;
|
||||
sub [zero.numr zero.numr.square] by zero.numr.zero;
|
||||
sub [zero.subs zero.subs.square] by zero.subs.zero;
|
||||
sub [zero.sups zero.sups.square] by zero.sups.zero;
|
||||
|
||||
#< feature
|
||||
|
||||
} zero;
|
||||
|
@ -8,7 +8,7 @@
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: "CommitMono";
|
||||
src: url("/fonts/CommitMonoV41-Bold.otf");
|
||||
src: url("/fonts/CommitMonoV48-450.otf");
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
@ -25,13 +25,13 @@
|
||||
font-size: 4rem;
|
||||
background-color: hsl(0, 0%, 50%);
|
||||
line-height: 1.1;
|
||||
width: calc(4rem * 0.6 * 27);
|
||||
width: calc(4rem * 0.6 * 28);
|
||||
}
|
||||
</style>
|
||||
<script src="https://cdn.jsdelivr.net/npm/opentype.js@latest/dist/opentype.min.js" defer></script>
|
||||
<script src="t.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<p>Hello Button Type TEXT TEST</p>
|
||||
<p>Hello Button Type 1234567890</p>
|
||||
</body>
|
||||
</html>
|
||||
|
56
instances.html
Normal file
56
instances.html
Normal file
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Generate Axis Value</title>
|
||||
<style>
|
||||
#resultButton {
|
||||
user-select: all;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<label for="start">Start value</label>
|
||||
<input type="text" name="start" id="start" />
|
||||
<br />
|
||||
<br />
|
||||
<label for="end">End value</label>
|
||||
<input type="text" name="end" id="end" />
|
||||
<br />
|
||||
<br />
|
||||
<label for="precision">Precision</label>
|
||||
<input type="text" name="precision" id="precision" />
|
||||
<br />
|
||||
<br />
|
||||
<button type="submit" id="submit">Submit</button>
|
||||
<br />
|
||||
<br />
|
||||
<p id="resultButton"></p>
|
||||
<script>
|
||||
const submit = document.querySelector("#submit")
|
||||
const start = document.querySelector("#start")
|
||||
const end = document.querySelector("#end")
|
||||
const precision = document.querySelector("#precision")
|
||||
const resultButton = document.querySelector("#resultButton")
|
||||
submit.addEventListener("click", () => {
|
||||
const result = generateAxisValue(
|
||||
[+start.value, +end.value],
|
||||
+precision.value
|
||||
)
|
||||
resultButton.textContent = result
|
||||
navigator.clipboard.writeText(result)
|
||||
})
|
||||
const generateAxisValue = ([start, end], precision) => {
|
||||
let value = start
|
||||
let result = ""
|
||||
while (value <= end) {
|
||||
result += `"${value}"=${value}, `
|
||||
value += precision
|
||||
}
|
||||
return result.slice(0, -2)
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
2
package-lock.json
generated
2
package-lock.json
generated
@ -8,7 +8,7 @@
|
||||
"name": "commit-webtests",
|
||||
"version": "0.0.0",
|
||||
"devDependencies": {
|
||||
"vite": "^4.1.0"
|
||||
"vite": "^4.1.1"
|
||||
}
|
||||
},
|
||||
"node_modules/@esbuild/android-arm": {
|
||||
|
@ -9,6 +9,6 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"devDependencies": {
|
||||
"vite": "^4.1.0"
|
||||
"vite": "^4.1.1"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
BIN
public/fonts/CommitMonoV48-450.otf
Normal file
BIN
public/fonts/CommitMonoV48-450.otf
Normal file
Binary file not shown.
Loading…
Reference in New Issue
Block a user