GRgraderjs·Sep 12, 2021Submission
Pure CSS Francine – HTML/CSS oil painting
1 points · Open discussioncyanharlow
purecss-francine
CSS2018–2021
cyanharlow / purecss-francine
purecss-francine
HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.
14Distinct people
15Mentions
0Explicit recommenders
7.8KGitHub stars
What to know before exploring
What it is
HTML/CSS drawing in the style of an 18th-century oil painting. Hand-coded entirely in HTML & CSS.
GitHub
Where it is used
No documented product use was verified in the last source check.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 5:04:57 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by year15 dated mentions
Observed mentions: 2018-05-01 12:58:38 UTC to 2021-09-12 14:49:35 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| 2018 | 2018-01-01 00:00:00 UTC | 2019-01-01 00:00:00 UTC | 11 | 5 | 6 |
| 2019 | 2019-01-01 00:00:00 UTC | 2020-01-01 00:00:00 UTC | 1 | 0 | 1 |
| 2020 | 2020-01-01 00:00:00 UTC | 2021-01-01 00:00:00 UTC | 2 | 1 | 1 |
| 2021 | 2021-01-01 00:00:00 UTC | 2022-01-01 00:00:00 UTC | 1 | 1 | 0 |
What Hacker News says
15 sourcesthese are still no match for https://github.com/cyanharlow/purecss-francine
In The Simpsons in CSSAnd the interview:
https://video.vice.com/en_ca/video/this-painting-is-made-of-...
And how she actually produces this:
https://github.com/cyanharlow/purecss-francine/issues/28
In Pure CSS – LaceShe does mention that the first commit was already of a partially finished version:
> Sadly the project began on my desktop, so my first git commits were of an already-in-progress drawing.
from https://github.com/cyanharlow/purecss-francine/issues/13#iss.... So, the actual amount of time taken is likely to be much longer.
Also very worth checking out the timelapse gif posted there: https://imgur.com/K2xLX3g
In Pure CSS FrancineI asked her....
https://github.com/cyanharlow/purecss-francine/issues/28
In Pure CSS FrancineThe main page shows 246 commits and the code frequency tab under insights shows commits going back to June 2017. https://github.com/cyanharlow/purecss-francine/graphs/code-f...
In Pure CSS FrancineLooks great in IE7!
https://github.com/cyanharlow/purecss-francine/issues/3
:D
In Pure CSS FrancineHTML/CSS drawing in the style of an 18th-century oil painting
5 points · Open discussionJudging by her commit history, she started June 24 and the last commit is from two days ago. There are several commits for every month, at varying densities. So, this project has been continuously gestating for about 9 months.
Here's probably most of the interesting raw data, extracted with Mercurial, in case someone else wants to do a visualisation of her workflow.
http://paste.debian.net/1022858/
There's some interesting stuff in the history. For example, at one point, the painting looked quite different.
https://github.com/cyanharlow/purecss-francine/blob/519afdd7...
In Painting made out of CSS rulesShe also made two more:
http://diana-adrianne.com/purecss-vignes/
http://diana-adrianne.com/purecss-zigario/
She's avoiding SVG as a self-imposed challenge.
> Rules I have for myself:
> All elements must be typed out by hand
> Only Atom text editor and Chrome Developer Tools allowed.
> SVG use is limited, and all shapes can only use hand-plotted coordinates and bezier curves - without the aid of any graphics editor.
https://github.com/cyanharlow/purecss-francine
Looks like people on birdsite have already been playing with this and it starts to get funny if you try it on older browsers:
https://glitch.social/@cute_weeds/99955935010341256
In Painting made out of CSS rules18th century-style painting in pure CSS
4 points · Open discussion