|
85 | 85 | </script> |
86 | 86 |
|
87 | 87 | <header> |
88 | | - <a href="/index"><picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fm.svg&width=1000&format=webp&via=transform 1000w"><img class="logo" src="/.11ty/image/?src=images%2Fm.svg&width=1000&format=jpeg&via=transform" alt="HOME" width="1000" height="1000"></picture></a> |
| 88 | + <a href="/index"><picture><source type="image/webp" srcset="/img/wFNTedeVhW-1000.webp 1000w"><img class="logo" src="/img/wFNTedeVhW-1000.jpeg" alt="HOME" width="1000" height="1000"></picture></a> |
89 | 89 | <div class="bars" onclick="mobileMenu()"> |
90 | 90 | <i class="fas fa-bars"></i> |
91 | 91 | </div> |
@@ -128,104 +128,104 @@ <h6>All the projects I've worked on over the years that are now available as fre |
128 | 128 |
|
129 | 129 | <div class="cardContainer"> |
130 | 130 | <div class="card" data-category="App / Web App"> |
131 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=https%3A%2F%2Fwonder8.app%2Fsrc%2Fimg%2FopenGraph.jpg&width=1280&format=webp&via=transform 1280w"><img src="/.11ty/image/?src=https%3A%2F%2Fwonder8.app%2Fsrc%2Fimg%2FopenGraph.jpg&width=1280&format=jpeg&via=transform" alt="hero image" width="1280" height="720"></picture> |
| 131 | + <picture><source type="image/webp" srcset="/downloads/NxL9844_K_-1280.webp 1280w"><img src="/downloads/NxL9844_K_-1280.jpeg" alt="hero image" width="1280" height="720"></picture> |
132 | 132 | <h2 class="essays">Wonder 8</h2> |
133 | 133 | <a href="https://wonder8.app" target="_blank"><button>View Site <i class="fa-solid fa-sitemap"></i></button></a> |
134 | 134 | </div> |
135 | 135 | <div class="card" data-category="App / Web App"> |
136 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=https%3A%2F%2Fraw.githubusercontent.com%2Fmakccr%2Fvim2tor%2Frefs%2Fheads%2Fmain%2Fsrc%2Fasci.jpg&width=1280&format=webp&via=transform 1280w"><img src="/.11ty/image/?src=https%3A%2F%2Fraw.githubusercontent.com%2Fmakccr%2Fvim2tor%2Frefs%2Fheads%2Fmain%2Fsrc%2Fasci.jpg&width=1280&format=jpeg&via=transform" alt="hero image" width="1280" height="720"></picture> |
| 136 | + <picture><source type="image/webp" srcset="/downloads/UNTUGGd_Zh-1280.webp 1280w"><img src="/downloads/UNTUGGd_Zh-1280.jpeg" alt="hero image" width="1280" height="720"></picture> |
137 | 137 | <h2 class="essays">vim2tor</h2> |
138 | 138 | <a href="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/makccr/vim2tor" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
139 | 139 | </div> |
140 | 140 | <div class="card" data-category="Configs"> |
141 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fdot.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fdot.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 141 | + <picture><source type="image/webp" srcset="/downloads/bYBIHD9MeI-889.webp 889w"><img src="/downloads/bYBIHD9MeI-889.jpeg" alt="hero image" width="889" height="500"></picture> |
142 | 142 | <h2 class="essays">Dot Files</h2> |
143 | 143 | <a href="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/makccr/dot" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
144 | 144 | </div> |
145 | 145 | <div class="card" data-category="Configs"> |
146 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fsuckless.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fsuckless.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 146 | + <picture><source type="image/webp" srcset="/downloads/DW95f0thAV-889.webp 889w"><img src="/downloads/DW95f0thAV-889.jpeg" alt="hero image" width="889" height="500"></picture> |
147 | 147 | <h2 class="essays">Suckless Configs</h2> |
148 | 148 | <a href="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/makccr/suckless" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
149 | 149 | </div> |
150 | 150 | <div class="card" data-category="Polybar Module"> |
151 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fdisk.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fdisk.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 151 | + <picture><source type="image/webp" srcset="/downloads/keFidmjTaR-889.webp 889w"><img src="/downloads/keFidmjTaR-889.jpeg" alt="hero image" width="889" height="500"></picture> |
152 | 152 | <h2 class="essays">Disk Use Monitor</h2> |
153 | 153 | <a href="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/makccr/disk-monitor-polybar" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
154 | 154 | </div> |
155 | 155 | <div class="card" data-category="Polybar Module"> |
156 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fpyt.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fpyt.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 156 | + <picture><source type="image/webp" srcset="/downloads/fbJYPJEJn6-889.webp 889w"><img src="/downloads/fbJYPJEJn6-889.jpeg" alt="hero image" width="889" height="500"></picture> |
157 | 157 | <h2 class="essays">SubCount for Polybar</h2> |
158 | 158 | <a href="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/makccr/pyt" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
159 | 159 | </div> |
160 | 160 | <div class="card" data-category="Polybar Module"> |
161 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fawmp.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fawmp.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 161 | + <picture><source type="image/webp" srcset="/downloads/m3zanSYUSN-889.webp 889w"><img src="/downloads/m3zanSYUSN-889.jpeg" alt="hero image" width="889" height="500"></picture> |
162 | 162 | <h2 class="essays">AWMP</h2> |
163 | 163 | <a href="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/makccr/awmp" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
164 | 164 | </div> |
165 | 165 | <div class="card" data-category="Bash Script"> |
166 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2FminecraftSync.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2FminecraftSync.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 166 | + <picture><source type="image/webp" srcset="/downloads/wCaRbrV7vP-889.webp 889w"><img src="/downloads/wCaRbrV7vP-889.jpeg" alt="hero image" width="889" height="500"></picture> |
167 | 167 | <h2 class="essays">Minecraft Sync</h2> |
168 | 168 | <a href="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/makccr/minecraftSync" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
169 | 169 | </div> |
170 | 170 | <div class="card" data-category="Theme"> |
171 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fhepburn.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fhepburn.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 171 | + <picture><source type="image/webp" srcset="/downloads/mB31gyu3wI-889.webp 889w"><img src="/downloads/mB31gyu3wI-889.jpeg" alt="hero image" width="889" height="500"></picture> |
172 | 172 | <h2 class="essays">Hepburn</h2> |
173 | 173 | <a href="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/makccr/hepburn" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
174 | 174 | </div> |
175 | 175 | <div class="card" data-category="Theme"> |
176 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fmailspring.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fmailspring.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 176 | + <picture><source type="image/webp" srcset="/downloads/Qmr5Stk-53-889.webp 889w"><img src="/downloads/Qmr5Stk-53-889.jpeg" alt="hero image" width="889" height="500"></picture> |
177 | 177 | <h2 class="essays">Mailspring Grubox Thme</h2> |
178 | 178 | <a href="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/makccr/gruvbox-material-mailspring-theme" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
179 | 179 | </div> |
180 | 180 | <div class="card" data-category="Wallpapers"> |
181 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fwalls.jpg&width=960&format=webp&via=transform 960w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fwalls.jpg&width=960&format=jpeg&via=transform" alt="hero image" width="960" height="540"></picture> |
| 181 | + <picture><source type="image/webp" srcset="/downloads/0INLZ00st9-960.webp 960w"><img src="/downloads/0INLZ00st9-960.jpeg" alt="hero image" width="960" height="540"></picture> |
182 | 182 | <h2 class="essays">Wallpapers</h2> |
183 | 183 | <a href="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/makccr/wallpapers" target="_blank"><button>View on GitHub <i class="fa-brands fa-github"></i></button></a> |
184 | 184 | </div> |
185 | 185 | <div class="card" data-category="Wallpapers"> |
186 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fpaper.jpg&width=1920&format=webp&via=transform 1920w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fpaper.jpg&width=1920&format=jpeg&via=transform" alt="hero image" width="1920" height="1080"></picture> |
| 186 | + <picture><source type="image/webp" srcset="/downloads/wAw8Q_W273-1920.webp 1920w"><img src="/downloads/wAw8Q_W273-1920.jpeg" alt="hero image" width="1920" height="1080"></picture> |
187 | 187 | <h2 class="essays">Paper</h2> |
188 | 188 | <a href="https://drive.google.com/file/d/1PXL63R1vZw7PepPl2UFL8jGaH6H7sh6N/view"><button class="paper-button" target="_blank">8K</button></a> |
189 | 189 | <a href="paper-4k.zip" target="_blank"><button class="paper-button">4K</button></a> |
190 | 190 | <a href="paper-2k.zip" target="_blank"><button class="paper-button">2K</button></a> |
191 | 191 | </div> |
192 | 192 | <div class="card" data-category="Wallpapers"> |
193 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fretro-tech-wallpapers.jpg&width=899&format=webp&via=transform 899w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fretro-tech-wallpapers.jpg&width=899&format=jpeg&via=transform" alt="hero image" width="899" height="500"></picture> |
| 193 | + <picture><source type="image/webp" srcset="/downloads/K3AVmCRMx2-899.webp 899w"><img src="/downloads/K3AVmCRMx2-899.jpeg" alt="hero image" width="899" height="500"></picture> |
194 | 194 | <h2 class="essays">Dot Com Crash</h2> |
195 | 195 | <a href="retro-tech-wallpapers.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
196 | 196 | </div> |
197 | 197 | <div class="card" data-category="Wallpapers"> |
198 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fvim-wallpaper.jpg&width=899&format=webp&via=transform 899w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fvim-wallpaper.jpg&width=899&format=jpeg&via=transform" alt="hero image" width="899" height="500"></picture> |
| 198 | + <picture><source type="image/webp" srcset="/downloads/THaJJR2N4d-899.webp 899w"><img src="/downloads/THaJJR2N4d-899.jpeg" alt="hero image" width="899" height="500"></picture> |
199 | 199 | <h2 class="essays">Minimal Vim</h2> |
200 | 200 | <a href="vim-wallpaper.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
201 | 201 | </div> |
202 | 202 | <div class="card" data-category="Wallpapers"> |
203 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2FyinYang-wallpaper.jpg&width=899&format=webp&via=transform 899w"><img src="/.11ty/image/?src=images%2Fdownloads%2FyinYang-wallpaper.jpg&width=899&format=jpeg&via=transform" alt="hero image" width="899" height="500"></picture> |
| 203 | + <picture><source type="image/webp" srcset="/downloads/GrbPlXrMBK-899.webp 899w"><img src="/downloads/GrbPlXrMBK-899.jpeg" alt="hero image" width="899" height="500"></picture> |
204 | 204 | <h2 class="essays">Minimal Yin-Yang</h2> |
205 | 205 | <a href="yinYang-wallpaper.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
206 | 206 | </div> |
207 | 207 | <div class="card" data-category="Font"> |
208 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fpro.jpg&width=1920&format=webp&via=transform 1920w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fpro.jpg&width=1920&format=jpeg&via=transform" alt="hero image" width="1920" height="1080"></picture> |
| 208 | + <picture><source type="image/webp" srcset="/downloads/947eHtntGA-1920.webp 1920w"><img src="/downloads/947eHtntGA-1920.jpeg" alt="hero image" width="1920" height="1080"></picture> |
209 | 209 | <h2 class="essays">Pickled Red Onions</h2> |
210 | 210 | <a href="PickledRedOnions.ttf"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
211 | 211 | </div> |
212 | 212 | <div class="card" data-category="After Effects Preset"> |
213 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fshoot-on-film.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fshoot-on-film.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 213 | + <picture><source type="image/webp" srcset="/downloads/TUbCmix_4P-889.webp 889w"><img src="/downloads/TUbCmix_4P-889.jpeg" alt="hero image" width="889" height="500"></picture> |
214 | 214 | <h2 class="essays">Shoot on Film</h2> |
215 | 215 | <a href="shoot-on-film.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
216 | 216 | </div> |
217 | 217 | <div class="card" data-category="After Effects Preset"> |
218 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fcolor-correction.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fcolor-correction.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 218 | + <picture><source type="image/webp" srcset="/downloads/EFo7bezX-M-889.webp 889w"><img src="/downloads/EFo7bezX-M-889.jpeg" alt="hero image" width="889" height="500"></picture> |
219 | 219 | <h2 class="essays">Color Correct Template</h2> |
220 | 220 | <a href="color-correction.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
221 | 221 | </div> |
222 | 222 | <div class="card" data-category="Theme"> |
223 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Falfred-themes.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Falfred-themes.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 223 | + <picture><source type="image/webp" srcset="/downloads/IdTKer0MyM-889.webp 889w"><img src="/downloads/IdTKer0MyM-889.jpeg" alt="hero image" width="889" height="500"></picture> |
224 | 224 | <h2 class="essays">Alfred Themes</h2> |
225 | 225 | <a href="alfred-themes.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
226 | 226 | </div> |
227 | 227 | <div class="card" data-category="Theme"> |
228 | | - <picture><source type="image/webp" srcset="/.11ty/image/?src=images%2Fdownloads%2Fulysses-themes.jpg&width=889&format=webp&via=transform 889w"><img src="/.11ty/image/?src=images%2Fdownloads%2Fulysses-themes.jpg&width=889&format=jpeg&via=transform" alt="hero image" width="889" height="500"></picture> |
| 228 | + <picture><source type="image/webp" srcset="/downloads/wBEqWJnft8-889.webp 889w"><img src="/downloads/wBEqWJnft8-889.jpeg" alt="hero image" width="889" height="500"></picture> |
229 | 229 | <h2 class="essays">Ulysses Themes</h2> |
230 | 230 | <a href="ulysses-themes.zip"><button>Download Now <i class="fa-solid fa-download"></i></button></a> |
231 | 231 | </div> |
|
0 commit comments