Monorepo for Aesthetic.Computer
aesthetic.computer
sosoft: bigger thumbnail, inverse-color shadows, white code backing
Larger $roz screenshot, true inverse-color per-character text shadows
(cyan under red, yellow under blue, etc.), white semi-transparent
ground behind source code, stronger background opacity, fresh grabs.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+51
-22
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.
+51
-22
sosoft/card.tex
+51
-22
sosoft/card.tex
···
61
61
\definecolor{rb4}{HTML}{0000ff}
62
62
\definecolor{rb5}{HTML}{4b0082}
63
63
\definecolor{rb6}{HTML}{9400d3}
64
+
% Inverse colors for shadows (255-r, 255-g, 255-b)
65
+
\definecolor{invfn}{RGB}{255,102,51} % inverse of cyan 0099cc
66
+
\definecolor{invnum}{RGB}{51,255,153} % inverse of pink cc0066
67
+
\definecolor{invident}{RGB}{51,153,255} % inverse of orange cc6600
68
+
\definecolor{invgreen}{RGB}{209,116,168} % inverse of 2e8b57
69
+
\definecolor{invred}{RGB}{0,255,255} % inverse of red
70
+
\definecolor{invblue}{RGB}{255,255,0} % inverse of blue
71
+
\definecolor{invblack}{RGB}{255,255,255} % inverse of black
72
+
\definecolor{invcyan}{RGB}{255,55,55} % inverse of 0,200,200
73
+
\definecolor{invyellow}{RGB}{51,102,255} % inverse of cc9900
74
+
\definecolor{invmagenta}{RGB}{55,255,55} % inverse of 200,0,200
75
+
\definecolor{invwhite}{RGB}{75,75,75} % inverse of 180,180,180
76
+
\definecolor{invp0}{RGB}{0,155,155} % inverse of paren red
77
+
\definecolor{invp1}{RGB}{0,75,155} % inverse of paren orange
64
78
65
79
\lstdefinestyle{kidlisp-card}{
66
80
basicstyle=\ttfamily\fontsize{6.5pt}{11.5pt}\selectfont\color{ink},
···
83
97
\newcommand{\cn}[2]{{\color{#1}#2}}
84
98
\newcommand{\pr}[2]{{\color{#1}#2}}
85
99
86
-
% Shadow macro with inverse color
100
+
% Shadow macro — #1 is the inverse/opposite color, rendered at 50% behind text
87
101
\newcommand{\sh}[2]{%
88
102
\setbox0=\hbox{#2}%
89
-
\rlap{\raisebox{-0.35pt}{\hspace{0.35pt}{\color{#1!30}\copy0}}}%
103
+
\rlap{\raisebox{-0.4pt}{\hspace{0.4pt}{\color{#1!50}\copy0}}}%
90
104
\box0%
91
105
}
92
-
% Per-character rainbow
106
+
% Per-character rainbow (inverse shadow: 255-r, 255-g, 255-b per char)
107
+
% rb0=ff0000→inv 00ffff, rb1=ff7f00→inv 0080ff, rb2=ffff00→inv 0000ff
108
+
% rb3=00ff00→inv ff00ff, rb4=0000ff→inv ffff00, rb5=4b0082→inv b4ff7d, rb6=9400d3→inv 6bff2c
109
+
\definecolor{irb0}{RGB}{0,255,255}
110
+
\definecolor{irb1}{RGB}{0,128,255}
111
+
\definecolor{irb2}{RGB}{0,0,255}
112
+
\definecolor{irb3}{RGB}{255,0,255}
113
+
\definecolor{irb4}{RGB}{255,255,0}
114
+
\definecolor{irb5}{RGB}{180,255,125}
115
+
\definecolor{irb6}{RGB}{107,255,44}
93
116
\newcommand{\rbow}{%
94
-
\sh{rb4}{\color{rb0}r}%
95
-
\sh{rb5}{\color{rb1}a}%
96
-
\sh{rb6}{\color{rb2}i}%
97
-
\sh{rb0}{\color{rb3}n}%
98
-
\sh{rb1}{\color{rb4}b}%
99
-
\sh{rb2}{\color{rb5}o}%
100
-
\sh{rb3}{\color{rb6}w}%
117
+
\sh{irb0}{\color{rb0}r}%
118
+
\sh{irb1}{\color{rb1}a}%
119
+
\sh{irb2}{\color{rb2}i}%
120
+
\sh{irb3}{\color{rb3}n}%
121
+
\sh{irb4}{\color{rb4}b}%
122
+
\sh{irb5}{\color{rb5}o}%
123
+
\sh{irb6}{\color{rb6}w}%
101
124
}
102
125
103
126
\begin{document}
104
127
105
128
% === Full-bleed faded background ===
106
129
\begin{tikzpicture}[remember picture, overlay]
107
-
\node[anchor=center, inner sep=0pt, opacity=0.25]
130
+
\node[anchor=center, inner sep=0pt, opacity=0.35]
108
131
at (current page.center)
109
132
{\includegraphics[width=2.8in, height=4.8in]{roz-bg.png}};
110
133
% Safety margin guide (144px from edge at 652 DPI = 0.22in)
···
118
141
119
142
% === Small square $roz screenshot above the code ===
120
143
\begin{center}
121
-
\includegraphics[width=1.2in, height=1.2in]{roz-screenshot.png}
144
+
\includegraphics[width=1.9in, height=1.9in]{roz-screenshot.png}
122
145
\end{center}
123
146
124
-
\vspace{0.15in}
147
+
\vspace{0.1in}
125
148
126
-
% === Source code ===
149
+
% === Source code with white backing (only behind code area) ===
150
+
\begin{tikzpicture}[remember picture, overlay]
151
+
\fill[white, opacity=0.7, rounded corners=3pt]
152
+
([xshift=0.15in, yshift=-2.95in]current page.north west)
153
+
rectangle
154
+
([xshift=-0.15in, yshift=0.1in]current page.south east);
155
+
\end{tikzpicture}
127
156
\begin{lstlisting}[style=kidlisp-card]
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}}|
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}{)}}|
130
-
|\sh{klnum}{\fn{line}}| |\sh{klnum}{\id{w}}|/|\sh{klfn}{\nm{2}}| |\sh{klfn}{\nm{0}}| |\sh{klnum}{\id{w}}|/|\sh{klfn}{\nm{2}}| |\sh{klnum}{\id{h}}|
131
-
|\sh{p4}{\pr{p0}{(}}||\sh{klnum}{\xf{spin}}| |\sh{p4}{\pr{p1}{(}}||\sh{klfn}{\nm{2s}}|... |\sh{klfn}{\nm{-1.125}}| |\sh{klfn}{\nm{1.125}}||\sh{p4}{\pr{p1}{)}}||\sh{p4}{\pr{p0}{)}}| |\sh{p4}{\pr{p0}{(}}||\sh{klnum}{\xf{zoom}}| |\sh{klfn}{\nm{1.1}}||\sh{p4}{\pr{p0}{)}}|
132
-
|\sh{p4}{\pr{p0}{(}}||\sh{klfn}{\nm{0.5s}}| |\sh{p4}{\pr{p1}{(}}||\sh{klnum}{\xf{contrast}}| |\sh{klfn}{\nm{1.05}}||\sh{p4}{\pr{p1}{)}}||\sh{p4}{\pr{p0}{)}}|
133
-
|\sh{p4}{\pr{p0}{(}}||\sh{klnum}{\xf{scroll}}| |\sh{p4}{\pr{p1}{(}}||\sh{klnum}{\fn{?}}| |\sh{klfn}{\nm{-0.1}}| |\sh{klfn}{\nm{0}}| |\sh{klfn}{\nm{0.1}}||\sh{p4}{\pr{p1}{)}}| |\sh{p4}{\pr{p1}{(}}||\sh{klnum}{\fn{?}}| |\sh{klfn}{\nm{-0.1}}| |\sh{klfn}{\nm{0}}| |\sh{klfn}{\nm{0.1}}||\sh{p4}{\pr{p1}{)}}||\sh{p4}{\pr{p0}{)}}|
134
-
|\sh{klnum}{\fn{ink}}| |\sh{p4}{\pr{p0}{(}}||\sh{klnum}{\fn{?}}| |\sh{klred}{\cn{klcyan}{cyan}}| |\sh{klblue}{\cn{klyellow}{yellow}}| |\sh{klgreen}{\cn{klmagenta}{magenta}}||\sh{p4}{\pr{p0}{)}}| |\sh{klfn}{\nm{8}}|
135
-
|\sh{klnum}{\fn{circle}}| |\sh{klnum}{\id{w}}|/|\sh{klfn}{\nm{2}}| |\sh{klnum}{\id{h}}|/|\sh{klfn}{\nm{2}}| |\sh{p4}{\pr{p0}{(}}||\sh{klnum}{\fn{?}}| |\sh{klfn}{\nm{2}}| |\sh{klfn}{\nm{4}}| |\sh{klfn}{\nm{8}}||\sh{p4}{\pr{p0}{)}}|
157
+
|\sh{invgreen}{\cn{klgreen}{fade}}|:|\sh{invred}{\cn{klred}{red}}|-|\sh{invblue}{\cn{klblue}{blue}}|-|\sh{invblack}{\cn{klblack}{black}}|-|\sh{invblue}{\cn{klblue}{blue}}|-|\sh{invred}{\cn{klred}{red}}|
158
+
|\sh{invfn}{\fn{ink}}| |\sh{invp0}{\pr{p0}{(}}||\sh{invfn}{\fn{?}}| |\rbow| |\sh{invwhite}{\cn{klwhite}{white}}| |\sh{invnum}{\nm{0}}||\sh{invp0}{\pr{p0}{)}}| |\sh{invp0}{\pr{p0}{(}}||\sh{invnum}{\nm{1s}}|... |\sh{invnum}{\nm{24}}| |\sh{invnum}{\nm{64}}||\sh{invp0}{\pr{p0}{)}}|
159
+
|\sh{invfn}{\fn{line}}| |\sh{invident}{\id{w}}|/|\sh{invnum}{\nm{2}}| |\sh{invnum}{\nm{0}}| |\sh{invident}{\id{w}}|/|\sh{invnum}{\nm{2}}| |\sh{invident}{\id{h}}|
160
+
|\sh{invp0}{\pr{p0}{(}}||\sh{invfn}{\xf{spin}}| |\sh{invp1}{\pr{p1}{(}}||\sh{invnum}{\nm{2s}}|... |\sh{invnum}{\nm{-1.125}}| |\sh{invnum}{\nm{1.125}}||\sh{invp1}{\pr{p1}{)}}||\sh{invp0}{\pr{p0}{)}}| |\sh{invp0}{\pr{p0}{(}}||\sh{invfn}{\xf{zoom}}| |\sh{invnum}{\nm{1.1}}||\sh{invp0}{\pr{p0}{)}}|
161
+
|\sh{invp0}{\pr{p0}{(}}||\sh{invnum}{\nm{0.5s}}| |\sh{invp1}{\pr{p1}{(}}||\sh{invfn}{\xf{contrast}}| |\sh{invnum}{\nm{1.05}}||\sh{invp1}{\pr{p1}{)}}||\sh{invp0}{\pr{p0}{)}}|
162
+
|\sh{invp0}{\pr{p0}{(}}||\sh{invfn}{\xf{scroll}}| |\sh{invp1}{\pr{p1}{(}}||\sh{invfn}{\fn{?}}| |\sh{invnum}{\nm{-0.1}}| |\sh{invnum}{\nm{0}}| |\sh{invnum}{\nm{0.1}}||\sh{invp1}{\pr{p1}{)}}| |\sh{invp1}{\pr{p1}{(}}||\sh{invfn}{\fn{?}}| |\sh{invnum}{\nm{-0.1}}| |\sh{invnum}{\nm{0}}| |\sh{invnum}{\nm{0.1}}||\sh{invp1}{\pr{p1}{)}}||\sh{invp0}{\pr{p0}{)}}|
163
+
|\sh{invfn}{\fn{ink}}| |\sh{invp0}{\pr{p0}{(}}||\sh{invfn}{\fn{?}}| |\sh{invcyan}{\cn{klcyan}{cyan}}| |\sh{invyellow}{\cn{klyellow}{yellow}}| |\sh{invmagenta}{\cn{klmagenta}{magenta}}||\sh{invp0}{\pr{p0}{)}}| |\sh{invnum}{\nm{8}}|
164
+
|\sh{invfn}{\fn{circle}}| |\sh{invident}{\id{w}}|/|\sh{invnum}{\nm{2}}| |\sh{invident}{\id{h}}|/|\sh{invnum}{\nm{2}}| |\sh{invp0}{\pr{p0}{(}}||\sh{invfn}{\fn{?}}| |\sh{invnum}{\nm{2}}| |\sh{invnum}{\nm{4}}| |\sh{invnum}{\nm{8}}||\sh{invp0}{\pr{p0}{)}}|
136
165
\end{lstlisting}
137
166
138
167
\vspace*{\fill}