add instances and classes html files

This commit is contained in:
Eigil Nikolajsen 2023-02-16 10:41:23 +01:00
parent 658ba969e3
commit ab0d5f551d
7 changed files with 108 additions and 20 deletions

32
classes.html Normal file
View 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>

View File

@ -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;

View File

@ -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
View 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
View File

@ -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": {

View File

@ -9,6 +9,6 @@
"preview": "vite preview"
},
"devDependencies": {
"vite": "^4.1.0"
"vite": "^4.1.1"
}
}
}

Binary file not shown.