# Diff of /2024/06/16/html-iconography/index.html

## Revision 85841ab8af7303ef4aca2910529551c68dab4867 => current

Line | 85841ab8af7303ef4aca2910529551c68dab4867 | current
--- | --- | ---
1 | <!DOCTYPE html> | <!DOCTYPE html>
2 | <html> | <html>
3 | <head> | <head>
⋮ | ⋮ | ⋮
40 | <!-- end icons / favicons --> | <!-- end icons / favicons -->
41 |  |
42 | <link rel="alternate" type="application/rss+xml" title="tech.interfluidity.com updates" href="../../../../feed/index.rss"> | <link rel="alternate" type="application/rss+xml" title="tech.interfluidity.com updates" href="../../../../feed/index.rss">
43 |  | <link rel="alternate" type="application/x-all-item-rss+xml" title="tech.interfluidity.com - all items" href="https://tech.interfluidity.com/all-item-feed/index.rss">
44 | <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs" href="https://www.interfluidity.com/unify-rss/all-blogs.rss"> | <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs" href="https://www.interfluidity.com/unify-rss/all-blogs.rss">
45 | <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs and microblogs" href="https://www.interfluidity.com/unify-rss/all-blogs-and-microblogs.rss"> | <link rel="alternate" type="application/rss+xml" title="interfluidity - all blogs and microblogs" href="https://www.interfluidity.com/unify-rss/all-blogs-and-microblogs.rss">
46 |  | <link rel="alternate" type="application/x-single-item-rss+xml" title="HTML iconography" href="index.rss">
47 | <link rel="stylesheet" href="../../../../css/style.css"> | <link rel="stylesheet" href="../../../../css/style.css">
48 | <link rel="stylesheet" href="../../../../css/highlightjs/steve-night-owl.css"><!-- theme for highlight.js --> | <link rel="stylesheet" href="../../../../css/highlightjs/steve-night-owl.css"><!-- theme for highlight.js -->
49 | <script src="../../../../js/highlight/highlight.min.js"></script> | <script src="../../../../js/highlight/highlight.min.js"></script>
⋮ | ⋮ | ⋮
84 | <h1><a href="index.html">HTML iconography</a></h1> | <h1><a href="index.html">HTML iconography</a></h1>
85 | <hr class="below-title"> | <hr class="below-title">
86 | </div> | </div>
87 |  | <div class="update-prepend rss-description-exclude">
88 |  | <em> ➣ This post was meaningfully revised at 2024-06-17 @ 02:35 PM EDT. The previous revision is <a href="index-oldcommit-85841ab8af7303ef4aca2910529551c68dab4867.html">here</a>, diff <a href="index-diff-85841ab8af7303ef4aca2910529551c68dab4867-to-current.html">here</a>. (See <a href="index.html#update-history">update history</a>.) </em>
89 |  | <hr>
90 |  | </div>
91 | <div class="entry-body"> | <div class="entry-body">
92 | <div class="flexmark markdown"> | <div class="flexmark markdown">
93 | <p>My web skillz are very old-school.</p> | <p>My web skillz are very old-school.</p>
⋮ | ⋮ | ⋮
146 | <p>(It does seem a bit wasteful to trick Firefox into downloading 500x500 images to render at 16x16 or 32x32, but if it smartens up, it can download icons prerendered in just those tiny sizes!)</p> | <p>(It does seem a bit wasteful to trick Firefox into downloading 500x500 images to render at 16x16 or 32x32, but if it smartens up, it can download icons prerendered in just those tiny sizes!)</p>
147 | <p>Anyway, that was what I did to add icons to this site and to <a href="https://drafts.interfluidity.com/"><em>drafts</em></a>.</p> | <p>Anyway, that was what I did to add icons to this site and to <a href="https://drafts.interfluidity.com/"><em>drafts</em></a>.</p>
148 | <p>Please let me know if there are much better ways!</p> | <p>Please let me know if there are much better ways!</p>
149 |  | <hr>
150 |  | <p><strong>Update (17-June-2024):</strong></p>
151 |  | <p>Carlana Johnson <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs">points me</a> to a great article by Andrey Sitnik, <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs"><em>How to Favicon in 2024: Six files that fit most needs</em></a>.</p>
152 |  | <p>For now, because I'm lazy, and because my icons are not SVG-friendly, I'm leaving things as they are.</p>
153 |  | <p>But perhaps someday I'll make better, vector, logos and icons, rather than just repurpose my social media avatar. Then I will try out this carefully thought-out approach.</p>
154 | </div> | </div>
155 | </div> | </div>
156 | <div class="entry-footer"> | <div class="entry-footer">
157 | <div class="post-metainfo"> | <div class="post-metainfo">
158 | <a href="index.html">07:10 PM EDT</a> | <div class="updated-note">
159 |  | <a href="index.html#major-updates">Last major update at 2024-06-17 @ 02:35 PM EDT</a>
160 |  | </div>
161 |  | <div>
162 |  | <a href="index.html" class="pubtime">07:10 PM EDT</a>
163 |  | </div>
164 | </div> | </div>
165 | </div> | </div>
166 | </article> | </article>
⋮ | ⋮ | ⋮
173 | <a href="../../../../index.html">↑↑↑</a> | <a href="../../../../index.html">↑↑↑</a>
174 | </div> | </div>
175 | <div class="next"> | <div class="next">
176 |  | <a href="../../../../xml/iffy/index-updated-2024-06-20-11-05-00.html">Updated: The 'iffy' XML namespace →</a>
177 | </div> | </div>
178 | </div> | </div>
179 | <;/div><;!-- after-article --&gt; | <div id="update-history" class="update-history"&gt;
180 |  | <h3 class="update-history-title"><a id="major-updates" href=""></a>Major revisions:</h3>
181 |  | <ul>
182 |  | <li><span class="update-timestamp"><i>2024-06-17 @ 02:35 PM EDT</i></span> — Add bold update, link to Andrey Sitnik article, via Carlana Johnson (<a href="index-diff-85841ab8af7303ef4aca2910529551c68dab4867-to-current.html">diff</a>)</li>
183 |  | <li><span class="update-timestamp"><i> <a href="index-oldcommit-85841ab8af7303ef4aca2910529551c68dab4867.html">2024-06-16 @ 07:10 PM EDT</a></i></span> — Initial publication.</li>
184 |  | </ul>
185 |  | <div class="update-history-note">
186 |  | Timestamps represent "major", substantative revisions. There may have been subsequent typo fixes and language reworkings within a major revision, after the time displayed. For a more complete and fine-grained update history, you can view the <a href="https://github.com/swaldman/tech.interfluidity.com/commits/main/">git repository commit history</a>. The most recent minor modification of this entry occurred 2026-04-23 @ 10:15 PM EDT.
187 |  | </div>
188 |  | </div>
189 |  | </div>
190 |  | <!-- after-article -->
191 | </div> | </div>
192 | <div id="right-sidebar"> | <div id="right-sidebar">
193 | </div> | </div>
194 | </div> | </div>
195 |  | <div id="footer">
196 |  | <a href="https://iheartrss.com/">
197 |  | <img src="../../../../image/iheartrss.svg" alt="I love RSS" width="88" height="31">
198 |  | </a>
199 |  | </div>
200 | </body> | </body>
201 | </html> | </html>