thm/test-card
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: thm:33f706c193118468bc227efd5d5f1ee4df297170
Branches Tags
thm:main
thm:develop
..
compare: thm:606cc0ca511710ce7cca0d06654406c41a69ce53
Branches Tags
thm:main
thm:develop

No commits in common. "33f706c193118468bc227efd5d5f1ee4df297170" and "606cc0ca511710ce7cca0d06654406c41a69ce53" have entirely different histories.
33f706c193 ... 606cc0ca51

6 changed files with 23 additions and 38 deletions
Show stats Expand all files Collapse all files

1
package.json
View file

@ -36,7 +36,6 @@
},
"type": "module",
"dependencies": {
"@fontsource/atkinson-hyperlegible": "^5.0.19",
"@fontsource/b612": "^5.0.8",
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/adapter-static": "^3.0.1",

7
pnpm-lock.yaml
View file

@ -5,9 +5,6 @@ settings:
excludeLinksFromLockfile: false
dependencies:
'@fontsource/atkinson-hyperlegible':
specifier: ^5.0.19
version: 5.0.19
'@fontsource/b612':
specifier: ^5.0.8
version: 5.0.8
@ -393,10 +390,6 @@ packages:
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true
/@fontsource/atkinson-hyperlegible@5.0.19:
resolution: {integrity: sha512-dnhQiFATy7n12Nq1fq8yhuzbae4WJSFKaKesJLTNKyiz6w+DI7RbcB3D1hwU+tBax4Dxlhg0tkY1LS4AzRRqxw==}
dev: false
/@fontsource/b612@5.0.8:
resolution: {integrity: sha512-PuOfVZB37asTrwI6GD5dcOjIuEZI+m9PW6/9MM05zRxA5pSUyPn280rLP7r7mOiFmEKSEWCFyI0Yf2XJOmqwNA==}
dev: false

4
src/index.css
View file

@ -8,8 +8,8 @@ body, html {
color: white;
background-color: black;
font-family: 'Atkinson Hyperlegible', 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: 20px;
font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: min(1.5vw, 1.5vh);
}
* {

3
src/lib/TestCard.svelte
View file

@ -78,9 +78,6 @@
width: 100vw;
height: 100vh;
overflow: hidden;
font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: min(4vw, 4vh);
}
.inner {

44
src/routes/(pages)/+page.svelte
View file

@ -201,15 +201,17 @@
{#if tests.filter((test) => test.categories.includes(category.id)).length > 0}
<h2>{$i18n.t(category.label)}</h2>
{#each filteredTests.filter((test) => test.categories.includes(category.id) && filteredCategories.every( (f) => test.categories.includes(f) )) as test}
<a class="test" href={test.id} class:disabled={test.disabled}>
<i class="ti {test.icon}"></i>
<div class="label">
{$i18n.t(test.label)}
</div>
<div class="description">
{$i18n.t(`tests.${test.id}.description`)}
</div>
</a>
<div class="test" class:disabled={test.disabled}>
<a class="test" href={test.id}>
<span class="label">
<i class="ti {test.icon}"></i>
{$i18n.t(test.label)}
</span>
<span class="description">
{$i18n.t(`tests.${test.id}.description`)}
</span>
</a>
</div>
{/each}
{/if}
{:else}
@ -228,7 +230,7 @@
gap: 1rem;
flex-grow: 1;
padding: 0 4rem;
overflow: hidden;
overflow: auto;
& input[type='search'] {
padding: 0.5em;
@ -236,10 +238,6 @@
}
}
.tests {
overflow-y: auto;
}
h1 {
text-align: center;
font-size: 3rem;
@ -248,6 +246,7 @@
}
h2 {
font-weight: normal;
margin: 0.25em 0;
}
@ -294,22 +293,21 @@
}
.test {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 0 0.25em;
display: flex;
gap: 0.5em;
margin-bottom: 0.25em;
text-decoration: none;
color: inherit;
& .label {
white-space: nowrap;
}
& .description {
opacity: 0.8;
grid-column-start: 2;
opacity: 0.85;
}
& a {
text-decoration: none;
color: inherit;
}
&.disabled {

2
src/routes/+layout.svelte
View file

@ -1,7 +1,5 @@
<script lang="ts">
import 'normalize.css/normalize.css';
import '@fontsource/atkinson-hyperlegible';
import '@fontsource/atkinson-hyperlegible/700.css';
import '@fontsource/b612';
import '@fontsource/b612/700.css';
import '@tabler/icons-webfont/tabler-icons.css';