Use PNGs for cv instead of svg. Rendering was too slow.
It pains me to do this since I like svgs, but the more complex icons like inkscape and osm always caused rendering stutters.
This commit is contained in:
parent
0841698d48
commit
216266a09c
2 changed files with 20 additions and 19 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1,3 +1,4 @@
|
|||
voussoir.net/cv/*.png
|
||||
voussoir.net/writing/**/*.fcstd
|
||||
voussoir.net/writing/**/*.flac
|
||||
voussoir.net/writing/**/*.gif
|
||||
|
|
|
|||
|
|
@ -405,7 +405,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p><a href="https://bringrss.voussoir.net">Live demo</a></p>
|
||||
<p><a href="https://github.com/voussoir/bringrss">https://github.com/voussoir/bringrss</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/bringrss.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/bringrss.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -416,7 +416,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>YoutubeChannelDownloader was born out of a dissatisfaction with YouTube's own interface for keeping track of which videos I have already watched, as well as a desire to integrate with youtube-dl. YCDL makes it easy for me to watch through a channel's catalog of videos, picking which ones I'd like to download while ignoring the others. Plus, as it creates an offline database, it will retain metadata about videos even after they are removed or deleted from the original YouTube channel.</p>
|
||||
<p><a href="https://github.com/voussoir/ycdl">https://github.com/voussoir/ycdl</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/ycdl.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/ycdl.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -429,7 +429,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p><a href="https://etiquette.voussoir.net">Live demo</a></p>
|
||||
<p><a href="https://github.com/voussoir/etiquette">https://github.com/voussoir/etiquette</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/etiquette.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/etiquette.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -440,7 +440,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>Timesearch is a package of tools for archiving data from reddit.com. Subreddits, user posts, comments, CSS files, and community wiki files can be downloaded and easily updated.</p>
|
||||
<p>Originally, it used the <code>timestamp</code> query parameter of reddit's elasticsearch, but since that feature's removal Timesearch instead queries the third-party pushshift.io database for preliminary data, then queries reddit for updated information about each item.</p>
|
||||
<p><a href="https://github.com/voussoir/timesearch">https://github.com/voussoir/timesearch</a></p></div>
|
||||
<img class="cvitem_logo" src="./cv/timesearch.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/timesearch.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -451,7 +451,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>The voussoirkit library contains code that I have found useful to include in my other projects. Everything from <code>bytestring</code> that converts integer numbers of bytes into "3.145 MiB" strings, to <code>pathclass</code> and <code>spinal</code> which provide object-oriented file and directory operations and copy routines. Some modules like <code>winglob</code> boost cross-compatibility by smoothing over differences between Windows and Unix. This way I can easily deploy new features and bug fixes to all my programs.</p>
|
||||
<p><a href="https://github.com/voussoir/voussoirkit">https://github.com/voussoir/voussoirkit</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/voussoirkit.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/voussoirkit.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -462,7 +462,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>hnarchive is a tool that downloads all submissions and comments on <a href="https://news.ycombinator.com">Hacker News</a>. HN is a forum that is mostly focused on technology and entrepreneurship. Although I am not entirely sure if all participants are <a href="https://voussoir.net/writing/cyborgs_on_hn">human</a>, it is a knowledgebase of considerable quality and in my opinion worth preserving.</p>
|
||||
<p><a href="https://github.com/voussoir/hnarchive">https://github.com/voussoir/hnarchive</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/hnarchive.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/hnarchive.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -475,7 +475,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p><a href="https://github.com/voussoir/epubfile">https://github.com/voussoir/epubfile</a></p>
|
||||
<p><a href="https://github.com/voussoir/sigilplugins">https://github.com/voussoir/sigilplugins</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/epub.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/epub.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -486,7 +486,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>This repository is in archive status now and is rarely updated. From 2014 to 2016 I learned Python, SQL, and HTTP by writing bots for reddit and contributing to PRAW, the Python Reddit API Wrapper. I took requests on <a href="https://old.reddit.com/r/RequestABot">/r/RequestABot</a> and produced dozens of easily modifiable bots. The tasks ranged from "allow users to only make one post per day" to "allow moderators to write a post now and schedule it to appear later". With almost 400 stars now it is my most successful repository, though the code quality is not up to the same standards I have today.</p>
|
||||
<p><a href="https://github.com/voussoir/reddit">https://github.com/voussoir/reddit</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/subredditbirthdays.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/subredditbirthdays.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -497,7 +497,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p>Python has been my language of choice since I began learning it in 2014. In addition to the projects already mentioned here, I have an entire <a href="https://github.com/voussoir/cmd">repository</a> dedicated to scripts / utilities that I use from the command line, and I have an even greater number of unpublished scripts for personal or bespoke use. I do file management, HTTP, image processing, task automation, and more.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/python.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/python.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -508,7 +508,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<blockquote><i>If you want to view paradise<br/>Simply press F12 and view it</i></blockquote>
|
||||
<p>This page, like the those in Etiquette and YCDL, was written entirely by hand and without the use of any jQuery, Angular, React, etc. HTML5, CSS3, and especially CSS Grid, have brought many quality of life features to the native experience. With some concessions, and the fact that I don't need to target non-modern browsers, I feel that my grasp of the core systems is better than that of someone who relies on a framework from day one.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/html5.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/html5.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -518,7 +518,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p>Some people tease SQLite for not being as big and featureful as something like MySQL, but I for one think it's one of the greatest gifts to the database ecosystem. <a href="/writing/sqlite_what_a_hunk">I love it</a>. Thanks to its fast and easy deployment plus cross-platform compatibility, sqlite databases tend to be the best choice for storing structured data. SQLite3 has been my go-to database since 2014 and hasn't failed me yet. Absolutely a staple for my projects listed here.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/sqlite.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/sqlite.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -528,7 +528,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p>During my development of Etiquette, I have continuously aimed to make the API as accessible and automateable as possible. Getting a peek behind the scenes is as easy as adding <code>.json</code> to the URL. I owe much of my early learning to my work with the reddit API, and since then I've regularly automated web interactions and scraped web data with Python and <code>requests</code>. For sites without an actual API to speak of, I'm pretty good at reverse engineering from the Network panel and javascript source. Try me.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/api.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/api.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -539,7 +539,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>By now you've noticed that this page is overflowing with beautiful artwork... some of which is even mine! I enjoy using the free vector editor <a href="https://inkscape.org/">Inkscape</a> to create logos and icons for my projects, with the occasional program to <a href="https://github.com/voussoir/else/tree/master/Minecraft3DVector">auto-generate</a> vector files.</p>
|
||||
<p>During my time working at the Cal Poly Pomona Learning Resource Center, I became very familiar with Google Slides to create attractive and innovative ways of sharing study tips with students.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/inkscape.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/inkscape.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -549,7 +549,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p>I use FFmpeg practically on a daily basis to manage, convert, and analyze my media files. Although my educational background is in software development, my dream job would be something in digital media preservation, film & book scanning, archival, metadata management, etc. If you've got something going on in that field, let me know!</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/ffmpeg.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/ffmpeg.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -559,7 +559,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p>I contribute to OpenStreetMap, and you should too! I use <a href="https://f-droid.org/en/packages/net.osmand.plus/">OsmAnd</a> instead of Google Maps. I record GPX tracks with <a href="https://f-droid.org/en/packages/org.y20k.trackbook/">Trackbook</a>, edit at home with <a href="https://josm.openstreetmap.de/">JOSM</a>, and edit on the go with <a href="https://f-droid.org/en/packages/de.blau.android/">Vespucci</a> and <a href="https://f-droid.org/en/packages/de.westnordost.streetcomplete/">StreetComplete</a>.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/osm.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/osm.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -570,7 +570,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p lang="ko">2018년 10월부터 한국어를 공부하고 있습니다. 한국 영화들이 많이 재미 있어서 만약 한 아시아 언어를 배우면 한국어를 배우겠다고 결정했습니다. 진행이 조금 느리지만 일정합니다. 매일매일 Anki를 하고 한국 전래동화 읽습니다. 몇 년 이내 한국을 방문하면 좋겠습니다.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/korean.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/korean.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -580,7 +580,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<div class="cvitem_details">
|
||||
<p>I recently decided to start <a href="/writing">writing</a> from time to time. My thoughts are mostly about technology in culture, learning, and other <i>choses sérieuses</i>. I disable spellcheck because I'm a <a href="https://www.youtube.com/watch?v=7ov1DDjHt8c" title="Epic Rap Battle! - Rhett & Link">stellar speller</a>.</p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/writing.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/writing.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -597,7 +597,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p>Please email me first so we can coordinate.</p>
|
||||
<p>If you've enjoyed my work and would like to give a small monetary gift, you can <a href="/donate">donate</a>.
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/contact.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/contact.png"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -610,7 +610,7 @@ body.start_eating_that_trashcan .cvitem_details
|
|||
<p><a href="https://codeberg.org/voussoir">https://codeberg.org/voussoir</a></p>
|
||||
<p><a href="https://gitlab.com/voussoir">https://gitlab.com/voussoir</a></p>
|
||||
</div>
|
||||
<img class="cvitem_logo" src="./cv/gits.svg"/>
|
||||
<img class="cvitem_logo" src="./cv/gits.png"/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in a new issue