spritesheet, icon for pronoun list
This commit is contained in:
Ava Gaiety W
parent
78bc7a366c
commit
486bf87535
8 changed files with 970 additions and 4 deletions
944
package-lock.json
generated
944
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -8,6 +8,7 @@
|
||||||
"serve:handlebars": "node app.js",
|
"serve:handlebars": "node app.js",
|
||||||
"serve:css": "tailwindcss -i ./src/app.css -o ./dist/app.css --watch",
|
"serve:css": "tailwindcss -i ./src/app.css -o ./dist/app.css --watch",
|
||||||
"build:css": "tailwindcss -i ./src/app.css -o ./dist/app.css",
|
"build:css": "tailwindcss -i ./src/app.css -o ./dist/app.css",
|
||||||
|
"build:svg": "svgdir2sprite ./src/svgs ./dist/spritesheet.svg",
|
||||||
"test": "ava"
|
"test": "ava"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
|
|
@ -27,6 +28,7 @@
|
||||||
"express": "^4.18.2",
|
"express": "^4.18.2",
|
||||||
"express-handlebars": "^7.0.2",
|
"express-handlebars": "^7.0.2",
|
||||||
"fs": "^0.0.1-security",
|
"fs": "^0.0.1-security",
|
||||||
|
"svgdir2sprite": "^1.0.4",
|
||||||
"tailwindcss": "^3.2.7"
|
"tailwindcss": "^3.2.7"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -58,6 +58,10 @@ footer {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pronoun-list-icon {
|
||||||
|
color: var(--text-murmur);
|
||||||
|
}
|
||||||
|
|
||||||
.pronoun-example-table {
|
.pronoun-example-table {
|
||||||
border-color: var(--stroke);
|
border-color: var(--stroke);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M9 6C9 10.9706 13.0294 15 18 15C18.9093 15 19.787 14.8655 20.6144 14.6147C19.4943 18.3103 16.0613 20.9999 12 20.9999C7.02944 20.9999 3 16.9707 3 12.0001C3 7.93883 5.69007 4.50583 9.38561 3.38574C9.13484 4.21311 9 5.09074 9 6Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 426 B |
BIN
src/svgs/.DS_Store
vendored
Normal file
BIN
src/svgs/.DS_Store
vendored
Normal file
Binary file not shown.
1
src/svgs/leaf.svg
Normal file
1
src/svgs/leaf.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.660 4.043 C 12.883 4.200,10.297 4.905,8.440 6.011 C 6.568 7.127,5.277 8.663,4.735 10.420 C 4.149 12.319,4.376 14.415,5.396 16.518 C 5.486 16.704,5.560 16.875,5.560 16.898 C 5.560 16.922,5.253 17.247,4.877 17.620 C 4.502 17.994,4.158 18.370,4.114 18.455 C 3.773 19.110,4.256 19.894,5.000 19.894 C 5.388 19.894,5.523 19.805,6.320 19.018 L 7.020 18.327 7.300 18.469 C 7.868 18.758,8.723 19.079,9.340 19.235 C 11.636 19.817,13.839 19.410,15.611 18.077 C 17.521 16.639,18.864 14.233,19.504 11.102 C 19.831 9.499,19.973 7.555,19.890 5.805 C 19.840 4.738,19.812 4.618,19.557 4.363 C 19.323 4.129,19.162 4.084,18.413 4.040 C 17.647 3.996,16.482 3.997,15.660 4.043 M17.894 6.410 C 17.926 6.909,17.861 8.468,17.778 9.179 C 17.559 11.066,17.135 12.583,16.448 13.940 C 14.901 16.992,12.304 18.150,9.289 17.133 C 9.062 17.057,8.795 16.958,8.694 16.913 L 8.511 16.832 10.010 15.326 C 11.692 13.636,11.667 13.669,11.631 13.169 C 11.593 12.639,11.212 12.274,10.690 12.269 C 10.237 12.265,10.273 12.237,8.614 13.890 C 7.284 15.215,7.083 15.400,7.049 15.335 C 6.874 15.003,6.605 14.111,6.495 13.500 C 6.419 13.078,6.421 12.081,6.498 11.638 C 6.801 9.901,8.005 8.456,9.988 7.449 C 11.864 6.496,14.164 6.027,17.064 6.006 L 17.868 6.000 17.894 6.410 " stroke="none" fill-rule="evenodd" fill="currentColor"></path></svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
13
src/svgs/logo.svg
Normal file
13
src/svgs/logo.svg
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<svg width="151" height="143" viewBox="0 0 151 143" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="45.1768" cy="97.8" r="40" stroke="black" stroke-width="10" stroke-dasharray="2 5"/>
|
||||||
|
<circle cx="105.177" cy="97.8" r="40" stroke="black" stroke-width="10" stroke-dasharray="2 5"/>
|
||||||
|
<circle cx="75.1768" cy="45" r="40" stroke="black" stroke-width="10" stroke-dasharray="2 5"/>
|
||||||
|
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="29" y="52" width="91" height="81">
|
||||||
|
<path d="M39.4771 52.8L29.5771 54.9L32.8771 61.5L34.9771 73.5L52.3771 95.4L70.0771 126.6L74.8772 132.6L79.6772 126.6L104.577 93L116.277 63.3L119.877 54.9L111.777 52.8H106.977H74.8772H39.4771Z" fill="white"/>
|
||||||
|
</mask>
|
||||||
|
<g mask="url(#mask0)">
|
||||||
|
<circle cx="45.1768" cy="97.8" r="40" stroke="black" stroke-width="10"/>
|
||||||
|
<circle cx="105.177" cy="97.8" r="40" stroke="black" stroke-width="10"/>
|
||||||
|
<circle cx="75.1772" cy="45" r="40" stroke="black" stroke-width="10"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 954 B |
|
|
@ -1,5 +1,10 @@
|
||||||
<ul class="columns-1 md:columns-2 gap-4">
|
<ul class="columns-1 md:columns-2 gap-4">
|
||||||
{{#each pronounList}}
|
{{#each pronounList}}
|
||||||
<li class="mb-2"><a href="/{{this}}" class="pronoun-list-link">{{this}}</a></li>
|
<li class="mb-2 flex flex-row gap-1 items-center">
|
||||||
|
<svg viewBox="0 0 24 24" class="w-8 h-8 pronoun-list-icon">
|
||||||
|
<use xlink:href="spritesheet.svg#leaf"></use>
|
||||||
|
</svg>
|
||||||
|
<a href="/{{this}}" class="pronoun-list-link -mt-1">{{this}}</a>
|
||||||
|
</li>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue