From 267e02c3377499b2e6b052b23c3fdd03550c05fb Mon Sep 17 00:00:00 2001 From: Christine Dodrill Date: Mon, 17 Dec 2018 23:59:15 -0800 Subject: [PATCH] snow :D --- blog/let-it-snow-2018-12-17.markdown | 11 +++++++++++ css/snow.css | 16 ++++++++++++++++ static/img/snow/snow1.png | Bin 0 -> 3080 bytes static/img/snow/snow2.png | Bin 0 -> 7494 bytes templates/base.html | 10 ++++++++-- 5 files changed, 35 insertions(+), 2 deletions(-) create mode 100644 blog/let-it-snow-2018-12-17.markdown create mode 100644 css/snow.css create mode 100644 static/img/snow/snow1.png create mode 100644 static/img/snow/snow2.png diff --git a/blog/let-it-snow-2018-12-17.markdown b/blog/let-it-snow-2018-12-17.markdown new file mode 100644 index 0000000..3c008bb --- /dev/null +++ b/blog/let-it-snow-2018-12-17.markdown @@ -0,0 +1,11 @@ +--- +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. diff --git a/css/snow.css b/css/snow.css new file mode 100644 index 0000000..6a7fa23 --- /dev/null +++ b/css/snow.css @@ -0,0 +1,16 @@ +.snow { + background-image: + url(/static/img/snow/snow1.png), + url(/static/img/snow/snow2.png); + animation: snow 30s linear infinite; +} + +.snowframe { + opacity: 1.0; + background-color: #282828; +} + +@keyframes snow { + 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} + 100% {background-position: 500px 1000px, 400px 400px, 300px 300px} +} diff --git a/static/img/snow/snow1.png b/static/img/snow/snow1.png new file mode 100644 index 0000000000000000000000000000000000000000..10291d9afa1ebd453a5574b1c80352053579f502 GIT binary patch literal 3080 zcmbW3X;hPE7RO^C5C|Zm1f?d3sB}m`92R94St7M4(I!NY5TNV=B7{wY1SyMb?bwI{ zAwU!ZNk|aGzC;+X3Is)#LJW%w)E9yd7(ozdq;ux9r*r1a>4*1zc+c~k=ef`Q-{1dc zd7Q+ktLmzPKp=Iu{jB7NZN6tod__U`9%NzOD&y4Yh8a&=ECO7LyUUW|d6hWyj zC#Yl-AZd`xs>Lob=i}gwPNb)k9;Qx!>);HwpuBA!e&U`jZ%W_1>-K6`A>&>0au^ti zfcJej%w{QLebv*`Z0Huu5ON49@fHmUpLV`vkDK-n9zamLpvTx-tJ`L+fv@Wf_@MDz zw|Mylp=eTIBWFsg7NtdOOIFb&xRaS5BgR}?`=g$%@HTwFATYa9WYlRC<=Z%BJpZ6) zmbPGdgT4|^heJ6*U=#y+*%+u*dXlrWx&90_*72M6L55`5`bQId&<&c}~Fpe)e6khgVAiu5 zO{sB=8l~b$vJi*%-AKP?xu?Z&nm?YGl6nR?4T7RURLEwKOXJ`A*c3^M5UdE72Tj6e z_Se`F5K_+t5Kak!OQtEN@dGtdjH8WrSg{%P?6e*-vje6erQ`5t7S&+)#+75 z-z0j{*k@j?U7ta5h_TtPWAnO^USL>-Ha@Zc)g6{M_Ha{|`*=Ka-R^UC=K2b#k+qe5 zK)=MlrbCTuDDkhPKg}moLkpj`UbjZyys>*h>MW_uGiqil%aY%p00=~-iv1Y(>-1P1 zf~nowtJU*Q$nG!hDN!LgRTRZP>K<0=7}@7HdcJb{1O%L20Y>F#w{Qc@fKu=088>(j zkHO?p_oLOvUe+X=0bkWOY?TrRU$Q8hEpU(Bq$|4{SyM64$?A-(sUDzeWIy|Mfc{z| z{K&pu8fvk6Bi9-qWVy{6?RAJ38D;}CN7n3nR2y02b!YzCGY6&@mwHD7Wm6d=@kgS3 zmr%mEW);reG@*Y}XNSOX(xtd>YU%ixQ5N$HLP#)6^gL1l?*yk$t z>vXQRc%z3dHhXg>8-qijV0Kr;WqrVF5I@M&MXq!xd~SzFvSMD6F8OXMD&uOSXz&Mj zMKIgK>V31PK22;>pgRsHy!(JYxCo1yn3r8eSOOF!n&A`q!S)R+W#zdV>1lmhryYFX z#n;^trq-x&gDr~Vrnth?X%3mk3l>)`eT29Y6U65up)lDa$w!s1g?jX{0p()^N0sT2gMOwQdxC*d$E-@RiCy>|EQ`- zP#^zf`$daLO(6xIk=7Hj(GpXOdXhk*?;wJPwUsxS@V~*ZNryjBT^82@mGgh=Sq5oKUyq2U%eqT|xpC59Fv(RAcO(VKUhp5K)yTiF3 z-eky`t-&mDj=)G~`S`orca_kmw=dI0E|Sb9BEv4TNl$i+l$+FElGU_Z7CLAs_a-@2 z5E|CTREr06Mld^^3H@y?rir)4j!CM zS+B5f_hr1{bW2$$tLo)^W=%d7&v{cV#{Hi01>==7(;o+zU7vqx z{}eg$NJfOzEr-DO7UnHpQOb7+}d`Z8vRym`(_SDmUxTYMAI=3 zg-{z#@r8B*Vt8mp;R*rqD0waV)YQ_Puls!i{sB{Tul{7W3RghCCM+L~3^!pBAk+MA z2SZY12F*{99-0RK3$zFShWtNQcGD{UKfl=A{5f#qO>4tb0%z5gaK4LGk?&OH7Fe7$ zmNS-Voi~Q@` zpvA;9;_wewI@G$y{Cu*S&hie19a&D$JeOn6Cxs0g-M`pDiFp!nt4N#hZoLEc-z~cR%TxOPTF(p3)=Gf_hG^ua=-vS+T6ey*-z9>a zZMf}qQb1#iTlEeS{g9m0WY5OpN4)Z6u`#~2*WzXy+Y{xpmmgxpw>0A0&%$T3HkjU= zzm=T8>iz7T6aAAgRw4XWBPy0)Ug^7iBZC!H-o`7NG?QpE?O@)~u>%X@2gR}dGd9zg z@eXgs9k>wr5$dqj9^IAdo`sg3S_8LVU(h-YMZ0c0XPVTuU-2)29@45HB&+F{d+eW(dG#oSl0MH}# zv`qm3l>YamrX+b#-SS@mfX3KEOY8RS`+h-w5AOT%{!=Jz!96H(9g{Y;sup{ANisH+)5qI{Piw-WhY&oGetu-VGBu6kVAn57S~C z_GAANK>{921M>$U)b%cW56%QYz+tqCiWq+nRTlsX8>giPdJOY=q`013Fm7n(-UXo^ zgL;B86!oc5R{{9LRLx=ljsT%BIYMT@D{{bb$obwfaQiyoC>*mo4xliHxe*}1_BkIj z=v4*)z2cgv4cu1-Do5@-(*dlcfU9o$AC-Xb*8wS{rJEj5+YIy!Lul&&YC1s5Br*OP zKpp`&4hRT@0grQmtB4&-mEU63kTp?Kq;l(2T472$v9{FL1E?%5C3r-Jk*s1@<(=toWBv=BEN4>`zrV#$*qnN-Uz%}$64-5%{nH2)z`>l_f zwoacdqt4wwIP_Sac^^fqoF42icKv|G%Gkx~k{>R9__Am4j%x&c>G8eU)imAHX4;EW z?s5K)$a}3;qF0wqE(fG)zf9hhdB^`$6MgNI;Mj%Bj|K4)GPMOcpw?3j6p?Yg)Xtgg zkG?R(DyZkj0RZf@`}IzUP?MqV$1RP7UTmwM>An&KP;N+c007u)!z9c<*Q;Zx0YLjz ztZ1zU=Uy+Hcn>94FU4#x?Wv>uV@=q{51J578W$8-pyRd5N17rDUu(HV9VI8=+_F6; z_Y*Sx86-Yfv@odpGafrp7xapB#9kuT7@)r5#D_}+-Fs#wkV?&(8-K{xt4Dr02?iZZ zylTR)pCP9wZTid{YN5xyqZ$ZSdU6-hmZ3ZV$UHht=+KpZ9$ROkIziW{)mo~+@fh)j z_M1zP^vg7sS9#w88#q*xGSW}1^uz_GE~j0QghV82eN=#5eySxS+?ozXzJF^zc6kgj=4&dj zE?$-=tH&XbIf!%ds-seRE)EqNh$mnOeS{kXP6FSKEe+-#JmBr2*$)xZ&z`r~S0F30 zE0nG|G8z^|FHPr4Uz;<@rP*j!y>2qCF?mvYMK<`Q($_c^r2f0AH!sFH?z7%M@TmD2 z)W$UTg2yQPo8{Qhy6(^HpJaQXbo2?#ao9w65%xSbDmHiaP_~*JgJSmaBzCO1l!EkT z&RQ;GuAhaKXp?9pbH-7GEXbBH;bx9SllpMF1s|5 zRbf$%xxHz|Y35$0T>7Nkz0}WK{cW`M*;7jEK7&4Et+ytx-a9OJ^h0T#+3Ul^`Ml^W z5`tspJ_^16IujWp+MaX9-JYacUiMl^>&C4cmi4B)&)w9imU99Q^Mi~ot%;Om??ykH zzq)i>wJl!yx$|t!1KNW6CEdIBNmR%oQ>z&gJr|hN28Lgu#MU#jW1Y@#C|J`NS zvQNKHe~}QS5TB5~;fCSXOH;$v;%mjq2FeE5uV22t`8t&=m!~Q{Ewh%lmN%WZ(Clav zW+UEI+SKBTtRvVITW>XW_{Q5PS--Qgu(7L0RAH(Fr`oI9OPESpjWUfY3Z~rqYJWEk zHkCEA*RFi0#8)@@G(|bN-(z)e{#4z!mD!mY)fSa-$>B`Wxj~*Daym4K3R`=Eial460PxT)SNo1=@meEj=9D$K=)LeISuTRVJF=xH8k9y0Fp zD{zQk(25bbaJhJRF$$ER1VQd(Ph&M=ZNVpp495cos#;Z>4f8-#9Jn)r}`&aag0i5%Y}~4 zYCTxcKGx3Cp3ifaHdd;+eoIbNtz5!W1*gy^+os+x;b#41(h6gR^w#H6k`S$y_x0{t zI3?~r`GNUCyBxuqBROE_AO3py!(My|OPR!F@taw2gG3|6=l^IxL`zwc1$VB53Z~M8 zf8hS$&M!GCKbrVm>#it|(T<*|;Y0MVj1IYQ*ryxs#8+A$3zwyL7|k0Ct{y@F@Y5DqL)`^c@m61;X z5lc2kc19(@&@|mTG08oqYHpe~CAO){faUEv$83jQrgkaPFO#LkaW=n+1w$N=iS}1JBk^OSDE@MuZAj&)=L6RkN~4MjuXY zP7jafjK0p^$|4o6CVOV)1vy#H?y2*Q>v$4jLY?(Y4FTYxAPF|(0O06?bX^C4U?~9Da0Gyx zIRL=whj#dc0D#L0NNo-CFx;=Xa7#|h0_;)^O#X_bb-n?5s{popzA&D@h3v=td88l( zM#{y^I=t2tiv8pGcrkpqOh5!5bu+#+ZL7*>B6v>3@Zx6mw67}&b;CB!-+)pd{U!4Y zTAZ95l>|n^@JJrmjB%aqsG?C|j*I72aE}fs*Ic&i){Y$-D|Z~0OK{lV?>O&D1kzze zYS0s8fzXlQ-~rMIecFlOENNi@_ar435h_GvtM;T&y}p^|@Qbh`tdX z(2{ZJK`!~x?e##Ca zJ6SuZAdq3T03*+d-@)iYbfklF5|Jaeqh`Amza2-1c;g@xZn~Y)2ctsH3mrkQIuJ-; zbajMjp<;I_H?{#Gh(9_^7FSMdR|d~i7hWuQ%C=z$uAS;ep0a@(swmVqdNspgG?!qw z9iLK_asGI3L;SVM_KVni%7fA95;=~!vX$U?!nX(jJ}3BJ7pZ^mwB2+ zsQuHto!L=Y`=xGaIxe}bdbfzOWi`qRXKtY$+?Xxz6KwiBhXGvoUfBr*I#dC%(`$}7 z7_^l7?~Pk>MsX*ifXMmuw+P;|;gBL-ZZNpEAZNCWyLvnfGyKesNdu084S7_Y!HhFc(S(x* z<+k&`0ygH$xfMnY2E&wM{^>{?m_~M0`EyMSyzL&UU?RCAuVz^5EJxwUp54*qfkJz7 zC5Vnk9glvC`rtMUDOSSKq0AZaU*l0g1ygPbCSbo#v(BTV(s)iIUZ&M(JJ2DnML)HsHM8NDhz)@nlgt}mV z=h+li00e@=0SE*jC;xl=@7CiKS&j}%-MC_gZHG3>M{w) zzglFwJw1&q5VWRaDS|*Cig|4tWIG~*X~^j6?TcKOmjt^MgxmhMHaR)@@E%imIw1f( z*RWoJX;`ny2t%RZckX?A$1S36v?D*5L`n_lB93rz$|4pf5Gb}DMM?$89WOMa+(uX) z!ByvDu2n6fnrvyROF@h+0{LgW_{(>5$g=qN z88`*l?iYF=ThY}Zwo9sKhsl%Si=T@w`&mhWTYqzp6h?h^tw#u=P_tGl3A^jQ{Zvq> z<2@kYX}~^hr)6MIz+4M?OfuvA7NUmBjyjqu^e1-U_!}O!+?E!&0^z*$%C`P(bhj2!}+FszEP-7H4%0EMd( z4o}r0i~soI43CblReHp`z6=58sLA1QiDbQ)jw0TGuge*wJ#Jg$zF*Hbx@Kv;8g_6u zqA0vSoO`Jpo=?ppmr2ecAAOV|Jyy|2G+Jy(IQY+y&4HKi8iT*`az=hkDbBu1*+@BQ zPti*)K@18skHd&B8-uZDoJSTdISo+Xr|AXFfb#k%ynA5&xXl@b{a@^1e#nBPzP@5J?=A|6gxbJ|)V zTX_&CTWaOUqIzpMe6fxR+mdAx@0{Tx0fR#QGt}5@ks)5WFeSr4w2KW>F5Vmpt@T6` zG|)BZ$XplY!2om|%nuz|I+|!g8dN^Jg%pqA5#Qhf`j@5Rxis6;FBBx*UzU!yx=7CkR z7dk2wFR8V64~M8Wt3dne2ZZ7lx~EiD)>p`@U{RLTsTwA?Y%`=v&-Si^$znWpJrg=DZo%H0R4wOv_Frn%Oiey z`k5ZOqdYh-P@cVkFL*k<@PpxLwX0HmV<92wp9QoaZQ_r#`R`HibNx7VUOnVR#TG9e}9g# zS2%1?p-a>S#n`Cuyj8ukXo6G46?>#Tjm};fm!=?ZxuM*7u6FN??9=huU_1Sn$vvid zqaCS1Mr3ql&R*!#g6R;|&R;PGaFpTG0V5oD@@rI@}EBT|cV zOZy|}nCJ2AuJ5F?YoWsUo8-ooUGdb|yTN;--33$fr|B!!KD#!7 zFPJcEu|S>_%{t>BH3Q|Gt`{L$-%e}S zl0@fE$nYlLA-(f}38~`}rqh;04FWBFW@3-_nE=gNlP0im>)9shevFt95c+KMzj5qe zEcS0W`~R^NZ`jOWlkZFg=z7nP_sC(LWvO-1;*>G-GumLVzllmeQmD~y{Xnw5m!F^H zSQ>B^Bb8l}8*<20G}qLo_~7j7WeDmu3A11hf2DM~@!SIK&YY@q9l=L>-p%x{h}Ja1 z25aQN;n^-W0?Z&L20;JYwAIw4d>tR^rJS^N~(|)>b z2Fme+4+^-iGCzxh#Tf5|K+@xmZ(!B8#=g~Wo{GnA&J@CCjOw!G;~OnE)5eE;ZW;x8 zl9Or{Rti!*HvI@TWEP5v6@&uW32)Po-EmB*$^+7n#kSx$!4IT%3ol>Zk_ug>_#c7$ zpHvG1{l~2-5*?j$S5=bv4rCejBz*c;w1XOx(c<3x5XfOsm;u^*IwJJBOBO+Pu%m0+ zTNDCe>la{7qeAis9lb&DlVT&RRGITd=Wm|sM~0wDc|i;9w|RDQbFiKSx_u9sNmzU+ z0!>4o<`CA7&kK>o$oa|pF1}{5DEQ8AYfHSxxK$eZ*E>T8;#)(%eJq@d_AmTG-y&H5 z)>s{tIb1NMTgvC}*-km(aA=w0e^c@PIng=rD%H0ow-Tzh;cd>m-}Z)i#W?-CLirTA z>QXL?+eY;r667Q(r`3yLTDp^kRavz*atIEP=9^_Rv+{m+o@vCJ^xM&nm$6wEBmij{ zOLSpl>7gb+uVT7XE41~$GQ)v5^vrM*SY$j~0Q|%1Hv4 + @@ -53,16 +54,21 @@ {{ template "styles" . }} - + {{ template "scripts" . }}

Christine Dodrill - Blog - Contact - Resume

- {{ template "content" . }} + +
+ {{ template "content" . }} +
+
Copyright 2018 Christine Dodrill. Any and all opinions listed here are my own and not representative of my employer.
+