Monorepo for Aesthetic.Computer aesthetic.computer
4
fork

Configure Feed

Select the types of activity you want to include in your feed.

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

This is a binary file and will not be displayed.

sosoft/card.png

This is a binary file and will not be displayed.

+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

This is a binary file and will not be displayed.

sosoft/roz-screenshot.png

This is a binary file and will not be displayed.