site/blog/let-it-snow-2018-12-17.mark...

36 lines
848 B
Markdown

---
title: Let it Snow
date: 2018-12-17
for: the lols
---
# Let it Snow
I have very terribly added snow to this website for the holidays. See [the CSS](/css/snow.css) for how I did this, it's really low-tech. Feel free to steal this trick, it is low-effort for maximum niceness. I have the `background-color` of the `snowframe` class identical to the `background-color` of the main page. This and `opacity: 1.0` seems to be the ticket.
Happy holidays, all.
---
<link rel="stylesheet" href="/css/snow.css" />
More detailed usage:
```
<html>
<head>
<link rel="stylesheet" href="/css/snow.css" />
</head>
<body class="snow">
<div class="container">
<div class="snowframe">
<!-- The rest of your page here -->
</div>
</div>
</body>
</html>
```
Then you should have content not being occluded by snow.