https://www.mattlag.com/content.js

1const homepageContent = [
2	// TYPE DESIGN
3	{
4		img: 'glyphr_studio',
5		title: 'Glyphr Studio',
6		subtitle: 'The free, web-based font design tool for hobbyists.',
7		link: 'https://www.glyphrstudio.com',
8		category: 'typeface design',
9		size: 'medium',
10	},
11	{
12		img: 'unicode_ninja',
13		title: 'Unicode Ninja',
14		subtitle: 'A tool to help explore Unicode characters.',
15		link: 'https://unicode.ninja',
16		category: 'typeface design',
17		size: 'medium',
18	},
19	{
20		img: 'github',
21		title: 'TTX WASM',
22		subtitle: 'Convert fonts to xml and back, in the browser.',
23		link: 'https://github.com/mattlag/ttx-wasm',
24		category: 'typeface design',
25		size: 'medium',
26	},
27	{
28		img: 'github',
29		title: 'SVG to Bézier',
30		subtitle: 'Convert SVG paths to Bezier curves.',
31		link: 'https://github.com/mattlag/SVG-to-Bezier',
32		category: 'typeface design',
33		size: 'medium',
34	},
35	{
36		img: 'california_gothic',
37		title: 'California Gothic',
38		subtitle:
39			'A typeface based on the letters found on the flag of California.',
40		link: '/californiagothic/',
41		category: 'typeface design',
42		size: 'medium',
43	},
44	{
45		img: 'onlyserifs',
46		title: 'XKCD OnlySerifs',
47		subtitle: 'I turned the XKCD joke into a usable typeface.',
48		link: '/onlyserifs/',
49		category: 'typeface design',
50		size: 'medium',
51	},
52	{
53		img: 'bitfonts',
54		title: 'Bitfonts',
55		subtitle: 'An exploration into how small pixel letters can be.',
56		link: '/bitfonts/',
57		category: 'typeface design',
58		size: 'medium',
59	},
60
61	// COLOR
62	{
63		img: 'luma_picker',
64		title: 'Luma Picker',
65		subtitle:
66			'A color picker that uses a Voronoi diagram to show the sRGB color space.',
67		link: '/lumapicker/',
68		category: 'color',
69		size: 'medium',
70	},
71	{
72		img: 'hslab',
73		title: 'hsLab Color Chooser',
74		subtitle: 'A color picker combining HSL and LaB color spaces.',
75		link: '/hslab/',
76		category: 'color',
77		size: 'medium',
78	},
79	{
80		img: 'colorcharts',
81		title: 'Color Charts',
82		subtitle: "A collection of all the color charts I've made over the years.",
83		link: '/colorcharts/',
84		category: 'color',
85		size: 'medium',
86	},
87	{
88		img: 'tricell',
89		title: 'TriCell',
90		subtitle:
91			'A digital image art tool that uses hierarchical triangular pixels.',
92		link: '/tricell/',
93		category: 'color',
94		size: 'medium',
95	},
96
97	// WEB
98	{
99		img: 'github',
100		title: 'GitHub',
101		subtitle: 'A lot of stuff ends up on my GitHub.',
102		link: 'https://github.com/mattlag',
103		category: 'web',
104		size: 'medium',
105	},
106	{
107		img: 'xml_tagger',
108		title: 'XML Tagger',
109		subtitle: 'Easily edit XML files on the web - save as XML or JSON.',
110		link: '/xmltagger/',
111		category: 'web',
112		size: 'medium',
113	},
114	{
115		img: 'amazing-icon-downloader',
116		title: 'Amazing Icon Downloader',
117		subtitle: 'Download any icon from portal.azure.com',
118		link: 'https://chrome.google.com/webstore/detail/amazing-icon-downloader/kllljifcjfleikiipbkdcgllbllahaob?hl=en',
119		category: 'web',
120		size: 'medium',
121	},
122	{
123		img: 'sudokusolver',
124		title: 'Sudoku Solver',
125		subtitle: 'A tool to solve Sudoku puzzles.',
126		link: '/sudokusolver/',
127		category: 'web',
128		size: 'medium',
129	},
130	{
131		img: 'html5',
132		title: 'Canvas',
133		subtitle: 'Various little projects to see what HTML5 Canvas can do.',
134		link: '/html5/',
135		category: 'web',
136		size: 'small',
137	},
138	{
139		img: 'syntaxalator',
140		title: 'Syntaxalator',
141		subtitle: 'A syntax highlighting library for JavaScript code on the web.',
142		link: '/syntaxalator/',
143		category: 'web',
144		size: 'small',
145	},
146	{
147		img: 'chart5',
148		title: 'Chart 5',
149		subtitle: 'An interactive and customizable chart that shows daily data.',
150		link: '/chart5/',
151		category: 'web',
152		size: 'small',
153	},
154	{
155		img: 'playlist5',
156		title: 'Playlist 5',
157		subtitle: 'A web audio player that includes a playlist of audio files.',
158		link: '/playlist5/',
159		category: 'web',
160		size: 'small',
161	},
162
163	// MUSIC
164	{
165		img: 'thelostcartographers',
166		title: 'The Lost Cartographers',
167		subtitle: 'Two guys in a basement with very little time.',
168		link: '/thelostcartographers/',
169		category: 'music',
170		size: 'medium',
171	},
172	{
173		img: 'fivestarmotels',
174		title: 'The Five Star Motels',
175		subtitle: 'The family band, writing and recording songs.',
176		link: '/thefivestarmotels/',
177		category: 'music',
178		size: 'medium',
179	},
180	{
181		img: 'schmootron',
182		title: 'Schmootron',
183		subtitle: 'A foray into techno music circa 2003.',
184		link: '/schmootron/',
185		category: 'music',
186		size: 'medium',
187	},
188
189	// ARCHIVE
190	{
191		img: 'recipes',
192		title: 'Recipes',
193		subtitle: 'Stuff I like to cook!',
194		link: '/recipes/',
195		category: 'archive',
196		size: 'small',
197	},
198	{
199		img: 'mirrorclock',
200		title: 'Mirror Clock',
201		subtitle:
202			'Make a clock go counterclockwise, so it can be read in a mirror.',
203		link: '/mirrorclock/',
204		category: 'archive',
205		size: 'small',
206	},
207	{
208		img: 'listo',
209		title: 'Listo!',
210		subtitle: 'A PHP-based to-do list.',
211		link: '/listo/',
212		category: 'archive',
213		size: 'small',
214	},
215	// {
216	// 	img: 'charcodes',
217	// 	title: 'Character Codes',
218	// 	subtitle: 'Iterating through Unicode to display all the characters.',
219	// 	link: '/charcodes/',
220	// 	category: 'archive',
221	// 	size: 'small',
222	// },
223	{
224		img: 'africablog',
225		title: 'Kenya Glassblowing',
226		subtitle: 'A travel blog from my time in Africa learning to blow glass.',
227		link: '/africablog/',
228		category: 'archive',
229		size: 'small',
230	},
231	{
232		img: 'diyblog',
233		title: 'DIY Blog',
234		subtitle: 'A collection of interesting stuff from 2004.',
235		link: '/diyblog/',
236		category: 'archive',
237		size: 'small',
238	},
239	{
240		img: 'ctbc',
241		title: 'Circle Three Skateboards',
242		subtitle: 'My short-lived scateboard deck manufacturing company.',
243		link: '/ctbc/',
244		category: 'archive',
245		size: 'small',
246	},
247	{
248		img: 'logos',
249		title: 'Logo Portfolio',
250		subtitle: 'Some graphic design things I made early in my career.',
251		link: '/logo/',
252		category: 'archive',
253		size: 'small',
254	},
255	{
256		img: 'caladder',
257		title: 'Caladder',
258		subtitle: 'A pre-google calendar tool I made for myself.',
259		link: '/caladder/',
260		category: 'archive',
261		size: 'small',
262	},
263];