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

38 lines
863 B
Markdown
Raw Normal View History

2018-12-18 07:59:15 +00:00
---
title: Let it Snow
date: 2018-12-17
for: the lols
tags:
- fluff
2018-12-18 07:59:15 +00:00
---
# 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.
2018-12-18 08:05:03 +00:00
---
2019-03-21 16:52:19 +00:00
<link rel="stylesheet" href="/css/snow.css" />
2018-12-18 08:05:03 +00:00
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.