aesthetic.computer
Monorepo for Aesthetic.Computer
aesthetic.computer
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<style>
6 @font-face {
7 font-family: 'YWFTProcessing-Regular';
8 src: url('../system/public/type/webfonts/ywft-processing-regular.woff2') format('woff2');
9 font-weight: normal; font-style: normal;
10 }
11 @font-face {
12 font-family: 'YWFTProcessing-Bold';
13 src: url('../system/public/type/webfonts/ywft-processing-bold.woff2') format('woff2');
14 font-weight: normal; font-style: normal;
15 }
16 @font-face {
17 font-family: 'YWFTProcessing-Light';
18 src: url('../system/public/type/webfonts/ywft-processing-light.woff2') format('woff2');
19 font-weight: normal; font-style: normal;
20 }
21 @font-face {
22 font-family: 'Berkeley Mono Variable';
23 src: url('../system/public/type/webfonts/BerkeleyMonoVariable-Regular.woff2') format('woff2');
24 font-weight: normal; font-style: normal;
25 }
26
27 * { margin: 0; padding: 0; box-sizing: border-box; }
28
29 body {
30 width: 1794px;
31 height: 2994px;
32 overflow: hidden;
33 background: #ffffff;
34 }
35
36 .card {
37 width: 1794px;
38 height: 2994px;
39 background: #ffffff;
40 display: flex;
41 flex-direction: column;
42 align-items: center;
43 justify-content: center;
44 padding: 144px;
45 position: relative;
46 }
47
48 .info {
49 text-align: center;
50 }
51
52 .artist-name {
53 font-family: 'YWFTProcessing-Bold', monospace;
54 font-size: 64px;
55 color: #000000;
56 letter-spacing: 0.02em;
57 margin-bottom: 0.6em;
58 }
59
60 .score-title {
61 font-family: 'Berkeley Mono Variable', monospace;
62 font-size: 52px;
63 color: #000000;
64 font-style: italic;
65 margin-bottom: 0.4em;
66 }
67
68 .score-date {
69 font-family: 'Berkeley Mono Variable', monospace;
70 font-size: 40px;
71 color: #000000;
72 margin-bottom: 2em;
73 }
74
75 .url {
76 font-family: 'Berkeley Mono Variable', monospace;
77 font-size: 36px;
78 color: #000000;
79 letter-spacing: 0.02em;
80 }
81</style>
82</head>
83<body>
84<div class="card">
85 <div class="info">
86 <div class="artist-name">Jeffrey Alan Scudder</div>
87 <div class="score-title">prompt</div>
88 <div class="score-date">2026</div>
89 <div class="url">aesthetic.computer</div>
90 </div>
91</div>
92</body>
93</html>