Monorepo for Aesthetic.Computer
aesthetic.computer
sosoft: pokémon layout + fresh screenshots + safety margin guide
Square $roz art above syntax-highlighted source, faded full-bleed
background, red safety margin guide (144px/0.22in from edge),
fresh oven-baked screenshots, 1794×2994 PNG export.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+56
-66
sosoft/card.pdf
sosoft/card.pdf
This is a binary file and will not be displayed.
sosoft/card.png
sosoft/card.png
This is a binary file and will not be displayed.
+56
-66
sosoft/card.tex
+56
-66
sosoft/card.tex
···
9
9
\usepackage[
10
10
paperwidth=2.75in,
11
11
paperheight=4.75in,
12
-
top=0.375in,
13
-
bottom=0.375in,
14
-
left=0.35in,
15
-
right=0.35in,
12
+
top=0.3in,
13
+
bottom=0.3in,
14
+
left=0.3in,
15
+
right=0.3in,
16
16
]{geometry}
17
17
\usepackage{fontspec}
18
18
\usepackage{xcolor}
···
34
34
]
35
35
\setmonofont{Nimbus Mono PS}
36
36
37
-
% === KidLisp light-mode palette (from LIGHT_MODE_COLOR_MAP) ===
37
+
% === KidLisp light-mode palette ===
38
38
\definecolor{ink}{RGB}{0,0,0}
39
39
\definecolor{faint}{RGB}{140,140,140}
40
-
\definecolor{klfn}{HTML}{0099cc} % functions: cyan (light mode)
41
-
\definecolor{klform}{HTML}{cc00cc} % special forms: magenta (light mode)
42
-
\definecolor{klnum}{HTML}{cc0066} % numbers: pink (light mode)
43
-
\definecolor{klident}{HTML}{cc6600} % identifiers: orange (light mode)
44
-
\definecolor{klgreen}{HTML}{2e8b57} % fade/mediumseagreen (light mode)
45
-
\definecolor{klmath}{HTML}{00aa00} % math ops: lime (light mode)
46
-
\definecolor{klcmt}{HTML}{666666} % comments: gray (light mode)
47
-
% Paren rainbow (depth 0-7)
48
-
\definecolor{p0}{RGB}{255,100,100} % red-ish
49
-
\definecolor{p1}{RGB}{255,180,100} % orange-ish
50
-
\definecolor{p2}{RGB}{255,255,100} % yellow-ish
51
-
\definecolor{p3}{RGB}{100,255,100} % green-ish
52
-
\definecolor{p4}{RGB}{100,200,255} % cyan-ish
53
-
\definecolor{p5}{RGB}{150,150,255} % blue-ish
54
-
\definecolor{p6}{RGB}{200,100,255} % purple-ish
55
-
% CSS color names used in $roz (their actual values)
40
+
\definecolor{klfn}{HTML}{0099cc}
41
+
\definecolor{klform}{HTML}{cc00cc}
42
+
\definecolor{klnum}{HTML}{cc0066}
43
+
\definecolor{klident}{HTML}{cc6600}
44
+
\definecolor{klgreen}{HTML}{2e8b57}
45
+
\definecolor{klmath}{HTML}{00aa00}
46
+
\definecolor{klcmt}{HTML}{666666}
47
+
\definecolor{p0}{RGB}{255,100,100}
48
+
\definecolor{p1}{RGB}{255,180,100}
49
+
\definecolor{p4}{RGB}{100,200,255}
56
50
\definecolor{klred}{RGB}{255,0,0}
57
51
\definecolor{klblue}{RGB}{0,0,255}
58
52
\definecolor{klblack}{RGB}{0,0,0}
59
-
\definecolor{klcyan}{RGB}{0,200,200} % darkened for white bg
60
-
\definecolor{klyellow}{HTML}{cc9900} % darkened for white bg
53
+
\definecolor{klcyan}{RGB}{0,200,200}
54
+
\definecolor{klyellow}{HTML}{cc9900}
61
55
\definecolor{klmagenta}{RGB}{200,0,200}
62
-
\definecolor{klwhite}{RGB}{180,180,180} % visible on white bg
63
-
% Rainbow per-character colors (from RAINBOW_COLORS)
64
-
\definecolor{rb0}{HTML}{ff0000} % r - red
65
-
\definecolor{rb1}{HTML}{ff7f00} % a - orange
66
-
\definecolor{rb2}{HTML}{ffff00} % i - yellow
67
-
\definecolor{rb3}{HTML}{00ff00} % n - green
68
-
\definecolor{rb4}{HTML}{0000ff} % b - blue
69
-
\definecolor{rb5}{HTML}{4b0082} % o - indigo
70
-
\definecolor{rb6}{HTML}{9400d3} % w - violet
71
-
72
-
% === Manual highlighting (listings can't do KidLisp's semantic coloring) ===
73
-
% We'll use lstlisting with escapechar to manually color tokens
56
+
\definecolor{klwhite}{RGB}{180,180,180}
57
+
\definecolor{rb0}{HTML}{ff0000}
58
+
\definecolor{rb1}{HTML}{ff7f00}
59
+
\definecolor{rb2}{HTML}{ffff00}
60
+
\definecolor{rb3}{HTML}{00ff00}
61
+
\definecolor{rb4}{HTML}{0000ff}
62
+
\definecolor{rb5}{HTML}{4b0082}
63
+
\definecolor{rb6}{HTML}{9400d3}
74
64
75
65
\lstdefinestyle{kidlisp-card}{
76
66
basicstyle=\ttfamily\fontsize{6.5pt}{11.5pt}\selectfont\color{ink},
···
85
75
escapechar=|,
86
76
}
87
77
88
-
% Shorthand macros for coloring
78
+
% Shorthand macros
89
79
\newcommand{\fn}[1]{{\color{klfn}\textbf{#1}}}
90
80
\newcommand{\xf}[1]{{\color{klfn}#1}}
91
81
\newcommand{\nm}[1]{{\color{klnum}#1}}
···
93
83
\newcommand{\cn}[2]{{\color{#1}#2}}
94
84
\newcommand{\pr}[2]{{\color{#1}#2}}
95
85
96
-
\begin{document}
97
-
98
-
% ============================================================
99
-
% FRONT — The Score
100
-
% ============================================================
101
-
102
-
\begin{tikzpicture}[remember picture, overlay]
103
-
% $roz screenshot as full-bleed background (faded)
104
-
\node[anchor=center, inner sep=0pt, opacity=0.15]
105
-
at (current page.center)
106
-
{\includegraphics[width=2.75in, height=4.75in]{roz-screenshot.png}};
107
-
% Border frame
108
-
\draw[ink, line width=0.4pt]
109
-
([xshift=0.15in, yshift=-0.15in]current page.north west)
110
-
rectangle
111
-
([xshift=-0.15in, yshift=0.15in]current page.south east);
112
-
\end{tikzpicture}
113
-
114
-
\vspace*{\fill}
115
-
116
-
% Shadow macro with inverse color: #1=shadow color, #2=content
117
-
% Shadow is offset 0.35pt down-right in the specified shadow color at 30% opacity
86
+
% Shadow macro with inverse color
118
87
\newcommand{\sh}[2]{%
119
88
\setbox0=\hbox{#2}%
120
89
\rlap{\raisebox{-0.35pt}{\hspace{0.35pt}{\color{#1!30}\copy0}}}%
121
90
\box0%
122
91
}
123
-
% Per-character rainbow word macro
92
+
% Per-character rainbow
124
93
\newcommand{\rbow}{%
125
94
\sh{rb4}{\color{rb0}r}%
126
95
\sh{rb5}{\color{rb1}a}%
···
131
100
\sh{rb3}{\color{rb6}w}%
132
101
}
133
102
103
+
\begin{document}
104
+
105
+
% === Full-bleed faded background ===
106
+
\begin{tikzpicture}[remember picture, overlay]
107
+
\node[anchor=center, inner sep=0pt, opacity=0.25]
108
+
at (current page.center)
109
+
{\includegraphics[width=2.8in, height=4.8in]{roz-bg.png}};
110
+
% Safety margin guide (144px from edge at 652 DPI = 0.22in)
111
+
\draw[red, line width=0.3pt, opacity=0.4]
112
+
([xshift=0.22in, yshift=-0.22in]current page.north west)
113
+
rectangle
114
+
([xshift=-0.22in, yshift=0.22in]current page.south east);
115
+
\end{tikzpicture}
116
+
117
+
\vspace*{0.1in}
118
+
119
+
% === Small square $roz screenshot above the code ===
120
+
\begin{center}
121
+
\includegraphics[width=1.2in, height=1.2in]{roz-screenshot.png}
122
+
\end{center}
123
+
124
+
\vspace{0.15in}
125
+
126
+
% === Source code ===
134
127
\begin{lstlisting}[style=kidlisp-card]
135
128
|\sh{klred}{\cn{klgreen}{fade}}|:|\sh{klcyan}{\cn{klred}{red}}|-|\sh{klyellow}{\cn{klblue}{blue}}|-|\sh{klwhite}{\cn{klblack}{black}}|-|\sh{klyellow}{\cn{klblue}{blue}}|-|\sh{klcyan}{\cn{klred}{red}}|
136
129
|\sh{klnum}{\fn{ink}}| |\sh{p4}{\pr{p0}{(}}||\sh{klnum}{\fn{?}}| |\rbow| |\sh{ink}{\cn{klwhite}{white}}| |\sh{klfn}{\nm{0}}||\sh{p4}{\pr{p0}{)}}| |\sh{p4}{\pr{p0}{(}}||\sh{klfn}{\nm{1s}}|... |\sh{klfn}{\nm{24}}| |\sh{klfn}{\nm{64}}||\sh{p4}{\pr{p0}{)}}|
···
144
137
145
138
\vspace*{\fill}
146
139
147
-
% QR code + label in bottom-right corner (KidLisp style)
140
+
% === QR code + label in bottom-right corner ===
148
141
\begin{tikzpicture}[remember picture, overlay]
149
-
% $roz label (white on black, minimal padding, just above QR)
150
142
\node[anchor=south east, inner sep=0pt]
151
-
at ([xshift=-0.2in, yshift=0.7in]current page.south east)
143
+
at ([xshift=-0.3in, yshift=0.8in]current page.south east)
152
144
{\colorbox{black}{%
153
145
\rule[-1pt]{0pt}{6.5pt}%
154
146
\kern-1pt{\ttfamily\fontsize{7.5pt}{7.5pt}\selectfont\color{white}\$roz}\kern-0.5pt%
155
147
}};
156
-
% Gray offset hard shadow (2pt down-right only)
157
148
\node[anchor=south east, inner sep=1pt, fill=black!60]
158
-
at ([xshift=-0.18in, yshift=0.18in]current page.south east)
149
+
at ([xshift=-0.28in, yshift=0.28in]current page.south east)
159
150
{\rule{0.48in}{0.48in}};
160
-
% White QR container flush with bottom-right corner
161
151
\node[anchor=south east, inner sep=1pt, fill=white]
162
-
at ([xshift=-0.2in, yshift=0.2in]current page.south east)
152
+
at ([xshift=-0.3in, yshift=0.3in]current page.south east)
163
153
{\includegraphics[width=0.48in]{qr-roz.eps}};
164
154
\end{tikzpicture}
165
155
sosoft/roz-bg.png
sosoft/roz-bg.png
This is a binary file and will not be displayed.
sosoft/roz-screenshot.png
sosoft/roz-screenshot.png
This is a binary file and will not be displayed.