From c0fcab7afef6dffa903453c667e67c63d6dad020 Mon Sep 17 00:00:00 2001 From: Ethan Dalool Date: Mon, 14 Aug 2023 18:38:46 -0700 Subject: [PATCH] Homepage design update. --- voussoir.net/cv/video.svg | 85 ++++++ voussoir.net/index.html | 256 +++++++----------- voussoir.net/photography/generate_site.py | 1 + voussoir.net/video/dark.css | 301 ++++++++++++++++++++++ voussoir.net/video/video.html | 46 ++++ 5 files changed, 520 insertions(+), 169 deletions(-) create mode 100644 voussoir.net/cv/video.svg create mode 100644 voussoir.net/video/dark.css create mode 100644 voussoir.net/video/video.html diff --git a/voussoir.net/cv/video.svg b/voussoir.net/cv/video.svg new file mode 100644 index 0000000..f22a7c4 --- /dev/null +++ b/voussoir.net/cv/video.svg @@ -0,0 +1,85 @@ + +image/svg+xml \ No newline at end of file diff --git a/voussoir.net/index.html b/voussoir.net/index.html index 779e791..73ab7af 100644 --- a/voussoir.net/index.html +++ b/voussoir.net/index.html @@ -55,7 +55,6 @@ body.start_eating_that_trashcan h2 { font-size: 3em; - border-bottom: 2px solid var(--color_text_highlight); color: var(--color_text_highlight); } @@ -189,18 +188,20 @@ code { font-family: monospace; } animation-iteration-count: 1; } -.width_limited -{ - width: 100%; - max-width: 800px; - margin-left: auto; - margin-right: auto; -} - .cvitem { width: 100%; padding: 16px; + border-radius: 16px; + display: grid; + grid-column-gap: 16px; + margin-top: 16px; + margin-bottom: 16px; + background-color: #1a1a1a; + box-shadow: #000 0px 0px 40px -10px; +} +.cvitem:nth-of-type(odd) +{ } .cvitem:nth-of-type(even) { @@ -210,16 +211,6 @@ code { font-family: monospace; } background-position-x: -30px; background-position-y: -30px; } -.cvitem:nth-of-type(odd) > div -{ - display: grid; - grid-column-gap: 16px; -} -.cvitem:nth-of-type(even) > div -{ - display: grid; - grid-column-gap: 16px; -} .cvitem_logo { grid-area: logo; @@ -277,24 +268,34 @@ body.start_eating_that_trashcan .cvitem_details --wide: 1; } + body + { + width: 100%; + max-width: 800px; + margin-left: auto; + margin-right: auto; + } + #headline { line-height: 3.25em; } #headline_l1 { font-size: 5.0em; } #headline_splash { font-size: 1.5em; } - .cvitem:nth-of-type(odd) > div + .cvitem:nth-of-type(odd) { + /*transform: translate(-96px, 0);*/ grid-template: "logo title" auto "logo details" 1fr - / 1fr 3fr; + / 192px 3fr; } - .cvitem:nth-of-type(even) > div + .cvitem:nth-of-type(even) { + /*transform: translate(96px, 0);*/ grid-template: "title logo" auto "details logo" 1fr - / 3fr 1fr; + / 3fr 192px; } } @@ -305,18 +306,24 @@ body.start_eating_that_trashcan .cvitem_details --narrow: 1; } + body + { + width: 100%; + max-width: 100%; + } + #headline { line-height: 2.25em; } #headline_l1 { font-size: 3em; } #headline_splash { font-size: 1.5em; } - .cvitem:nth-of-type(odd) > div + .cvitem:nth-of-type(odd) { grid-template: "logo title" auto "details details" 1fr / 1fr 3fr; } - .cvitem:nth-of-type(even) > div + .cvitem:nth-of-type(even) { grid-template: "title logo" auto @@ -380,25 +387,43 @@ body.start_eating_that_trashcan .cvitem_details right: 64px; bottom: 64px; } + +@keyframes buffer_rotate +{ + from + { + transform: rotate(0deg); + } + to + { + transform: rotate(360deg); + } +} +#buffer_rotate +{ + animation-name: buffer_rotate; + animation-duration: 1s; + animation-timing-function: steps(8, start); + animation-iteration-count: infinite; +}
-
+

voussoir.net

-
+
-

Software

+

Software

-
-
+

trkpt

trkpt is a 24/7 GPS recorder that shows me where I've been.

@@ -407,10 +432,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

BringRSS

BringRSS is an RSS client and newsreader with a web interface, made with Flask and SQLite3. RSS is a great way to keep up with your favorite forums, bloggers, podcasts, and newspapers since all the new posts come straight to you in a single place. BringRSS can send news objects to your own Python scripts, allowing for powerful automation like podcast downloading, email notifications, and other more niche features that would be outside the scope of the BringRSS application itself.

@@ -419,10 +442,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

YCDL

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.

@@ -430,10 +451,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

Etiquette

Etiquette is a tag-based file organization system with a web interface, built with Flask and SQLite3. Tag-based systems solve problems that a traditional folder hierarchy can't: which folder should a file go in if it equally belongs in both? and how do I make my files searchable without littering the filenames themselves with keywords?

@@ -443,10 +462,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

Timesearch

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.

@@ -454,10 +471,8 @@ body.start_eating_that_trashcan .cvitem_details

https://github.com/voussoir/timesearch

-
-
-
+

voussoirkit

The voussoirkit library contains code that I have found useful to include in my other projects. Everything from bytestring that converts integer numbers of bytes into "3.145 MiB" strings, to pathclass and spinal which provide object-oriented file and directory operations and copy routines. Some modules like winglob 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.

@@ -465,10 +480,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

HN Archive

hnarchive is a tool that downloads all submissions and comments on Hacker News. HN is a forum that is mostly focused on technology and entrepreneurship. Although I am not entirely sure if all participants are human, it is a knowledgebase of considerable quality and in my opinion worth preserving.

@@ -476,10 +489,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

Epubfile & Sigilplugins

I use the wonderful program Sigil to edit epub files. Sigil has a python plugin system for which I have written a few modules. But, since the plugins can only operate on one book at a time while it is open in Sigil, I needed something a little different to edit epub files en masse.

@@ -489,10 +500,8 @@ body.start_eating_that_trashcan .cvitem_details
-
-
-
+

Reddit bots

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 /r/RequestABot 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.

@@ -500,105 +509,18 @@ body.start_eating_that_trashcan .cvitem_details
-
-

Tech interests

-
-
-

Python

-
-

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 repository 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.

-
- -
-
- -
-
-

HTML/CSS/JS

-
-
If you want to view paradise
Simply press F12 and view it
-

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.

-
- -
-
- -
-
-

SQLite

-
-

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. I love it. 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.

-
- -
-
- -
-
-

HTTP API Design & Use

-
-

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 .json 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 requests. 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.

-
- -
-
- -
-
-

Graphics

-
-

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 Inkscape to create logos and icons for my projects, with the occasional program to auto-generate vector files.

-

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.

-
- -
-
- -
-
-

Digital media & FFmpeg

-
-

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!

-
- -
-
- -
-
-

OpenStreetMap

-
-

I contribute to OpenStreetMap, and you should too! I use OsmAnd instead of Google Maps. I record GPX tracks with Trackbook, edit at home with JOSM, and edit on the go with Vespucci and StreetComplete.

-
- -
-
- -

Other interests

-
-
-

한국어

-
-

2018년 10월부터 한국어를 공부하고 있습니다. 한국 영화들이 많이 재미 있어서 만약 한 아시아 언어를 배우면 한국어를 배우겠다고 결정했습니다. 진행이 조금 느리지만 일정합니다. 매일매일 Anki를 하고 한국 전래동화 읽습니다. 몇 년 이내 한국을 방문하면 좋겠습니다.

-
- -
-
- -
-
+

Other work

+

Writing

-

I recently decided to start writing from time to time. My thoughts are mostly about technology in culture, learning, and other choses sérieuses. I disable spellcheck because I'm a stellar speller.

+

My thoughts are mostly about technology in culture, learning, and other choses sérieuses. I disable spellcheck because I'm a stellar speller.

https://voussoir.net/writing

-
-
-
+

Photography

To be administered by intravitreal injection.

@@ -606,25 +528,27 @@ body.start_eating_that_trashcan .cvitem_details
-
-

Contact

-
-
-

Means of transmission

+
+

Video

-

If you'd like to get in touch, please email contact@voussoir.net. If you'd like to chat in real time, consider:

- -

Please email me first so we can coordinate.

+

If I wanted to put it into words, I would have written it down.

+

https://voussoir.net/video

+

Also available on youtube

+
+ +
+ +

Modes of transmission

+
+

Contact by email

+
+

If you'd like to get in touch, please email contact@voussoir.net.

-
-
-
+

Git mirrors

Eggs. Baskets.

@@ -634,25 +558,18 @@ body.start_eating_that_trashcan .cvitem_details
-
-
+

It looks like you're using an ad blocker. Great job!

-