aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorChristine Dodrill <me@christine.website>2018-12-18 00:05:03 -0800
committerChristine Dodrill <me@christine.website>2018-12-18 00:05:03 -0800
commit14c22361a2c8e7064b224c51eaa0f118b587cbbd (patch)
tree9cf3aeefd5f88c9c7a8587df2fd323d760e91f9e
parent267e02c3377499b2e6b052b23c3fdd03550c05fb (diff)
downloadxesite-14c22361a2c8e7064b224c51eaa0f118b587cbbd.tar.xz
xesite-14c22361a2c8e7064b224c51eaa0f118b587cbbd.zip
usage
-rw-r--r--blog/let-it-snow-2018-12-17.markdown22
1 files changed, 22 insertions, 0 deletions
diff --git a/blog/let-it-snow-2018-12-17.markdown b/blog/let-it-snow-2018-12-17.markdown
index 3c008bb..932e049 100644
--- a/blog/let-it-snow-2018-12-17.markdown
+++ b/blog/let-it-snow-2018-12-17.markdown
@@ -9,3 +9,25 @@ for: the lols
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.
+
+---
+
+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.