aesthetic.computer
Monorepo for Aesthetic.Computer
aesthetic.computer
1<html>
2
3<head>
4 <title>Sotce Net - Wrap Test</title>
5 <style>
6 #text {
7 background: yellow;
8 text-align: justify;
9 overflow: hidden;
10 transform-origin: top left;
11 }
12 </style>
13</head>
14
15<body>
16 <div id="text">
17 Shavasana brought this to mind. She does love how memories show themselves out in the supine state. She was too
18 young then and wanted to be so old. She chose him because of his careful images and because of how he wrote to her.
19 Sharp cold and eyes all over. Soon after rapid texting she went to see him. Shorter than he said he would be. Small
20 even. Suspicious seeming. Still went with him to his apartment. Scandi style work from home kawaii decor in there.
21 Saw all the figurines and light wood. Saw his work on display. Saw the photos of his open relationship girlfriend.
22 Striking. Surveyed his cool objects and new money. Sat on the red couch across the room from him. Stared. Slavic
23 like her. Same age as Sean is now. She was interested in eating his food and looking around. Secretly she wanted to
24 become like him too. Sort of dripped out and independent off of art. She wanted to learn how people could be this
25 way. She had never met a man who wasn’t her teacher or her uncle. She wondered if she was smart (special?) enough to
26 talk to him or if he was pretending like she was for sexual aspirations. Sad instant noodles of a vegan variety
27 offered. Slurped them like worms. Something else packaged too that she can’t remember now. Seaweed or cookies. Soon
28 she was nodding off on the couch in the brilliant air conditioning. She felt him touch her hands, arms, shoulders.
29 She would learn later that her body reserved its deepest rest for the company of men. She would learn that sleep
30 came very reverently when she felt guarded by a neurotic seeming someone. She woke up with him fully lying on her,
31 his back crushed into hers. She felt his bird bones digging. Spine to spine. Something was taboo about this,
32 something was incorrect. Suddenly startled, had to get out of there. Stayed too long and had a feeling. Serial
33 killer vibes. Still she felt like she was breaking a promise. She told him she’d come back. She would get
34 comfortable lying like this. She was too young to even have a purse to grab. Slanted gold light on the floor.
35 Stumbling downstairs still stuck in her
36 </div>
37 <script>
38 const text = document.getElementById("text");
39 function layout() {
40 const baseWidth = 500;
41 const goalWidth = window.innerWidth / 2;
42 const scale = goalWidth / baseWidth;
43
44 const ratio = 4 / 5;
45 const height = baseWidth / ratio;
46
47 text.style.width = baseWidth + "px";
48 text.style.height = height + "px";
49 text.style.fontSize = baseWidth * 0.03 + "px";
50 text.style.lineHeight = (baseWidth * 0.03 * 1.6) + "px";
51
52 text.style.transform = "scale(" + scale + ")";
53 }
54 window.addEventListener("resize", layout);
55 layout();
56 </script>
57</body>
58
59</html>
60