inherentlee/rescue-trans-rescue
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🏑💿 Updated with Glitch

Browse Source
This commit is contained in:
Glitch (rescue-trans-rescue)
2024-08-19 23:24:21 +00:00
parent 495ff81353
commit ce0c217116
15 changed files with 1906 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
.gitignore vendored
View File

@ -1,130 +0,0 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache
# Next.js build output
.next
out
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# vuepress v2.x temp and cache directory
.temp
.cache
# Docusaurus cache and generated files
.docusaurus
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
# Stores VSCode versions used for testing VSCode extensions
.vscode-test
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*

119
.glitch-assets Normal file
View File

@ -0,0 +1,119 @@
{"name":"drag-in-files.svg","date":"2016-10-22T16:17:49.954Z","url":"https://cdn.hyperdev.com/drag-in-files.svg","type":"image/svg","size":7646,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/drag-in-files.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(102, 153, 205)","uuid":"adSBq97hhhpFNUna"}
{"name":"click-me.svg","date":"2016-10-23T16:17:49.954Z","url":"https://cdn.hyperdev.com/click-me.svg","type":"image/svg","size":7116,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/click-me.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(243, 185, 186)","uuid":"adSBq97hhhpFNUnb"}
{"name":"paste-me.svg","date":"2016-10-24T16:17:49.954Z","url":"https://cdn.hyperdev.com/paste-me.svg","type":"image/svg","size":7242,"imageWidth":276,"imageHeight":276,"thumbnail":"https://cdn.hyperdev.com/paste-me.svg","thumbnailWidth":276,"thumbnailHeight":276,"dominantColor":"rgb(42, 179, 185)","uuid":"adSBq97hhhpFNUnc"}
{"uuid":"adSBq97hhhpFNUna","deleted":true}
{"uuid":"adSBq97hhhpFNUnb","deleted":true}
{"uuid":"adSBq97hhhpFNUnc","deleted":true}
{"name":"Logo_Color.svg","date":"2020-10-15T17:02:08.576Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","type":"image/svg+xml","size":25537,"imageWidth":19,"imageHeight":14,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FLogo_Color.svg","thumbnailWidth":19,"thumbnailHeight":14,"uuid":"XPQ2UUJettC9yQ6L"}
{"name":"HKGrotesk-Medium.otf","date":"2020-10-15T17:19:39.944Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Medium.otf","type":"","size":69888,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-Medium.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"mSnvx5eJut7fimxB"}
{"name":"HKGrotesk-Regular.otf","date":"2020-10-15T17:19:40.076Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Regular.otf","type":"","size":67768,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-Regular.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"VY2dLeOvcf8ffuEw"}
{"name":"HKGrotesk-SemiBold.otf","date":"2020-10-15T17:20:42.442Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-SemiBold.otf","type":"","size":69948,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-SemiBold.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"yEDZsSX7I7P2NlF1"}
{"name":"HKGrotesk-Bold.otf","date":"2020-10-15T17:21:24.249Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2FHKGrotesk-Bold.otf","type":"","size":68144,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2FHKGrotesk-Bold.otf","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"aHiG7zYivg7tnSDH"}
{"name":"illustration.svg","date":"2021-04-11T21:42:24.016Z","url":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fillustration.svg","type":"image/svg+xml","size":21272,"imageWidth":658,"imageHeight":682,"thumbnail":"https://cdn.glitch.com/a9975ea6-8949-4bab-addb-8a95021dc2da%2Fthumbnails%2Fillustration.svg","thumbnailWidth":319,"thumbnailHeight":330,"uuid":"WlqPAPkJzcjf2thL"}
{"uuid":"aHiG7zYivg7tnSDH","deleted":true}
{"uuid":"mSnvx5eJut7fimxB","deleted":true}
{"uuid":"yEDZsSX7I7P2NlF1","deleted":true}
{"uuid":"VY2dLeOvcf8ffuEw","deleted":true}
{"uuid":"XPQ2UUJettC9yQ6L","deleted":true}
{"name":"DSCF5274_Original.jpeg","date":"2024-08-13T01:37:14.417Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/DSCF5274_Original.jpeg","type":"image/jpeg","size":1673129,"imageWidth":3265,"imageHeight":3265,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FDSCF5274_Original.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"gQQqxxMivU1ywfFZ"}
{"uuid":"gQQqxxMivU1ywfFZ","deleted":true}
{"name":"lee.jpg","date":"2024-08-13T01:37:14.417Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/lee.jpg","type":"image/jpeg","size":1673129,"imageWidth":3265,"imageHeight":3265,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FDSCF5274_Original.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"gQQqxxMivU1ywfFZ"}
{"uuid":"WlqPAPkJzcjf2thL","deleted":true}
{"name":"IMG_0095.jpeg","date":"2024-08-13T02:52:42.969Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0095.jpeg","type":"image/jpeg","size":19040516,"imageWidth":10052,"imageHeight":10052,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0095.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"Rw5JP1MEbTnjuqEp"}
{"uuid":"Rw5JP1MEbTnjuqEp","deleted":true}
{"name":"Wetdryvac.jpg","date":"2024-08-13T02:52:42.969Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Wetdryvac.jpg","type":"image/jpeg","size":19040516,"imageWidth":10052,"imageHeight":10052,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0095.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"Rw5JP1MEbTnjuqEp"}
{"name":"IMG_0096.jpeg","date":"2024-08-13T02:53:15.555Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0096.jpeg","type":"image/jpeg","size":58647,"imageWidth":600,"imageHeight":600,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0096.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7FZirBg3xF1sKDwt"}
{"uuid":"7FZirBg3xF1sKDwt","deleted":true}
{"name":"mari.jpg","date":"2024-08-13T02:53:15.555Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/mari.jpg","type":"image/jpeg","size":58647,"imageWidth":600,"imageHeight":600,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0096.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7FZirBg3xF1sKDwt"}
{"name":"IMG_0097.jpeg","date":"2024-08-13T04:33:39.118Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0097.jpeg","type":"image/jpeg","size":79674,"imageWidth":750,"imageHeight":750,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0097.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"rAqbdCj4stBFPPW3"}
{"uuid":"rAqbdCj4stBFPPW3","deleted":true}
{"name":"Karl-Liferstate.jpg","date":"2024-08-13T04:33:39.118Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Karl-Liferstate.jpg","type":"image/jpeg","size":79674,"imageWidth":750,"imageHeight":750,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0097.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"rAqbdCj4stBFPPW3"}
{"uuid":"Rw5JP1MEbTnjuqEp","deleted":true}
{"name":"Connected1kTransBack.png","date":"2024-08-13T14:23:21.060Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Connected1kTransBack.png","type":"image/png","size":275871,"imageWidth":1000,"imageHeight":1000,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FConnected1kTransBack.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"aSdh7nxPSuqjWSfd"}
{"uuid":"aSdh7nxPSuqjWSfd","deleted":true}
{"name":"Wetdryvac.png","date":"2024-08-13T14:23:21.060Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Wetdryvac.png","type":"image/png","size":275871,"imageWidth":1000,"imageHeight":1000,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FConnected1kTransBack.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"aSdh7nxPSuqjWSfd"}
{"name":"IMG_0099.jpeg","date":"2024-08-13T14:27:40.214Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0099.jpeg","type":"image/jpeg","size":628859,"imageWidth":1879,"imageHeight":1879,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0099.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"OB4DfOHcsUY431E0"}
{"uuid":"OB4DfOHcsUY431E0","deleted":true}
{"name":"Ezra-Wu.jpg","date":"2024-08-13T14:27:40.214Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Ezra-Wu.jpg","type":"image/jpeg","size":628859,"imageWidth":1879,"imageHeight":1879,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0099.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"OB4DfOHcsUY431E0"}
{"name":"IMG_0100.jpeg","date":"2024-08-13T15:41:23.518Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0100.jpeg","type":"image/jpeg","size":718067,"imageWidth":2208,"imageHeight":2361,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0100.jpeg","thumbnailWidth":309,"thumbnailHeight":330,"uuid":"N9uVmLELWE0g2sZ9"}
{"uuid":"N9uVmLELWE0g2sZ9","deleted":true}
{"name":"Vee-Friday.jpg","date":"2024-08-13T15:41:23.518Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Vee-Friday.jpg","type":"image/jpeg","size":718067,"imageWidth":2208,"imageHeight":2361,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0100.jpeg","thumbnailWidth":309,"thumbnailHeight":330,"uuid":"N9uVmLELWE0g2sZ9"}
{"uuid":"N9uVmLELWE0g2sZ9","deleted":true}
{"name":"IMG_0100.jpeg","date":"2024-08-13T15:46:02.159Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0100.jpeg","type":"image/jpeg","size":651423,"imageWidth":2208,"imageHeight":2208,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0100.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"4wRs7jdrVqWxcNOn"}
{"uuid":"4wRs7jdrVqWxcNOn","deleted":true}
{"name":"Vee-Friday.jpg","date":"2024-08-13T15:46:02.159Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Vee-Friday.jpg","type":"image/jpeg","size":651423,"imageWidth":2208,"imageHeight":2208,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0100.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"4wRs7jdrVqWxcNOn"}
{"name":"IMG_0101.jpeg","date":"2024-08-13T15:53:01.681Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0101.jpeg","type":"image/jpeg","size":180883,"imageWidth":618,"imageHeight":609,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0101.jpeg","thumbnailWidth":330,"thumbnailHeight":326,"uuid":"2XDnmxlPp9ToBoia"}
{"uuid":"2XDnmxlPp9ToBoia","deleted":true}
{"name":"Alex-T-Dragonson.jpg","date":"2024-08-13T15:53:01.681Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Alex-T-Dragonson.jpg","type":"image/jpeg","size":180883,"imageWidth":618,"imageHeight":609,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0101.jpeg","thumbnailWidth":330,"thumbnailHeight":326,"uuid":"2XDnmxlPp9ToBoia"}
{"name":"IMG_0103.png","date":"2024-08-13T18:41:20.908Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0103.png","type":"image/png","size":67890,"imageWidth":1189,"imageHeight":1189,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0103.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"1I0KE4zn2NotNdnX"}
{"uuid":"1I0KE4zn2NotNdnX","deleted":true}
{"name":"Kite.png","date":"2024-08-13T18:41:20.908Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Kite.png","type":"image/png","size":67890,"imageWidth":1189,"imageHeight":1189,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0103.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"1I0KE4zn2NotNdnX"}
{"name":"IMG_0104.jpeg","date":"2024-08-14T02:57:42.888Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0104.jpeg","type":"image/jpeg","size":187400,"imageWidth":886,"imageHeight":886,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0104.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"CVuDDqlXk2C2WYc0"}
{"uuid":"CVuDDqlXk2C2WYc0","deleted":true}
{"name":"Teresa-Kenzie.jpg","date":"2024-08-14T02:57:42.888Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Teresa-Kenzie.jpg","type":"image/jpeg","size":187400,"imageWidth":886,"imageHeight":886,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0104.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"CVuDDqlXk2C2WYc0"}
{"uuid":"CVuDDqlXk2C2WYc0","deleted":true}
{"name":"Teresa-Knezek.jpg","date":"2024-08-14T02:57:42.888Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Teresa-Knezek.jpg","type":"image/jpeg","size":187400,"imageWidth":886,"imageHeight":886,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0104.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"CVuDDqlXk2C2WYc0"}
{"uuid":"2XDnmxlPp9ToBoia","deleted":true}
{"name":"IMG_0101.jpeg","date":"2024-08-14T03:21:34.757Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0101.jpeg","type":"image/jpeg","size":147755,"imageWidth":608,"imageHeight":609,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0101.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"O0fQadL2KiWP494c"}
{"uuid":"O0fQadL2KiWP494c","deleted":true}
{"name":"Alex-T-Dragonson.jpg","date":"2024-08-14T03:21:34.757Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Alex-T-Dragonson.jpg","type":"image/jpeg","size":147755,"imageWidth":608,"imageHeight":609,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0101.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"O0fQadL2KiWP494c"}
{"name":"IMG_0105.png","date":"2024-08-14T16:06:29.460Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0105.png","type":"image/png","size":1640047,"imageWidth":1080,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0105.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"r8dHeU0GHueJmcto"}
{"uuid":"r8dHeU0GHueJmcto","deleted":true}
{"name":"Liam-Woodard.png","date":"2024-08-14T16:06:29.460Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Liam-Woodard.png","type":"image/png","size":1640047,"imageWidth":1080,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0105.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"r8dHeU0GHueJmcto"}
{"name":"IMG_0106.jpeg","date":"2024-08-14T16:09:05.939Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0106.jpeg","type":"image/jpeg","size":68204,"imageWidth":405,"imageHeight":405,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0106.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"SVTYmh0uoY4MEuTG"}
{"uuid":"SVTYmh0uoY4MEuTG","deleted":true}
{"name":"Emmett.jpg","date":"2024-08-14T16:09:05.939Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Emmett.jpg","type":"image/jpeg","size":68204,"imageWidth":405,"imageHeight":405,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0106.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"SVTYmh0uoY4MEuTG"}
{"name":"IMG_0107.png","date":"2024-08-14T16:37:59.849Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0107.png","type":"image/png","size":96904,"imageWidth":1320,"imageHeight":1320,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0107.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"eEdvs7iIfWq2IE0g"}
{"uuid":"eEdvs7iIfWq2IE0g","deleted":true}
{"name":"Russ-Sharek.png","date":"2024-08-14T16:37:59.849Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Russ-Sharek.png","type":"image/png","size":96904,"imageWidth":1320,"imageHeight":1320,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0107.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"eEdvs7iIfWq2IE0g"}
{"name":"IMG_0108.png","date":"2024-08-14T17:45:41.599Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0108.png","type":"image/png","size":3291577,"imageWidth":1024,"imageHeight":1024,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0108.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"NpxZylYtV25q5XMh"}
{"uuid":"NpxZylYtV25q5XMh","deleted":true}
{"name":"evel.png","date":"2024-08-14T17:45:41.599Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/evel.png","type":"image/png","size":3291577,"imageWidth":1024,"imageHeight":1024,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0108.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"NpxZylYtV25q5XMh"}
{"name":"IMG_0111.jpeg","date":"2024-08-15T02:24:09.687Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0111.jpeg","type":"image/jpeg","size":51763,"imageWidth":256,"imageHeight":256,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0111.jpeg","thumbnailWidth":256,"thumbnailHeight":256,"uuid":"vdVDfUuxpHmUWL6V"}
{"uuid":"vdVDfUuxpHmUWL6V","deleted":true}
{"name":"Adhemara.jpg","date":"2024-08-15T02:24:09.687Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Adhemara.jpg","type":"image/jpeg","size":51763,"imageWidth":256,"imageHeight":256,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0111.jpeg","thumbnailWidth":256,"thumbnailHeight":256,"uuid":"vdVDfUuxpHmUWL6V"}
{"name":"IMG_0112.jpeg","date":"2024-08-15T02:28:19.713Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0112.jpeg","type":"image/jpeg","size":62426,"imageWidth":400,"imageHeight":400,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0112.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"gMnSKz77Yn3gWLQu"}
{"uuid":"gMnSKz77Yn3gWLQu","deleted":true}
{"name":"Cassowary.jpg","date":"2024-08-15T02:28:19.713Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Cassowary.jpg","type":"image/jpeg","size":62426,"imageWidth":400,"imageHeight":400,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0112.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"gMnSKz77Yn3gWLQu"}
{"name":"IMG_0113.jpeg","date":"2024-08-15T03:41:26.321Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0113.jpeg","type":"image/jpeg","size":1084733,"imageWidth":2087,"imageHeight":2087,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0113.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"MJ7RLQg2cuVpOZ8J"}
{"uuid":"MJ7RLQg2cuVpOZ8J","deleted":true}
{"name":"Colin-Knowles.jpg","date":"2024-08-15T03:41:26.321Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Colin-Knowles.jpg","type":"image/jpeg","size":1084733,"imageWidth":2087,"imageHeight":2087,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0113.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"MJ7RLQg2cuVpOZ8J"}
{"name":"IMG_0114.jpeg","date":"2024-08-15T14:37:10.227Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0114.jpeg","type":"image/jpeg","size":1398695,"imageWidth":2316,"imageHeight":2317,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0114.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"Q5GGrtCIrUAKexZZ"}
{"uuid":"Q5GGrtCIrUAKexZZ","deleted":true}
{"name":"Sylvan-Daphne-Mir.jpg","date":"2024-08-15T14:37:10.227Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Sylvan-Daphne-Mir.jpg","type":"image/jpeg","size":1398695,"imageWidth":2316,"imageHeight":2317,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0114.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"Q5GGrtCIrUAKexZZ"}
{"name":"IMG_0116.jpeg","date":"2024-08-15T17:49:03.637Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0116.jpeg","type":"image/jpeg","size":132239,"imageWidth":478,"imageHeight":477,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0116.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"QIbSPsfwNqs1z3k9"}
{"uuid":"QIbSPsfwNqs1z3k9","deleted":true}
{"name":"Abigail.jpg","date":"2024-08-15T17:49:03.637Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Abigail.jpg","type":"image/jpeg","size":132239,"imageWidth":478,"imageHeight":477,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0116.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"QIbSPsfwNqs1z3k9"}
{"name":"IMG_0119.jpeg","date":"2024-08-15T21:45:25.588Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0119.jpeg","type":"image/jpeg","size":480947,"imageWidth":1080,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0119.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"0naAEILbyl7SaN1G"}
{"uuid":"0naAEILbyl7SaN1G","deleted":true}
{"name":"erosdiscordia.jpg","date":"2024-08-15T21:45:25.588Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/erosdiscordia.jpg","type":"image/jpeg","size":480947,"imageWidth":1080,"imageHeight":1080,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0119.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"0naAEILbyl7SaN1G"}
{"name":"IMG_0121.jpeg","date":"2024-08-16T13:45:50.068Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0121.jpeg","type":"image/jpeg","size":14355,"imageWidth":250,"imageHeight":250,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0121.jpeg","thumbnailWidth":250,"thumbnailHeight":250,"uuid":"OnLncThj9eQzViKj"}
{"uuid":"OnLncThj9eQzViKj","deleted":true}
{"name":"no-image.jpg","date":"2024-08-16T13:45:50.068Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/no-image.jpg","type":"image/jpeg","size":14355,"imageWidth":250,"imageHeight":250,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0121.jpeg","thumbnailWidth":250,"thumbnailHeight":250,"uuid":"OnLncThj9eQzViKj"}
{"name":"IMG_0122.jpeg","date":"2024-08-16T13:57:58.281Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0122.jpeg","type":"image/jpeg","size":50369,"imageWidth":400,"imageHeight":400,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0122.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"iWQMIj9C6TWPdpgn"}
{"uuid":"iWQMIj9C6TWPdpgn","deleted":true}
{"name":"JennyFluff.jpg","date":"2024-08-16T13:57:58.281Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/JennyFluff.jpg","type":"image/jpeg","size":50369,"imageWidth":400,"imageHeight":400,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0122.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"iWQMIj9C6TWPdpgn"}
{"name":"image.svg","date":"2024-08-16T23:56:13.679Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/image.svg","type":"image/svg+xml","size":16211,"imageWidth":80,"imageHeight":83,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/image.svg","thumbnailWidth":80,"thumbnailHeight":83,"uuid":"fZ7IXAKoizIH0Q4g"}
{"name":"IMG_0123.jpeg","date":"2024-08-17T02:32:24.206Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0123.jpeg","type":"image/jpeg","size":48816,"imageWidth":200,"imageHeight":200,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0123.jpeg","thumbnailWidth":200,"thumbnailHeight":200,"uuid":"ckbMa5xgQEdCyB0v"}
{"uuid":"ckbMa5xgQEdCyB0v","deleted":true}
{"name":"Roarke.jpg","date":"2024-08-17T02:32:24.206Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Roarke.jpg","type":"image/jpeg","size":48816,"imageWidth":200,"imageHeight":200,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0123.jpeg","thumbnailWidth":200,"thumbnailHeight":200,"uuid":"ckbMa5xgQEdCyB0v"}
{"name":"63ff0091-5d0e-439c-af02-378b895ed8a1.png","date":"2024-08-17T15:12:07.766Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/63ff0091-5d0e-439c-af02-378b895ed8a1.png","type":"image/png","size":104601,"imageWidth":1000,"imageHeight":1000,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F63ff0091-5d0e-439c-af02-378b895ed8a1.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"i85RPKOVMXEhVCIT"}
{"uuid":"fZ7IXAKoizIH0Q4g","deleted":true}
{"uuid":"i85RPKOVMXEhVCIT","deleted":true}
{"name":"RAPIDPUNCHES.png","date":"2024-08-17T15:12:07.766Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/RAPIDPUNCHES.png","type":"image/png","size":104601,"imageWidth":1000,"imageHeight":1000,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F63ff0091-5d0e-439c-af02-378b895ed8a1.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"i85RPKOVMXEhVCIT"}
{"name":"IMG_0125.jpeg","date":"2024-08-17T23:55:43.299Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0125.jpeg","type":"image/jpeg","size":96026,"imageWidth":437,"imageHeight":437,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0125.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"nyQ6OzrBpTbk9EW7"}
{"uuid":"nyQ6OzrBpTbk9EW7","deleted":true}
{"name":"Nicky-Roscoe-Calvert.jpg","date":"2024-08-17T23:55:43.299Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Nicky-Roscoe-Calvert.jpg","type":"image/jpeg","size":96026,"imageWidth":437,"imageHeight":437,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0125.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"nyQ6OzrBpTbk9EW7"}
{"name":"IMG_0126.jpeg","date":"2024-08-18T14:33:05.492Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0126.jpeg","type":"image/jpeg","size":708241,"imageWidth":1923,"imageHeight":1924,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0126.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"kVGTiWcOKNfnee9w"}
{"uuid":"kVGTiWcOKNfnee9w","deleted":true}
{"name":"swanchime.jpg","date":"2024-08-18T14:33:05.492Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/swanchime.jpg","type":"image/jpeg","size":708241,"imageWidth":1923,"imageHeight":1924,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0126.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"kVGTiWcOKNfnee9w"}
{"name":"IMG_0133.png","date":"2024-08-18T19:48:21.927Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0133.png","type":"image/png","size":133101,"imageWidth":400,"imageHeight":400,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0133.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"0Y441AmLWMPsef8X"}
{"uuid":"0Y441AmLWMPsef8X","deleted":true}
{"name":"Ryn.png","date":"2024-08-18T19:48:21.927Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Ryn.png","type":"image/png","size":133101,"imageWidth":400,"imageHeight":400,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0133.png","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"0Y441AmLWMPsef8X"}
{"name":"IMG_0137.jpeg","date":"2024-08-19T14:42:08.616Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/IMG_0137.jpeg","type":"image/jpeg","size":72952,"imageWidth":380,"imageHeight":380,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0137.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"EGFrVyLJE6bDpMzL"}
{"uuid":"EGFrVyLJE6bDpMzL","deleted":true}
{"name":"Anais-Fae.jpg","date":"2024-08-19T14:42:08.616Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Anais-Fae.jpg","type":"image/jpeg","size":72952,"imageWidth":380,"imageHeight":380,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2FIMG_0137.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"EGFrVyLJE6bDpMzL"}
{"uuid":"4wRs7jdrVqWxcNOn","deleted":true}
{"name":"20231101_153011 Copy.jpeg","date":"2024-08-19T17:09:09.593Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/20231101_153011%20Copy.jpeg","type":"image/jpeg","size":76019,"imageWidth":616,"imageHeight":615,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F20231101_153011%20Copy.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7SRlFlwfXWXqyAc4"}
{"uuid":"7SRlFlwfXWXqyAc4","deleted":true}
{"name":"Vee-Friday.jpg","date":"2024-08-19T17:09:09.593Z","url":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Vee-Friday.jpg","type":"image/jpeg","size":76019,"imageWidth":616,"imageHeight":615,"thumbnail":"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/thumbnails%2F20231101_153011%20Copy.jpeg","thumbnailWidth":330,"thumbnailHeight":330,"uuid":"7SRlFlwfXWXqyAc4"}

54
LICENSE Normal file
View File

@ -0,0 +1,54 @@
The LICENSE file for any project gives credit to the creator/author of the
project, copyright information for the project, and the legal terms under
which it's being shared. In other words, this is us using an MIT license to
say "we wrote this and you can do whatever you want with it."
******************************************************************************
~glitch-hello-website
******************************************************************************
MIT License
Copyright (c) 2021, Glitch, Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
******************************************************************************
THIRD-PARTY SOFTWARE
This is all the software we used to build this starter project. All of these
licenses are compatible with the license above. We've included links so you
can learn more if you want.
1. HK Grotesk: The font we're using.
******************************************************************************
1. HK Grotesk
URL: https://hanken.co/products/hk-grotesk
******************************************************************************
HK Grotesk was designed by Hanken Design Co. It is shared using a SIL OFL
license. Full license text can be found at:
https://hanken.co/pages/web-fonts-eula
******************************************************************************
END, HK Grotesk
******************************************************************************

3
README.md Normal file
View File

@ -0,0 +1,3 @@
# rescue Trans Rescue!
See site for all details.

83
artists.html Normal file
View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<title>Rescue Trans Rescue</title>
<!-- The website stylesheet -->
<link rel="stylesheet" href="styles/main.css" />
<!-- The website JavaScript file -->
<script src="scripts/nav.js" defer></script>
<!-- Font Awesome -->
<script
src="https://kit.fontawesome.com/884dded219.js"
crossorigin="anonymous"
></script>
<link
rel="canonical"
href="https://rescue-trans-rescue.glitch.me/artists"
/>
<meta
name="description"
content="Artist directory page for the #rescueTransRescue fundraising project."
/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Rescue Trans Rescue: Artists" />
<meta property="og:type" content="article" />
<meta
property="og:url"
content="https://rescue-trans-rescue.glitch.me/artists"
/>
<meta
property="og:description"
content="Artist directory page for the #rescueTransRescue fundraising project."
/>
<meta
property="og:image"
content="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png"
/>
<meta name="twitter:card" content="summary" />
</head>
<body>
<div class="wrapper">
<nav id="top-nav">
<a class="nav-item" href="/">home</a>
<a class="nav-item" href="/artists">artists</a>
<a class="nav-item" href="/signup">signup</a>
<button
class="nav-item"
id="alignment"
title="toggle left/right navbar alignment"
></button>
<button
class="nav-item"
id="theme"
title="toggle light/dark mode"
></button>
</nav>
<div class="wip">
<p>
This site is a <b>work in progress!</b> If you experience issues,
please try waiting a minute and re-loading before reaching out with
questions.
</p>
</div>
<div class="content" role="main">
<h1 class="title">Artists</h1>
<p>This page has moved to <a href="/artists">a simpler URL</a></p>
</div>
<!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer>
</div>
</body>
</html>

94
artists/index.html Normal file
View File

@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<title>Rescue Trans Rescue</title>
<!-- The website stylesheet -->
<link rel="stylesheet" href="styles/main.css" />
<link rel="stylesheet" href="styles/artists.css" />
<link rel="stylesheet" href="styles/details.css" />
<!-- The website JavaScript file -->
<script src="scripts/nav.js" defer></script>
<script src="scripts/details.js" defer></script>
<script src="scripts/artists.js" defer></script>
<!-- Font Awesome -->
<script
src="https://kit.fontawesome.com/884dded219.js"
crossorigin="anonymous"
></script>
<link
rel="canonical"
href="https://rescue-trans-rescue.glitch.me/artists"
/>
<meta
name="description"
content="Artist directory page for the #rescueTransRescue fundraising project."
/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Rescue Trans Rescue: Artists" />
<meta property="og:type" content="article" />
<meta
property="og:url"
content="https://rescue-trans-rescue.glitch.me/artists"
/>
<meta
property="og:description"
content="Artist directory page for the #rescueTransRescue fundraising project."
/>
<meta
property="og:image"
content="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png"
/>
<meta name="twitter:card" content="summary" />
</head>
<body>
<div class="wrapper">
<nav id="top-nav">
<a class="nav-item" href="/">home</a>
<a class="nav-item" href="/signup">signup</a>
<button
class="nav-item"
id="alignment"
title="toggle left/right navbar alignment"
></button>
<button
class="nav-item"
id="theme"
title="toggle light/dark mode"
></button>
</nav>
<div class="wip">
<p>
This site is a <b>work in progress!</b> If you experience issues,
please try waiting a minute and re-loading before reaching out with
questions.
</p>
</div>
<div class="content" role="main">
<h1 class="title">Artists</h1>
<p>
Artists were asked to provide a short description of their plans. Read
on for each individual artist.
</p>
<details id="expand-all">
<summary>toggle all artists</summary>
</details>
<div class="artist-grid" id="artist-grid">
<!-- Contents are auto-generated by artists.js -->
</div>
</div>
<!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer>
</div>
</body>
</html>

468
index.html Normal file
View File

@ -0,0 +1,468 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<title>Rescue Trans Rescue</title>
<!-- The website stylesheet -->
<link rel="stylesheet" href="styles/main.css" />
<link rel="stylesheet" href="styles/details.css" />
<!-- The website JavaScript file -->
<script src="scripts/nav.js" defer></script>
<script src="scripts/details.js" defer></script>
<!-- Font Awesome -->
<script
src="https://kit.fontawesome.com/884dded219.js"
crossorigin="anonymous"
></script>
<link rel="canonical" href="https://rescue-trans-rescue.glitch.me/" />
<meta
name="description"
content="Main landing page for the #rescueTransRescue fundraising project."
/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Rescue Trans Rescue: Home" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://rescue-trans-rescue.glitch.me/" />
<meta
property="og:description"
content="Main landing page for the #rescueTransRescue fundraising project."
/>
<meta
property="og:image"
content="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png"
/>
<meta name="twitter:card" content="summary" />
</head>
<body>
<div class="wrapper">
<nav id="top-nav">
<a class="nav-item" href="/artists">artists</a>
<a class="nav-item" href="/signup">signup</a>
<button
class="nav-item"
id="alignment"
title="toggle left/right navbar alignment"
></button>
<button
class="nav-item"
id="theme"
title="toggle light/dark mode"
></button>
</nav>
<div class="wip">
<p>
This site is a <b>work in progress!</b> If you experience issues,
please try waiting a minute and re-loading before reaching out with
questions.
</p>
</div>
<div class="content" role="main">
<h1 class="title">Rescue Trans Rescue</h1>
<img
src="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png"
class="illustration"
alt="Logo of Trans Rescue, which looks like a stlized helicopter flying through a pink and blue ring. Text underneath says Trans Rescue."
/>
<div>
<h2>About Trans Rescue</h2>
<blockquote>
<p>
We help trans*, intersex, and other people flee places where it is
dangerous to be trans.
</p>
<p>
We help them reach places of safety and reasonable quality of
life.
</p>
<p>We do so legally and securely.</p>
</blockquote>
<p>- <a href="https://transrescue.org/">Trans Rescue</a></p>
<p>and</p>
<blockquote>
<p>
We are facing a real shortage. We need 400 EUR more than we have
to keep all the balls in the air. For any organization this would
be serious. For us it's a matter of who becomes homeless in a
dangerous country.
</p>
<p>We need help today. Please.</p>
</blockquote>
<p>
-
<a href="https://mastodon.social/@trans_rescue/112898899176079622"
>@trans_rescue@mastodon.social</a
>
</p>
<h2>The Exhibit</h2>
<p>
It will be an online art sale and fundraiser. There will be a method
of signing up for TR’s email list and a method for direct donation
as well as sales.
</p>
<h2>FAQs</h2>
<details id="expand-all">
<summary>toggle all FAQs</summary>
</details>
<!-- Who are the artists? -->
<details>
<summary>Who are the artists?</summary>
<p>
Trans and gender expansive/diverse people who wish to help. If you
are unsure whether this includes you: it does.
</p>
</details>
<!-- What type of art? -->
<details>
<summary>What type of art?</summary>
<p>
All mediums. Content restrictions may be imposed at Trans Rescue’s
discretion (will talk to them about this). Physical and digital
are both allowed (digital will be displayed in the exhibit with a
watermark). Art can range from “fine art” to “craft” to “merch” as
long as it is your artistic creation. Let your definition of art
be as expansive as your definition of trans.
</p>
<p>
At current, our plan is to use
<a href="https://ko-fi.com/">Ko-fi</a> as our shop platform. This
comes with
<a
href="https://help.ko-fi.com/hc/en-us/articles/360007937553-Ko-fi-Content-Guidelines"
>content restrictions</a
>
artists should be aware of.
</p>
<p>
Special focus on a planned collaborative sticker sheet as a major
small-dollar item. Ideally <i>all</i> artists contribute to this
and it includes the TR logo.
</p>
<p>AI/LLM "art" is not permitted.</p>
<details>
<summary>Can I offer one of my commission slots?</summary>
<p>
<i>
[Note: I use the term “commission” heavily when discussing
pricing schema later on this page. Understand that a
“commission slot” is distinct from the artist’s “commission
rate” in the pricing schema.]
</i>
</p>
<p>
Art must be able to be paid in full up front, and artists should
feel confident in their ability to deliver on what they promise.
If you’re comfortable with those boundaries, you may offer a
commission or otherwise buyer-customizable piece of art.
Customization can be something simple that requires a single
text field question (in which case it will be worked into the
platform and the answer provided to you on purchase), or it may
be complex enough to require that you get in touch with the
buyer after purchase.
</p>
<p>
I encourage you to set strict guidelines that allow you to set a
firm price up front that you’re confident in; the fundraiser is
not responsible for following through with buyers if you later
feel you need more funds to deliver.
</p>
</details>
<details>
<summary>
Can I use pre-existing material as part of my art?
</summary>
<p>
Of course. You may collage, knit a hat from yarn you didn't
spin, paint with pigments you didn't crush yourself, etc.
</p>
</details>
</details>
<!-- Must it be created for this exhibit? -->
<details>
<summary>Must it be created for this exhibit?</summary>
<p>
No, but it’s preferred that it is. If we have so many submissions
such as to make this logistically perilous and I have to impose
submission limits, reused existing work may be cut. However, I
don’t currently expect to reach those limits.
</p>
</details>
<!-- Is there a theme? -->
<details>
<summary>Is there a theme?</summary>
<p>From TR:</p>
<blockquote>
<p>
We help people escape. That’s something that appeals outside the
trans community. I just got off a call with a guy who had never
met a trans person before. He thought what we were doing was so
cool he’s volunteering with us. Freedom, escape, rebirth,
slavery, captivity, ...
</p>
</blockquote>
<p>Basically, be inspired by what TR does :)</p>
</details>
<!-- Can I collaborate with another artist? -->
<details>
<summary>Can I collaborate with another artist?</summary>
<p>
Sure, but only one of you is responsible for being the “point”
person for any one piece of art. This is to keep my signup forms
and email lists straightforward.
</p>
<p>
Obviously, credit all artists who participate in creating a piece.
</p>
</details>
<!-- How many works per artist? -->
<details>
<summary>How many works per artist?</summary>
<p>one of:</p>
<ul>
<li>
1 original work (this may mean a single item, or for something
like a print, it may mean a set of similar items) that
<b>can</b> be digitally included on the sticker sheet as well as
sold on its own.
</li>
<li>
1 original work (single item or set of prints etc) that
<b>cannot</b> be included on the sticker sheet <b>plus</b> 1
small digital design for sticker sheet inclusion.
</li>
<li>
1 small digital design for sticker sheet inclusion only.
However, be aware (as you read the next question) that
<b
>I am not able to set artist commission rates on sales of the
sticker sheets, only individual artistic creations</b
>. The sticker sheets will be too collaborative to realistically
apply all artists’ commissions in a meaningful way.
</li>
</ul>
<p>
I want to expand on the “single item or set” thing - this lets
different types of crafts shine differently and allows us to price
things reasonably and at many price points. It also means not
everything will be one-and-gone!
</p>
</details>
<!-- How is pricing determined? Are artists paid? -->
<details>
<summary>How is pricing determined? Are artists paid?</summary>
<p>For an original work, artists set the following:</p>
<ol>
<li><b>Inventory:</b> number of pieces of the work</li>
<li><b>Base price:</b> starting price of the work</li>
<li>
<b>Commission:</b> % of the base price they would like to take
home, up to 50% inclusive
</li>
<li><b>Shipping:</b> shipping fees broken out by continent</li>
</ol>
<p>
Artists will therefore at a minimum take home (Base price *
Commission + Shipping) * Inventory units sold. This gives them the
ability to ensure they are paid what they consider adequate for
charity work.
</p>
<p>
For any item in the exhibit, a buyer may choose to pay beyond base
price. The artist’s commission will be applied to this as well.
</p>
<p>Here's why:</p>
<p>
Anyone is able to make a donation to the fundraiser without buying
art. By buying art and paying additional, the buyer credits the
artist as well as the fundraiser, and this should be reflected
financially.
</p>
<p>Let’s further elucidate this pricing schema with examples.</p>
<p>
(Also, look, there will technically be little nickel-and-dime
platform fees that chip in to the math here. I’m... not doing that
yet, please.)
</p>
<details>
<summary>Alyx</summary>
<p>
Alyx creates a painting. Xe decides that xe would like to recoup
materials cost and donate labor. Xe sets xyr inventory at 1,
base price at $100, commission at 15%, and shipping at $20
(there will be regional categories for shipping. it’s not
relevant here so ignore it).
</p>
<p>
Alyx’s painting might be bought for its base price + shipping
($120) in which case xe would get $100 * .15 + $20 = $35. Or
maybe xyr painting is bought for a bit above its base price,
$130 + $20 shipping = $150. In this case, Alyx would get $130 *
.15 + $20 = $39.50.
</p>
<p>(In these cases, TR makes $85 and $110.50 respectively.)</p>
</details>
<details>
<summary>Babs</summary>
<p>
Babs creates a series of tooled leather keychains. She can’t
afford to donate much. She sets an inventory of 4, a base price
of $20, a commission of 50%, and a shipping price of $10.
</p>
<p>
If all of Babs’ keychains sell, she will be compensated, at a
minimum, ($20 * .50 + $10) * 4 = $80, half of which covers
shipping and half of which is commission. If some of her
keychains sell for elevated prices — let’s say they sell for
$25, $40, $20, and $30 — she will be compensated, forgive my
ad-hoc math notation but hopefully it gets the point across
without being exhaustingly long... sum of ([$25, $40, $20, $30]
* .50 + $10) = $97.50, $40 of which is shipping.
</p>
<p>(In these cases, TR makes $40 and $57.50 respectively.)</p>
<p>
(Also, if any keychains don’t sell, Babs retains the keychain
and can resell to anyone she desires.)
</p>
</details>
<details>
<summary>Coral</summary>
<p>
Coral creates a phone wallpaper with their digital art skills.
They don’t care if they receive anything for this, and they want
their item to be accessible and for everyone. They set their
inventory at 50, their base price at $5, their commission at 0%,
and their shipping at $0 (digital purchase).
</p>
<p>
Regardless of how many sell, Coral doesn’t get anything but
satisfaction of helping. (And exposure, but like, don’t work for
exposure kids.)
</p>
<p>(In this case, TR gets $5 * # sold.)</p>
<p>
(Coral retains the rights to their digital art and can continue
to resell and reproduce it after the exhibit — this goes for
physical reproducible art as well).
</p>
</details>
</details>
<!-- How is fulfillment handled -->
<details>
<summary>How is fulfillment handled?</summary>
<p>
Individual artists are responsible for their work’s fulfillment.
After an order, relevant buyer details (address/phone/email, or
just email for digital) will be forwarded to the relevant
artist(s).
</p>
<p>
Yes, this means if you buy items from multiple artists you will
pay multiple shipping fees. That’s just the way it’s gonna be. I
don’t want all of this stuff in my living room.
</p>
<p>
Missing or damaged items will be dealt with case-by-case with best
effort, but this is a fundraiser so do be kind about it. Let’s
hope we don’t see much of that.
</p>
<p>Returns are not a thing.</p>
<details>
<summary>
If shipping is per-item, why bother having it listed as
shipping? Just bundle it.
</summary>
<p>
Clarity of information. Helps you understand where your money’s
going. Also, I want to encourage artists to actively plan for
all shipping eventualities and think through what they want to
offer.
</p>
</details>
</details>
<!-- What's the timeline? -->
<details>
<summary>What's the timeline?</summary>
<p>
Our opening dates are Sep 15th, Oct 15th, and Nov 15th of 2024.
Artists will pick an opening date on sign-up. The show closes Dec
15th, 2024.
</p>
<details>
<summary>Why 3 opening dates?</summary>
<p>
3 opening dates allows variable time for artists to prepare.
Artists may choose the opening date that best works for them
with the understanding that a later deadline leaves them less
exhibition time and therefore less chance to sell.
</p>
</details>
</details>
<!-- I want to be part of this... -->
<details>
<summary>I want to be part of this!</summary>
<p>
First,
<a href="/signup">sign up as an artist or supporter</a>
</p>
<p>
After that, here’s some potential actions, ranging in skills
required, level of effort, and level of interaction with me.
</p>
<ul>
<li>
Follow the hashtag #rescueTransRescue on your favorite platform:
<ul>
<li>
<a
href="https://strangeobject.space/tags/rescueTransRescue"
title="#rescueTransRescue on the fediverse"
><i aria-hidden="true" class="fa-brands fa-mastodon"></i>
fedi</a
>
</li>
</ul>
</li>
<li>Boost posts or write your own - don't forget to tag!</li>
<li>Tell your friends</li>
<li>Work with TR and I to design promotional material</li>
<li>Work with me and our artists to lay out sticker sheets</li>
<li>
Work with me to help support artists and buyers who have
questions over email and fedi
</li>
</ul>
<p>
Reach out to me via any of the methods on
<a href="https://leecat.art/contact">my contact page</a>.
</p>
</details>
<!-- I signed up! Why am I not on the artist page? -->
<details>
<summary>I signed up! Why am I not on the artist page?</summary>
<p>
At current, the artist page is manually updated, not
automatically. I just haven't seen your signup yet :)
</p>
<p>
If you want to confirm that you've signed up (as an artist), check
your email for the subject line "You’ve signed up for
#rescueTransRescue".
</p>
</details>
</div>
</div>
</div>
<!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer>
</body>
</html>

444
scripts/artists.js Normal file
View File

@ -0,0 +1,444 @@
/* socials consts */
const WEBSITE = "website";
const FEDI = "fedi";
const BSKY = "bsky";
const THREADS = "threads";
const INSTA = "insta";
const FB = "fb";
/*
{
name: "",
imgSrc: "",
imgAlt: "",
blurb: "",
socials: {
website: "",
fedi: "",
bsky: "",
threads: "",
insta: "",
fb: ""
}
}
*/
let artists = [
{
name: "Abigail",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Abigail.jpg?v=1723744143637",
imgAlt:
"old photo of the artists hiding behind their hair, it has been digitally edited to be green and embossed with leaf like veins running across it.",
blurb:
"<p>offering several pride flag inspired mandala phone backgrounds</p>",
socials: {
website: "https://linktr.ee/alien_sunset",
fedi: "https://dice.camp/@Alien_Sunset",
},
},
{
name: "Adhémara",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Adhemara.jpg?v=1723688649687",
imgAlt:
"A pixel art portrait. It depicts a white person with long and fluffy hairs (most of them are white but a few strands are black). The person wears blue jewellery and has several piercings on their face. The background is a night sky with a huge full moon.",
blurb:
"<p>I will give at least one digital artwork (a phone wallpaper). I may provide more if my health allows it. The art will always be a scan of a traditional piece I will make for the occasion, which will be an abstract painting.</p>",
socials: {
fedi: "https://mastodon.art/@adhemara",
},
},
{
name: "Alex T. Dragonson",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Alex-T-Dragonson.jpg?v=1723605694757",
imgAlt: "A pair of hand-knitted gloves with spiral stripes",
blurb:
"<p>Hand-knitted scarves to keep you warm in our Northern Hemisphere winter of discontent.</p>",
socials: {
website: "https://wizardofdocs.neocities.org/obscure-joys",
fedi: "https://wandering.shop/@wizardofdocs",
},
},
{
name: "Anaïs Faë",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Anais-Fae.jpg?v=1724078528616",
imgAlt: "watercolor portrait of a tabby cat",
blurb:
"<p>a design for the sticker sheet, plus eventually some small prints or postcards</p>",
socials: {
website: "https://anaisfae.art",
fedi: "https://mastodon.art/@anaisfae",
bsky: "https://bsky.app/profile/anaisfae.art",
insta: "https://www.instagram.com/anaisfae.art/",
},
},
{
name: "Cassowary",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Cassowary.jpg?v=1723688899713",
imgAlt:
"A synthwave gradient sun with a superimposed drawing of a cassowary head and neck.",
blurb:
"<p>I will provide a small abstract physical artwork (around 5x7 inches, pen on paper) and a sticker design.</p>",
socials: {
website: "https://aldercone.studio",
fedi: "https://mastodon.art/@aldercone",
},
},
{
name: "Colin Knowles",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Colin-Knowles.jpg?v=1723693286321",
imgAlt:
"Photo shows Colin wearing a red shirt with lil flamingoes all over it",
blurb: "<p>Digital landscape drawing of scenery in pride flag colors.</p>",
socials: {
insta: "https://www.instagram.com/cadmium.rust/",
},
},
{
name: "Emmett",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Emmett.jpg?v=1723651745939",
imgAlt:
"a high contrast photo of a daisy that has had many of its petals eaten. Over the flower text reads protean art",
blurb:
"<p>A twelve inch circle canvas acrylic painting. A free form background made of trans pride colors, main subject to be determined.</p>",
socials: {
website: "https://proteanart.xyz",
insta: "https://www.instagram.com/_proteanart_/",
},
},
{
name: "erosdiscordia",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/erosdiscordia.jpg?v=1723758325588",
imgAlt:
"Depicts a tall green electrical box on a sidewalk in New Orleans. The top of the box is graffiti saying 'Live A Great Story' in a white circle. The base of the box is covered in 'Homo Riot' flyers. The background is a very old red brick wall.",
blurb:
"<p>I create art postcards, collaged from vintage magazines and decorated with a variety of materials. I'll offer a pack of five from an assortment to choose from.</p>",
socials: {
website: "https://erosdiscordia.nekoweb.org",
fedi: "https://onycha.monster/@erosdiscordia",
},
},
{
name: "evel",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/evel.png?v=1723657541599",
imgAlt:
"rainbow gradient-ed photo of a fat Indigenerd sitting next to their Malamute, they are both smiling! Theree's also 'evel' in a funky grungey font over the image.",
blurb:
"<p>i plan to make a funky trans-colored and/or rainbow-colored butterfly, possibly sitting on a skull or flower. Or maybe a set of rainbow/trans colored flowers. I haven't quite decided yet!</p>",
socials: {
website: "https://evel.life",
fedi: "https://mastodon.art/@aldercone",
},
},
{
name: "Ezra Wu",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Ezra-Wu.jpg?v=1723559260214",
imgAlt:
"A simple watercolor of a person holding their hands over their ears, their hair grown over with blue-purple flowers.",
blurb:
"<p>The original gouache painting of 'testosterone gave me my anger back' originally published in 'T the Zine', 3x8 inch</p>",
socials: {
website: "https://nebulos.space/",
fedi: "https://comicscamp.club/@nebulos",
},
},
{
name: "JennyFluff",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/JennyFluff.jpg?v=1723816678281",
imgAlt:
"a yellow cat with a light blue bow-tie on its head in the style of cats in the Pepper & Carrot comics by David Revoy",
blurb:
"<p>I intend to offer my painting 178, 'Stop. Breaking. The. World.'</p>",
socials: {
website: "https://kittenme.ws",
fedi: "https://chitter.xyz/@JennyFluff/",
},
},
{
name: "Karl Liferstate",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Karl-Liferstate.jpg?v=1723523619118",
imgAlt:
"An orange-toned, highly pixelated head & shoulders portrait of a a white person with brown hair wearing a black shirt.",
blurb:
"<p>I make paper collages from whatever comes to hand, working in an intuitive, semi-abstract style that tends toward the fantastical.</p>",
socials: {
fedi: "https://mas.to/@liferstate",
},
},
{
name: "Kite",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Kite.png?v=1723574480908",
imgAlt:
"A pixel art image of a green anthro bird, with an orange beak, wearing eyeglasses and a cadet-style hat. They are in front of a nonbinary pride flag.",
blurb:
'<p>A 12x12 custom art composition using melty-beads (Perler/Hama/Artkal). Or a custom furry art badge made of melty-beads. <a href="https://drive.google.com/drive/folders/1RvCtn6KMUEj_K2NHYQ6HvD0Q4s_rY3ou?usp=sharing">Examples</a></p>',
socials: {
fedi: "https://mastoart.social/@Kite",
},
},
{
name: "lee",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/lee.jpg?v=1723513034417",
imgAlt:
"A white person standing behind fluffy yellow flowers on slender branches, face framed by the flowers. Ze is looking slightly down and to the side and smiling slightly. Ze has curly light brown hair with a side shave, octagonal glasses, and cyan-and-orange eyeshadow.",
blurb: "<p>collaborative sticker sheet(s)! and this whole site</p>",
socials: {
website: "https://leecat.art",
fedi: "https://strangeobject.space/@inherentlee",
},
},
{
name: "Liam Woodard",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Liam-Woodard.png?v=1723651589460",
imgAlt:
"A man in a button down shirt and an n95 mask. His arms are outstretched against a sky that runs a white to blue gradient. He is held in the air above his acrobatics partner's head, the back of which is visible.",
blurb:
"<p>A run of linocut trans anarchy symbols printed onto rainbow gelprinted backgrounds.</p>",
socials: {
website: "https://socialgaff.whirling.top",
fedi: "https://cathode.church/@SocialGaff",
},
},
{
name: "mari",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/mari.jpg?v=1723517595555",
imgAlt:
"A flat vector illustration of a chubby round cartoony hippo type creature - a Moomin - with a shock of green hair between two stand-up ears. One ear has a blue earring hoop. The hair flops down towards happy closed eyes. They're raising a mug in greeting in one hand or paw - white mug with a purple heart and yellow tea bag label hanging out. The black outlines complete the non-binary flag colors hee hee. On the medium-tan colored Moomin is a grey sleeveless shirt with the word plantifa (plants plus antifa) in brown letters over three green sprigs mimicking the Iron Front anti-fascist arrows.",
blurb:
"<p>some sort of fun, hopeful, nature-inspired collage piece(s) - most likely postcard-size.</p>",
socials: {
fedi: "https://spanner.works/@bouncinglime",
},
},
{
name: "Nicky Roscoe-Calvert",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Nicky-Roscoe-Calvert.jpg?v=1723938943299",
imgAlt:
"Head and shoulders of a white person with short, wavy, deep blue hair. They wear a gold headband in the shape of leaves, teardrop shaped earrings, a thin black scarf and a dark red shawl. They have lip and nose rings, and are wearing heavy, smoky purple eyeshadow. They are looking to the side, smiling at something unseen.",
blurb:
"<p>An A3 original mixed media piece, probably involving painting and drawing, probably of mushrooms.</p>",
socials: {
fedi: "https://mastodon.art/@SpellsAgainstCivilisation",
insta: "https://www.instagram.com/spells_against_civilisation/",
},
},
{
name: "RAPIDPUNCHES",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/RAPIDPUNCHES.png?v=1723907527766",
imgAlt:
"Close up of a red crocodile with yellow eyes in a high blue collar wearing a green fish hat.",
blurb:
"<p>5x7 inch matte 215gsm exclusive prints of digitally illustrated shark athletes. Additional runner illustration for sticker sheet.</p>",
socials: {
fedi: "https://mastodon.art/@rapidpunches",
bsky: "https://bsky.app/profile/rapidpunches.bsky.social",
insta: "https://www.instagram.com/rapid.punches",
},
},
{
name: "Roarke",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Roarke.jpg?v=1723861944206",
imgAlt: "My original character/mascot Ciaran with cat-ear headphones",
blurb:
"<p>I'll be offering one digital illustration made for the exhibit + a sticker sheet design for printing</p>",
socials: {
website: "http://lavenderincubus.art",
fedi: "https://mastodon.art/@LavenderIncubus",
bsky: "https://bsky.app/profile/lavenderincubus.bsky.social",
},
},
{
name: "Russ Sharek",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Russ-Sharek.png?v=1723653479849",
imgAlt:
"A cartoon version of myself saying 'yes' which was created by prahou of #unix_surrealism",
blurb:
"<p>A run of linocut prints of the phrase 'o pana e kon' rendered in sitelen sitelen glyphs.</p><p>Translated from toki pona, this essentially means 'breathe' or 'exhale'.</p><p>These are things you can only really do when you feel safe.</p>",
socials: {
website: "https://russ.whirling.top",
fedi: "https://mastodon.art/@RussSharek",
},
},
{
name: "Ryn",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Ryn.png?v=1724010501927",
imgAlt:
"In the forefront is a tan anthropomorphic cocker spaniel dog face, their teeth bared in a toothy grin. The dog has a gauge in their ear, as well as another ear stud piercing, a nose piercing, dark blue hair, three white spots in their right cheek fur, and a white diamond on their forehead fur. In the background is the non binary flag in four vertical descending stripes: yellow, white, purple, black.",
blurb: "<p>A Posca painting on canvas</p>",
socials: {
website: "https://rynufe.carrd.co",
fedi: "https://meemu.org/@Ryntastic",
},
},
{
name: "swanchime",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/swanchime.jpg?v=1723991585492",
imgAlt:
"a pale Vietnamese person with circular glasses, two nostril piercings, and many ear piercings in a rose print shirt",
blurb: "<p>a small dreamlike original watercolor painting</p>",
socials: {
website: "https://swanchime.com",
fedi: "https://comicscamp.club/@swanchime",
},
},
{
name: "Sylvan (Daphne) Mir",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Sylvan-Daphne-Mir.jpg?v=1723732630227",
imgAlt:
"white person with blue hair with side shaves and dark dark blue eyes wears a black KN95 mask outside of a glass building",
blurb:
"<p>Sylvan makes art inspired by vibrant choices in light and color. Trained as a lighting designer, fae uses faer knowledge of light to create unusual, multi-disciplinary artworks including ink illustrations of nature and wildlife, creative photography, and small ceramics.</p>",
socials: {
website: "https://daphnemir.com",
fedi: "https://kind.social/@moss",
},
},
{
name: "Teresa Knezek",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Teresa-Knezek.jpg?v=1723604262888",
imgAlt:
"A woman, wearing chunky clear eyeglasses and a dark knit hat, peeks over the top of a print of a raven perched in a winter birch forest.",
blurb: "<p>A phoenix rising from trans pride flag-colored flames.</p>",
socials: {
website: "https://knezek.art",
fedi: "https://mivox.net/@mivox",
insta: "https://instagram.com/knezek.art",
fb: "https://facebook.com/knezek.art",
},
},
{
name: "Vee Friday",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Vee-Friday.jpg?v=1724087349593",
imgAlt:
"A head and shoulders photo of a middle-aged white person, looking to one side. They are wearing glasses and have the sides of their head shaved. There is a bone anchored hearing aid visible attached to their head.",
blurb:
"<p>Hi, I'm Vee. I am a disabled trans non-binary person who loves art in all its forms. I enjoy making what I call #BadArt by which is how I give my self permission to make art, any art, just because I like it.</p><p>It doesn't have to be 'good' or 'real art' , it just needs to something that gives me joy to make. The fact that other people enjoy it too makes me happy, but that's a bonus, if you see what I mean.</p>",
socials: {
fedi: "https://rage.love/@hag",
},
},
{
name: "Wetdryvac",
imgSrc:
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/Wetdryvac.png?v=1723559001060",
imgAlt:
"A telegraph pole with two-tone orange stripes separated by the wires.",
blurb:
"<p>Transtract - 0023 - O-Sa: An abstract from the Transtract series, folding assigned and self identities.</p>",
socials: {
website: "https://www.wetdryvac.net",
fedi: "https://mastodon.art/@wetdryvac",
bsky: "https://bsky.app/profile/wetdryvac.bsky.social",
},
},
];
function makeSocial(socialType, socialLink) {
let iconHTML;
switch (socialType) {
case WEBSITE:
iconHTML = '<i aria-hidden="true" class="fa-solid fa-house-user"></i>';
break;
case FEDI:
iconHTML = '<i aria-hidden="true" class="fa-brands fa-mastodon"></i>';
break;
case BSKY:
iconHTML = '<i aria-hidden="true" class="fa-brands fa-bluesky"></i>';
break;
case THREADS:
iconHTML = '<i aria-hidden="true" class="fa-brands fa-threads"></i>';
break;
case INSTA:
iconHTML = '<i aria-hidden="true" class="fa-brands fa-instagram"></i>';
break;
case FB:
iconHTML = '<i aria-hidden="true" class="fa-brands fa-facebook"></i>';
break;
default:
return;
}
let social = document.createElement("div");
social.className = "social";
let link = document.createElement("a");
link.href = socialLink;
link.innerHTML = iconHTML;
link.ariaLabel = socialType;
social.appendChild(link);
return social;
}
if (document.getElementById("test-social-grid")) {
let socialDiv = document.getElementById("test-social-grid");
for (const key in artists[0].socials) {
socialDiv.appendChild(makeSocial(key, artists[0].socials[key]));
}
}
function makeArtist({ name, imgSrc, imgAlt, blurb, socials }) {
let artist = document.createElement("div");
artist.className = "artist";
let img = document.createElement("img");
if (imgSrc && imgAlt) {
img.src = imgSrc;
img.alt = imgAlt;
} else {
img.src =
"https://cdn.glitch.global/4c6d23ef-8570-4ac4-ade9-a8daff6f3f9a/no-image.jpg?v=1723815950068";
img.alt = "a 'missing image' icon";
}
artist.appendChild(img);
let details = document.createElement("details");
let summary = document.createElement("summary");
summary.textContent = name;
details.appendChild(summary);
details.insertAdjacentHTML("beforeend", blurb);
let socialDiv = document.createElement("div");
socialDiv.className = "social-grid";
for (const key in socials) {
socialDiv.appendChild(makeSocial(key, socials[key]));
}
details.appendChild(socialDiv);
artist.appendChild(details);
return artist;
}
let artistGrid = document.getElementById("artist-grid");
for (let i = 0; i < artists.length; i++) {
artistGrid.appendChild(makeArtist(artists[i]));
}

26
scripts/details.js Normal file
View File

@ -0,0 +1,26 @@
/* For all details, when expanded, expand child details */
let openChildren = (event) => {
details = event.target;
let childDetails = Array.from(details.getElementsByTagName("details"));
if (details.open) {
childDetails.forEach((e) => e.setAttribute("open", "true"));
} else {
childDetails.forEach((e) => e.removeAttribute("open"));
}
};
let details = Array.from(document.getElementsByTagName("details"));
details.forEach((e) => e.addEventListener("toggle", openChildren));
/* Toggle all details */
let openAll = (event) => {
let allDetails = Array.from(document.getElementsByTagName("details"));
if (event.target.open) {
allDetails.forEach((e) => e.setAttribute("open", "true"));
} else {
allDetails.forEach((e) => e.removeAttribute("open"));
}
};
document.getElementById("expand-all").addEventListener("toggle", openAll);

148
scripts/nav.js Normal file
View File

@ -0,0 +1,148 @@
let navbar = document.getElementById("top-nav");
/* theme consts */
const THEME = "theme";
const LIGHT = "light";
const DARK = "dark";
const LIGHT_ICON = '<i class="fa-regular fa-sun" aria-hidden="true"></i>';
const DARK_ICON = '<i class="fa-regular fa-moon" aria-hidden="true"></i>';
/* Light/dark modes */
let body = document.body;
let theme = localStorage.getItem(THEME);
let themeToggle = document.getElementById(THEME);
function setThemeDark() {
body.className = DARK;
themeToggle.innerHTML = LIGHT_ICON;
}
function setThemeLight() {
body.className = LIGHT;
themeToggle.innerHTML = DARK_ICON;
}
function changeTheme(theme) {
if (theme != LIGHT && theme != DARK) {
if (
window.matchMedia &&
window.matchMedia("(prefers-color-scheme: light)").matches
) {
theme = LIGHT;
} else {
theme = DARK;
}
}
switch (theme) {
case LIGHT:
setThemeLight();
break;
case DARK:
setThemeDark();
break;
}
localStorage.setItem(THEME, theme);
}
changeTheme(theme);
function toggleTheme() {
if (theme === LIGHT) theme = DARK;
else if (theme === DARK) theme = LIGHT;
changeTheme(theme);
}
themeToggle.addEventListener("click", toggleTheme);
/* menu orientation consts */
const ALIGN = "alignment";
const LEFT = "left";
const RIGHT = "right";
const LEFT_ICON = '<i class="fa-regular fa-hand-point-left"></i>';
const RIGHT_ICON = '<i class="fa-regular fa-hand-point-right"></i>';
/* Menu alignment - right or left handed */
let align = localStorage.getItem(ALIGN);
let alignToggle = document.getElementById(ALIGN);
function setAlignLeft() {
alignToggle.innerHTML = RIGHT_ICON;
navbar.style.justifyContent = "flex-start";
navbar.prepend(themeToggle);
navbar.append(alignToggle);
}
function setAlignRight() {
alignToggle.innerHTML = LEFT_ICON;
navbar.style.justifyContent = "flex-end";
navbar.prepend(alignToggle);
navbar.append(themeToggle);
}
function changeAlign(align) {
switch (align) {
case LEFT:
setAlignLeft();
break;
case null:
align = RIGHT;
case RIGHT:
setAlignRight();
break;
}
localStorage.setItem(ALIGN, align);
}
changeAlign(align);
function toggleAlign() {
if (align === LEFT) align = RIGHT;
else if (align === RIGHT) align = LEFT;
changeAlign(align);
}
alignToggle.addEventListener("click", toggleAlign);
/* Populate the footer so I don't have to keep copy pasting */
let footerHTML = `
<p>
Created by <a href="https://leecat.art">Lee Cattarin</a> with help from
</p>
<ul>
<li>
<a href="https://linktr.ee/lenny_wonders">Lenny Wondra</a> (CSS and
accessibility)
</li>
<li><a href="https://jaygrant.dev">Mx. Jay Grant</a> (web design)</li>
<li>
<a href="https://github.com/Joll59">Yomi Lajide</a> (responsive
design)
</li>
<li>
<a href="https://kolektiva.social/@LinsCollective">Lins&</a> (planning
and support)
</li>
<li>
<a href="https://socialgaff.whirling.top">Liam Woodard</a> (site
testing)
</li>
<li>and all our wonderful <a href="/artists">artists</a></li>
</ul>
<p>
Got site feedback?
<a href="mailto:lee.cattarin@gmail.com?subject=rTR feedback"
>Reach out!</a
>
</p>
`;
function populateFooter() {
let footer = document.getElementById("footer");
footer.innerHTML = footerHTML;
}
populateFooter();

123
signup/index.html Normal file
View File

@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="https://glitch.com/favicon.ico" />
<title>Rescue Trans Rescue</title>
<!-- The website stylesheet -->
<link rel="stylesheet" href="styles/main.css" />
<link rel="stylesheet" href="styles/iframe.css" />
<!-- The website JavaScript file -->
<script src="scripts/nav.js" defer></script>
<!-- Font Awesome -->
<script
src="https://kit.fontawesome.com/884dded219.js"
crossorigin="anonymous"
></script>
<link
rel="canonical"
href="https://rescue-trans-rescue.glitch.me/signup.html"
/>
<meta
name="description"
content="Sign-up page for the #rescueTransRescue fundraising project."
/>
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Rescue Trans Rescue: Home" />
<meta property="og:type" content="article" />
<meta
property="og:url"
content="https://rescue-trans-rescue.glitch.me/signup.html"
/>
<meta
property="og:description"
content="Sign-up page for the #rescueTransRescue fundraising project."
/>
<meta
property="og:image"
content="https://i0.wp.com/transrescue.org/wp-content/uploads/2022/03/logoonblk200.png"
/>
<meta name="twitter:card" content="summary" />
</head>
<body>
<div class="wrapper">
<nav id="top-nav">
<a class="nav-item" href="/">home</a>
<a class="nav-item" href="/artists">artists</a>
<button
class="nav-item"
id="alignment"
title="toggle left/right navbar alignment"
></button>
<button
class="nav-item"
id="theme"
title="toggle light/dark mode"
></button>
</nav>
<div class="wip">
<p>
This site is a <b>work in progress!</b> If you experience issues,
please try waiting a minute and re-loading before reaching out with
questions.
</p>
</div>
<div class="content" role="main">
<h1 class="title">Sign Up!</h1>
<div class="iframe-flex">
<div class="iframe">
<h2>Supporters</h2>
<iframe
class="airtable-embed"
src="https://airtable.com/embed/appeKmyKmEREG3ZW0/pagLxKX87WukRTTkp/form"
frameborder="0"
onmousewheel=""
width="100%"
height="533"
style="background: transparent; border: 1px solid #ccc"
></iframe>
<p>
Form embed not working?
<a
href="https://airtable.com/appeKmyKmEREG3ZW0/pagLxKX87WukRTTkp/form"
>Open in browser</a
>
</p>
</div>
<div class="iframe">
<h2>Artists</h2>
<iframe
class="airtable-embed"
src="https://airtable.com/embed/appeKmyKmEREG3ZW0/pagjfUlwXiZCG7XmA/form"
frameborder="0"
onmousewheel=""
width="100%"
height="533"
style="background: transparent; border: 1px solid #ccc"
></iframe>
<p>
Form embed not working?
<a
href="https://airtable.com/appeKmyKmEREG3ZW0/pagjfUlwXiZCG7XmA/form"
>Open in browser</a
>
</p>
</div>
</div>
</div>
</div>
</body>
<!-- Contents auto-generated by nav.js -->
<footer id="footer"></footer>
</html>

81
styles/artists.css Normal file
View File

@ -0,0 +1,81 @@
/***************/
/* Artist page */
/***************/
.artist-grid {
display: flex;
flex-flow: row wrap;
gap: 5%;
min-height: var(--wrapper-height);
}
.artist {
flex: 0 0 100%;
}
@media (min-width: 450px) {
.artist {
flex: 0 0 47.5%;
}
}
@media (min-width: 750px) {
.artist {
flex: 0 0 30%;
}
}
@media (min-width: 1050px) {
.artist {
flex: 0 0 21.25%;
}
}
@media (min-width: 1550px) {
.artist {
flex: 0 0 16%;
}
}
.artist img {
display: block;
max-width: 100%;
max-height: (--var-image-max-width);
margin: var(--image-margin) auto 0;
border: solid var(--color-bg);
border-radius: 10% 10% 0% 0%;
}
.social-grid {
display: flex;
justify-content: space-evenly;
}
.social {
border-radius: 1rem;
}
@media (hover: hover) {
.social:hover {
background: var(--color-accent);
}
}
.social a {
font-size: 1.5rem;
}
@media (hover: hover) {
.social:hover a {
color: var(--color-bg);
}
}
.social i {
padding: 0.5rem;
border-radius: 1rem;
}
.social a:after {
content: none;
}

26
styles/details.css Normal file
View File

@ -0,0 +1,26 @@
/***********/
/* Details */
/***********/
details {
margin-bottom: 0.1rem;
}
details summary {
color: var(--color-bg);
background-color: var(--color-primary);
font-size: 1.25rem;
font-weight: bold;
padding: 0.5rem;
border: solid var(--color-bg);
cursor: pointer;
}
#expand-all summary {
background-color: var(--color-accent);
}
details p,
details details {
padding: 0 0.75rem;
}

13
styles/iframe.css Normal file
View File

@ -0,0 +1,13 @@
/* Iframes on signup page */
.iframe-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.iframe {
margin-top: 4rem;
flex: 0 0 100%;
max-width: 750px;
}

224
styles/main.css Normal file
View File

@ -0,0 +1,224 @@
/* Our default values set as CSS variables */
:root {
--color-bg: #2e303e;
--color-text-main: #ebeeef;
--color-primary: #25b0bc;
--color-accent: #ee9fcb;
--color-warn: #fccf08;
--wrapper-height: 87vh;
--image-max-width: 300px;
--image-margin: 3rem;
--font-family: "HK Grotesk";
--font-family-header: "HK Grotesk";
}
/* Light/dark modes */
.light {
--color-bg: #ebeeef;
--color-text-main: #2e303e;
--color-primary: #18737b;
--color-accent: #94195d;
}
.dark {
--color-bg: #2e303e;
--color-text-main: #ebeeef;
--color-primary: #25b0bc;
--color-accent: #ee9fcb;
}
/* Basic page style resets */
* {
box-sizing: border-box;
}
[hidden] {
display: none !important;
}
/* Import fonts */
@font-face {
font-family: HK Grotesk;
src: url("https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Regular.otf?v=1603136326027")
format("opentype");
}
@font-face {
font-family: HK Grotesk;
font-weight: bold;
src: url("https://cdn.glitch.me/605e2a51-d45f-4d87-a285-9410ad350515%2FHKGrotesk-Bold.otf?v=1603136323437")
format("opentype");
}
/*********/
/* Links */
/*********/
a:link,
a:visited {
font-family: var(--font-family);
font-size: 1.1rem;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
a:after {
content: " \1f517";
font-size: 1rem;
}
.dead-link:after {
content: " \274c";
font-size: 1rem;
}
/***********/
/* Top nav */
/***********/
#top-nav {
position: sticky;
top: 0px;
width: 100%;
display: flex;
align-items: stretch;
background: var(--color-bg);
border-bottom: 4px solid var(--color-accent);
}
#top-nav a:after {
content: none;
}
.nav-item {
margin: 1rem 0.5rem;
padding: 0 0.5rem;
background: var(--color-bg);
border: solid var(--color-primary);
border-radius: 1rem;
color: var(--color-primary);
font-size: 1.1rem;
}
@media (hover: hover) {
.nav-item:hover {
background: var(--color-primary);
color: var(--color-bg);
}
}
/* Remove the handedness toggle on narrow screens */
@media (max-width: 450px) {
#alignment {
display: none;
}
}
/**********/
/* Footer */
/**********/
#footer {
display: flex;
justify-content: space-between;
margin: 1rem auto 0;
padding: 0 1rem 0.75rem 1rem;
width: 100%;
flex-wrap: wrap;
}
#footer a:visited,
#footer a:link {
color: var(--color-primary);
text-decoration: none;
border-style: none;
}
@media (hover: hover) {
#footer a:hover {
background: var(--color-primary);
color: var(--color-bg);
}
}
/********/
/* Body */
/********/
body {
font-family: var(--font-family);
background-color: var(--color-bg);
color: var(--color-text-main);
}
/* WIP banner */
.wip {
background-color: var(--color-primary);
color: var(--color-bg);
font-family: var(--font-family);
padding: 0.05rem 1rem;
width: 100%;
border: solid var(--color-warn);
margin-top: 1rem;
}
/* Page structure */
.wrapper {
min-height: var(--wrapper-height);
display: grid;
place-items: center;
margin: 0 1rem;
}
.content {
display: block;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 1rem;
padding-bottom: 1rem;
border-bottom: 4px solid var(--color-accent);
width: 100%;
}
h1 {
text-align: center;
}
.content a:link,
.content a:visited {
color: var(--color-accent);
}
@media (hover: hover) {
.content a:hover {
background: var(--color-accent);
color: var(--color-bg);
}
}
/* Very light scaling for our title */
.title {
color: var(--color-accent);
font-family: var(--font-family);
font-style: normal;
font-weight: bold;
font-size: 6rem;
line-height: 105%;
margin: 0;
}
/* Very light scaling for our illustration */
.illustration {
display: block;
max-width: 100%;
max-height: var(--image-max-width);
margin: var(--image-margin) auto;
}
/* Subheadings */
h2,
h3,
h4 {
color: var(--color-primary);
font-size: 2rem;
}