I get told to shut up a lot by my friend. This is the microsite that documents this in detail.
shutup.jp
postcards
microsite
Add two new cards!
+17
-3
+4
Taskfile.yml
+4
Taskfile.yml
···
7
7
8
8
tasks:
9
9
build:
10
+
desc: Builds the site from constituent parts
10
11
cmds:
11
12
- go run .
12
13
serve:
14
+
desc: Serves the site locally (with no auto-updating)
13
15
cmds:
14
16
- serve -n dist/
15
17
dev:
18
+
desc: Allows for local development, rerunning `task build` when changes are spotted
16
19
cmds:
17
20
- task serve & find {*.tmpl,static,*.go} -type f | entr -cc task build
18
21
postcards:
22
+
desc: Pulls postcards from `ORIGINAL_POSTCARDS` (as specified in `.env`)
19
23
cmds:
20
24
- for y in "${ORIGINAL_POSTCARDS}"/*.yaml; do postcards compile --outdir ./postcards --web --override "$y"; done
+1
postcards/isle-of-man.json
+1
postcards/isle-of-man.json
···
1
+
{"locale":"en-GB","location":{"name":"Isle of Man"},"flip":"book","sentOn":"???","sender":{"name":"??? — not Claire!"},"recipient":{"name":"JP"},"front":{},"back":{"transcription":"\u003cspan lang=\"fr-IM\"\u003eTa gueule JP\u003c/span\u003e\nor, as they\nwould say\nover here\n\u003cspan lang=\"gv-IM\"\u003eDùn do chab, JP\u003c/span\u003e\n\nI had to go to a country entirely devoid of penis-themed postcards for your birthday but they got more trains than towns.\n","secrets":[[[0.5675949367,0.5226950355],[0.9144303797000001,0.5226950355],[0.9144303797000001,0.7744680851],[0.5675949367,0.7744680851]]]},"frontSize":{"cmW":"1975/128","cmH":"705/32","pxW":1975,"pxH":1410},"context":{"author":{"name":""},"description":""}}
postcards/isle-of-man.webp
postcards/isle-of-man.webp
This is a binary file and will not be displayed.
+1
postcards/japan.json
+1
postcards/japan.json
···
1
+
{"locale":"en-GB","location":{"name":"Japan","lat":35.71,"long":139.71},"flip":"left-hand","sentOn":"2024-04-15","sender":{"name":"Claire","uri":"https://www.instagram.com/claire.durrant88/"},"recipient":{"name":"JP"},"front":{"description":"From \"To Love Ru\" manga: In a flowering meadow, under a blue sky, a gently smiling large chested anime woman (with pink hair and a gold necklace, crown, and heart-shaped staff) stands back to back with a cross-armed charcter in a blue cape facing away from us.\n"},"back":{"transcription":"\u003cspan lang=\"ja-JA\"\u003e黙って、JP！\u003c/span\u003e","secrets":[[[0.6200335758,0.4601844091],[0.9054280916999999,0.4601844091],[0.9054280916999999,0.6777032691],[0.6200335758,0.6777032691]]]},"frontSize":{"cmW":"39750/3937","cmH":"119100/3937","pxW":2385,"pxH":3573},"context":{"author":{"name":""},"description":""}}
postcards/japan.webp
postcards/japan.webp
This is a binary file and will not be displayed.
+1
postcards/korea-butt.json
+1
postcards/korea-butt.json
···
1
+
{"locale":"en-GB","location":{"name":"South Korea","lat":37.54,"long":126.99},"flip":"right-hand","sentOn":"2024-04-23","sender":{"name":"Claire","uri":"https://www.instagram.com/claire.durrant88/"},"recipient":{"name":"JP"},"front":{"description":"A smiling, orange illustrated person falling over, with their butt in the air, papers flying overhead, possibly flipping the bird at us. Korean text below seems to read \"I don't want to work, dance\".\n"},"back":{"transcription":"\u003cspan lang=\"ko-KR\"\u003e입다물어, JP\u003c/span\u003e","secrets":[[[0.5683106576,0.6098579783],[0.8557256235999999,0.6098579783],[0.8557256235999999,0.7522974102],[0.5683106576,0.7522974102]]]},"frontSize":{"cmW":"119650/11811","cmH":"352700/11811","pxW":2393,"pxH":3527},"context":{"author":{"name":""},"description":""}}
postcards/korea-butt.webp
postcards/korea-butt.webp
This is a binary file and will not be displayed.
+10
-3
static/shutup.css
+10
-3
static/shutup.css
···
25
25
color: var(--text-color);
26
26
}
27
27
28
-
html,body {
28
+
html {
29
29
margin: 0;
30
30
padding: 0;
31
31
font-family: Verdana, Geneva, Tahoma, sans-serif;
32
+
width: 100%;
33
+
max-width: 100%;
32
34
scroll-snap-type: y mandatory;
33
35
scroll-padding: 0;
34
36
overflow-x: hidden;
35
-
-webkit-overflow-scrolling: touch;
36
-
width: 100vw;
37
+
/* -webkit-overflow-scrolling: touch; */
37
38
}
38
39
39
40
body {
41
+
margin: 0;
42
+
padding: 0;
43
+
width: 100%;
44
+
max-width: 100%;
40
45
background-color: var(--back-color);
41
46
color: var(--text-color);
42
47
background-image: var(--bg);
43
48
background-repeat: repeat;
44
49
background-attachment: fixed;
50
+
overflow-x: hidden;
51
+
/* -webkit-overflow-scrolling: touch; */
45
52
}
46
53
47
54
h1 {