diff --git a/css/index.css b/css/index.css index d8cb33d..c3d6d7f 100644 --- a/css/index.css +++ b/css/index.css @@ -152,6 +152,15 @@ sub{ #shown_feetnotes{ display: none; } +#footnotes_container ol{ + display: inline; +} +#footnotes_container li{ + display: list-item; +} +#footnotes_container a{ + color: #fff; +} #wash{ font-size: 12px; @@ -164,4 +173,29 @@ sub{ } .littlefoot-footnote__content a{ color: #549cf9; -} \ No newline at end of file +} + +.sharable_icon{ + width:25px; + height:25px; + background: url(../sharing/shareables.png); + background-size: auto 100%; + display: inline-block; + + position: relative; + top:0; +} +.in_footer .sharable_icon{ + width: 50px; + height: 50px; +} +.sharable_icon:hover{ + top:-2px; +} +.sharable_icon[tw]{ + background-position: -100% 0; +} +.sharable_icon[em]{ + background-position: -200% 0; +} + diff --git a/css/littlefoot.css b/css/littlefoot.css index ef80633..b5fd7cb 100644 --- a/css/littlefoot.css +++ b/css/littlefoot.css @@ -1 +1 @@ -.littlefoot-footnote__button{-webkit-font-smoothing:antialiased;backface-visibility:hidden;background-color:rgba(110,110,110,0.2);border-radius:.5em;border:0;box-sizing:border-box;color:rgba(110,110,110,0.5);cursor:pointer;display:inline-block;font-size:.9em;font-weight:bold;height:1em;line-height:1;margin:0 .1em 0 .2em;min-width:1.5em;padding:0 .5em;position:relative;text-decoration:none;top:-.1em;transition-duration:.25s;transition-property:background-color color;transition-timing-function:ease;vertical-align:middle;z-index:5}.littlefoot-footnote__button:hover,.littlefoot-footnote__button:focus{background-color:rgba(110,110,110,0.5);color:white}.littlefoot-footnote__button:active{background-color:rgba(110,110,110,0.5);color:white}.littlefoot-footnote__button.is-active{background-color:#6e6e6e;color:white;transition-delay:.1s}.littlefoot-footnote__button::after{clear:both;content:'';display:table}.littlefoot-footnote__button__ellipsis{padding:.35em .5em}.littlefoot-footnote__button__ellipsis svg{float:left;height:.3em}.littlefoot-footnote__button__number::after{color:rgba(110,110,110,0.5);content:attr(data-footnote-number);display:block;font-size:.9em;font-weight:bold;left:50%;padding:.35em .5em;position:absolute;top:50%;transform:translate(-50%, -50%);transition-duration:.25s;transition-property:background-color color;transition-timing-function:ease}.littlefoot-footnote__button__number:hover::after,.littlefoot-footnote__button__number.is-active::after{color:white}.littlefoot-footnote__button__number svg{display:none}.littlefoot-footnote__host{display:inline-block;position:relative;text-indent:0}@media not print{.footnote-print-only{display:none !important}}@media print{.littlefoot-footnote,.littlefoot-footnote__button{display:none !important}}.littlefoot-footnote{background:#fafafa;border-radius:.5em;border:1px solid #c3c3c3;box-shadow:0 0 8px rgba(0,0,0,0.3);box-sizing:border-box;display:inline-block;left:0;line-height:0;margin:2.01924em 0;max-width:90%;opacity:0;position:absolute;top:0;transform-origin:50% 0;transform:scale(0.1) translateZ(0);transition-duration:.25s;transition-property:opacity,transform;transition-timing-function:ease;z-index:10}.littlefoot-footnote.is-positioned-top{bottom:0;top:auto}.littlefoot-footnote.is-active{opacity:.97;transform:scale(1) translateZ(0)}.littlefoot-footnote.is-scrollable::after{content:'';position:absolute;bottom:.3875em;left:.3875em;z-index:14;display:block;height:.78125em;width:.625em;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");background-size:cover;opacity:.1;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::before,.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::after{content:'';left:0;position:absolute;width:100%;z-index:12}.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::before{background-image:linear-gradient(to bottom, #fafafa 50%, rgba(250,250,250,0) 100%);border-radius:.5em .5em 0 0;height:.6em;top:-1px}.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::after{background-image:linear-gradient(to top, #fafafa 50%, rgba(250,250,250,0) 100%);border-radius:0 0 .5em .5em;bottom:-1px;height:.6em}.littlefoot-footnote.is-scrollable ::-webkit-scrollbar{display:none}.littlefoot-footnote.is-fully-scrolled::after,.littlefoot-footnote.is-fully-scrolled::before{opacity:0;transition-delay:0}@media (max-width: 720px){.littlefoot-footnote{border-radius:0;border-width:1px 0 0;bottom:0;left:0 !important;margin:0;opacity:1;position:fixed;right:auto;top:auto;transform:translateY(100%);transition:transform 0.3s ease;width:100%}.littlefoot-footnote.is-active{transform:translateY(0)}.littlefoot-footnote .littlefoot-footnote__wrapper{margin:0;max-width:100% !important;transform:none;width:100%}.littlefoot-footnote .littlefoot-footnote__wrapper,.littlefoot-footnote .littlefoot-footnote__content{border-radius:0}.littlefoot-footnote .littlefoot-footnote__tooltip{display:none}}.littlefoot-footnote__wrapper{background-color:#fafafa;border-radius:.5em;box-sizing:inherit;display:inline-block;line-height:0;margin:0;overflow:hidden;position:relative;width:22em;z-index:14}.littlefoot-footnote__content{-webkit-font-smoothing:subpixel-antialiased;-webkit-overflow-scrolling:touch;background:#fafafa;border-radius:.5em;box-sizing:inherit;display:inline-block;line-height:normal;font-size:initial;font-style:initial;font-weight:initial;max-height:15em;overflow:auto;padding:.6em 1.4em .6em;position:relative;z-index:8}.littlefoot-footnote__content img{max-width:100%}.littlefoot-footnote__content *:first-child{margin-top:0}.littlefoot-footnote__content *:last-child{margin-bottom:0}.is-scrollable .littlefoot-footnote__content{padding-bottom:0}.is-scrollable .littlefoot-footnote__content *:last-child{margin-bottom:.6em}.littlefoot-footnote__tooltip{background:#fafafa;border-top-left-radius:0;border:1px solid #c3c3c3;box-shadow:0 0 8px rgba(0,0,0,0.3);box-sizing:border-box;height:1.3em;margin-left:-0.65em;position:absolute;transform:rotate(45deg);width:1.3em;z-index:12}.is-positioned-bottom .littlefoot-footnote__tooltip{top:-0.65em}.is-positioned-top .littlefoot-footnote__tooltip{bottom:-0.65em} +.littlefoot-footnote__button{-webkit-font-smoothing:antialiased;backface-visibility:hidden;background-color:rgba(110,110,110,0.2);border-radius:.5em;border:0;box-sizing:border-box;color:rgba(110,110,110,0.5);cursor:pointer;display:inline-block;font-size:.9em;font-weight:bold;height:1em;line-height:1;margin:0 .1em 0 .2em;min-width:1.5em;padding:0 .5em;position:relative;text-decoration:none;top:-.1em;transition-duration:.25s;transition-property:background-color color;transition-timing-function:ease;vertical-align:middle;z-index:5}.littlefoot-footnote__button:hover,.littlefoot-footnote__button:focus{background-color:rgba(110,110,110,0.5);color:white}.littlefoot-footnote__button:active{background-color:rgba(110,110,110,0.5);color:white}.littlefoot-footnote__button.is-active{background-color:#6e6e6e;color:white;transition-delay:.1s}.littlefoot-footnote__button::after{clear:both;content:'';display:table}.littlefoot-footnote__button__ellipsis{padding:.35em .5em}.littlefoot-footnote__button__ellipsis svg{float:left;height:.3em}.littlefoot-footnote__button__number::after{color:rgba(110,110,110,0.5);content:attr(data-footnote-number);display:block;font-size:.9em;font-weight:bold;left:50%;padding:.35em .5em;position:absolute;top:50%;transform:translate(-50%, -50%);transition-duration:.25s;transition-property:background-color color;transition-timing-function:ease}.littlefoot-footnote__button__number:hover::after,.littlefoot-footnote__button__number.is-active::after{color:white}.littlefoot-footnote__button__number svg{display:none}.littlefoot-footnote__host{display:inline-block;position:relative;text-indent:0}@media not print{.footnote-print-only{display:none;/* !important*/}}@media print{.littlefoot-footnote,.littlefoot-footnote__button{display:none !important}}.littlefoot-footnote{background:#fafafa;border-radius:.5em;border:1px solid #c3c3c3;box-shadow:0 0 8px rgba(0,0,0,0.3);box-sizing:border-box;display:inline-block;left:0;line-height:0;margin:2.01924em 0;max-width:90%;opacity:0;position:absolute;top:0;transform-origin:50% 0;transform:scale(0.1) translateZ(0);transition-duration:.25s;transition-property:opacity,transform;transition-timing-function:ease;z-index:10}.littlefoot-footnote.is-positioned-top{bottom:0;top:auto}.littlefoot-footnote.is-active{opacity:.97;transform:scale(1) translateZ(0)}.littlefoot-footnote.is-scrollable::after{content:'';position:absolute;bottom:.3875em;left:.3875em;z-index:14;display:block;height:.78125em;width:.625em;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");background-size:cover;opacity:.1;transition-property:opacity;transition-duration:.25s;transition-timing-function:ease}.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::before,.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::after{content:'';left:0;position:absolute;width:100%;z-index:12}.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::before{background-image:linear-gradient(to bottom, #fafafa 50%, rgba(250,250,250,0) 100%);border-radius:.5em .5em 0 0;height:.6em;top:-1px}.littlefoot-footnote.is-scrollable .littlefoot-footnote__wrapper::after{background-image:linear-gradient(to top, #fafafa 50%, rgba(250,250,250,0) 100%);border-radius:0 0 .5em .5em;bottom:-1px;height:.6em}.littlefoot-footnote.is-scrollable ::-webkit-scrollbar{display:none}.littlefoot-footnote.is-fully-scrolled::after,.littlefoot-footnote.is-fully-scrolled::before{opacity:0;transition-delay:0}@media (max-width: 720px){.littlefoot-footnote{border-radius:0;border-width:1px 0 0;bottom:0;left:0 !important;margin:0;opacity:1;position:fixed;right:auto;top:auto;transform:translateY(100%);transition:transform 0.3s ease;width:100%}.littlefoot-footnote.is-active{transform:translateY(0)}.littlefoot-footnote .littlefoot-footnote__wrapper{margin:0;max-width:100% !important;transform:none;width:100%}.littlefoot-footnote .littlefoot-footnote__wrapper,.littlefoot-footnote .littlefoot-footnote__content{border-radius:0}.littlefoot-footnote .littlefoot-footnote__tooltip{display:none}}.littlefoot-footnote__wrapper{background-color:#fafafa;border-radius:.5em;box-sizing:inherit;display:inline-block;line-height:0;margin:0;overflow:hidden;position:relative;width:22em;z-index:14}.littlefoot-footnote__content{-webkit-font-smoothing:subpixel-antialiased;-webkit-overflow-scrolling:touch;background:#fafafa;border-radius:.5em;box-sizing:inherit;display:inline-block;line-height:normal;font-size:initial;font-style:initial;font-weight:initial;max-height:15em;overflow:auto;padding:.6em 1.4em .6em;position:relative;z-index:8}.littlefoot-footnote__content img{max-width:100%}.littlefoot-footnote__content *:first-child{margin-top:0}.littlefoot-footnote__content *:last-child{margin-bottom:0}.is-scrollable .littlefoot-footnote__content{padding-bottom:0}.is-scrollable .littlefoot-footnote__content *:last-child{margin-bottom:.6em}.littlefoot-footnote__tooltip{background:#fafafa;border-top-left-radius:0;border:1px solid #c3c3c3;box-shadow:0 0 8px rgba(0,0,0,0.3);box-sizing:border-box;height:1.3em;margin-left:-0.65em;position:absolute;transform:rotate(45deg);width:1.3em;z-index:12}.is-positioned-bottom .littlefoot-footnote__tooltip{top:-0.65em}.is-positioned-top .littlefoot-footnote__tooltip{bottom:-0.65em} diff --git a/icons/controls.png b/icons/controls.png new file mode 100644 index 0000000..0171713 Binary files /dev/null and b/icons/controls.png differ diff --git a/index.html b/index.html index 08e0ef9..e27b055 100644 --- a/index.html +++ b/index.html @@ -47,9 +47,9 @@ What Happens Next? COVID-19 Futures, Explained With Playable Simulations - 🔬 Here's a real deep dive! 28 min read/play: + 🔬 Here's a real deep dive! 30 min read/play: - + @@ -863,6 +863,8 @@
+ Help this post get R > 1: +

This guide is
diff --git a/js/blerp.js b/js/blerp.js index c1eada7..ba3a90c 100644 --- a/js/blerp.js +++ b/js/blerp.js @@ -1,6 +1,9 @@ window.$ = (query,el=document)=>{ return el.querySelector(query); }; +window.$all = (query,el=document)=>{ + return [...el.querySelectorAll(query)]; +}; { @@ -8,11 +11,13 @@ window.$ = (query,el=document)=>{ title = encodeURIComponent($('#share_title').innerText.trim()), desc = encodeURIComponent($('#share_desc').innerText.trim()); - $('#shareables').innerHTML = ` - Share on Facebook - Tweet - Send email - `; + $all('.shareables').forEach((dom)=>{ + dom.innerHTML = ` +
+
+
+ `; + }); } @@ -22,4 +27,8 @@ $('#show_feetnotes_button').onclick = ()=>{ $('#show_feetnotes_button').style.display = 'none'; $('#shown_feetnotes').style.display = 'block'; $('.footnotes').style.display = 'block'; -}; \ No newline at end of file +}; + +$all('.footnotes a[rev="footnote"]').forEach((a)=>{ + a.setAttribute('target','_self'); +}); \ No newline at end of file diff --git a/pics/mitigation_vs_suppression.png b/pics/mitigation_vs_suppression.png new file mode 100644 index 0000000..0989973 Binary files /dev/null and b/pics/mitigation_vs_suppression.png differ diff --git a/sharing/shareables.png b/sharing/shareables.png new file mode 100644 index 0000000..0b8d218 Binary files /dev/null and b/sharing/shareables.png differ diff --git a/sim/index.html b/sim/index.html index d7740f9..c22dd2c 100644 --- a/sim/index.html +++ b/sim/index.html @@ -36,7 +36,7 @@
- Becomes in N days + Takes N days to go from to
@@ -140,15 +140,28 @@
-
▶ Start
-
❙❙ Pause
-
▶ Continue
-
â†ș Reset
+
+
+ Start +
+
+
+ Pause +
+
+
+ Continue +
+
+
+ Reset +
-
-
â†ș Reset
-
â†ș Replay what you just did
-
â†ș Reset all sliders
+
+ Reset All +
+
+ Replay Recording
diff --git a/sim/js/Controls.js b/sim/js/Controls.js index 0c623a4..6490095 100644 --- a/sim/js/Controls.js +++ b/sim/js/Controls.js @@ -114,9 +114,11 @@ $all('.sim_input').forEach((slider)=>{ } // MORE HAX + /* if(daysCurrent==0){ sbDOM.setAttribute('label','params'); } + */ // HAX INPUTS_WERE_CHANGED = true; @@ -189,7 +191,7 @@ let restart = ()=>{ ///////////////////////////////////// let bbDOM = $('.big_button'); -let sbDOM = $('.small_button'); +//let sbDOM = $('.small_button'); let handTutorial = 0; @@ -266,6 +268,27 @@ let defaultParams = [ ["p_summer", 0], ]; +let _resetAll = ()=>{ + changeSliders(defaultParams); + changeSliders(CURRENT_STAGE.inputs); + _resetTheSim(); +}; +$('#sb_reset').onclick = ()=>{ + _resetAll(); + _updateButtons(); +}; + +$('#sb_replay').onclick = ()=>{ + _resetAll(); + recordedHistory = JSON.parse(JSON.stringify(CURRENT_STAGE.PLAY_RECORDING)); + _updateButtons(); + + restart(); + IS_PLAYING = true; +}; + + +/* sbDOM.onclick = ()=>{ if(daysCurrent==0){ @@ -279,27 +302,32 @@ sbDOM.onclick = ()=>{ } _updateButtons(); }; +*/ let _updateButtons = ()=>{ if(daysCurrent > daysTotal){ bbDOM.setAttribute('label','reset'); - sbDOM.setAttribute('label',''); + //sbDOM.setAttribute('label',''); }else if(IS_PLAYING){ bbDOM.setAttribute('label','pause'); - sbDOM.setAttribute('label','reset'); + $('#sb_reset').style.display = 'block'; + if(CURRENT_STAGE.PLAY_RECORDING){ + $('#sb_replay').style.display = 'block'; + } + //sbDOM.setAttribute('label','reset'); }else{ if(daysCurrent==0){ bbDOM.setAttribute('label','start'); - sbDOM.setAttribute('label','NONE'); + //sbDOM.setAttribute('label','NONE'); }else{ bbDOM.setAttribute('label','continue'); - sbDOM.setAttribute('label','reset'); + //sbDOM.setAttribute('label','reset'); } } @@ -333,7 +361,7 @@ let _hideAllControls = ()=>{ let _resetTheSim = ()=>{ _showAllControls(); //IS_REPLAYING_HISTORY = false; - //recordedHistory = []; + recordedHistory = []; restart(); IS_PLAYING = false; }; diff --git a/sim/js/Model.js b/sim/js/Model.js index 10b78f5..45f2f40 100644 --- a/sim/js/Model.js +++ b/sim/js/Model.js @@ -438,7 +438,7 @@ let draw = ()=>{ params._HACK_RESET_WHEN_I_100 = "go"; bbDOM.setAttribute('label','reset'); - sbDOM.setAttribute('label',''); + //sbDOM.setAttribute('label',''); if(CURRENT_STAGE.SHOW_HAND=="tutorial_0" && handTutorial==1){ if(!HAND_IS_VISIBLE){ diff --git a/sim/sim.css b/sim/sim.css index 4e0a75a..96abe15 100644 --- a/sim/sim.css +++ b/sim/sim.css @@ -4,6 +4,7 @@ body{ font-size: 15px; font-weight: normal; background: #ddd; + line-height: 15px; } div{ -webkit-user-select: none; /* Chrome all / Safari all */ @@ -48,8 +49,8 @@ div{ } #sim_controls{ - margin-top: 10px; width: 250px; + position: relative; } .big_button{ @@ -67,6 +68,8 @@ div{ } .big_button > div{ display: none; + position: relative; + top: -6px; } .big_button[label='start'] > #bb_start{ display: block; @@ -87,28 +90,22 @@ div{ .big_button[label='reset'] > #bb_reset{ display: block; } -.small_button{ - text-align: right; - margin-top: 3px; + +#sb_reset, #sb_replay{ + position: absolute; color: #999; - font-size: 17px; + font-size: 15px; font-weight: 100; cursor: pointer; + bottom: -22px; + + display: none; } -.small_button:hover{ - color: #aaa; +#sb_reset:hover, #sb_replay:hover{ + color: #bbb; } -.small_button > div{ - display: none; -} -.small_button[label='reset'] > #sb_reset{ - display: block; -} -.small_button[label='replay'] > #sb_replay{ - display: block; -} -.small_button[label='params'] > #sb_params{ - display: block; +#sb_reset{ + right: 0px; } hr{ @@ -294,6 +291,7 @@ icon[r]{ position: absolute; font-size: 20px; width: 250px; + line-height: 1.3em; } @keyframes aniFrames{ @@ -306,4 +304,25 @@ icon[r]{ 100% { transform: translate(0px,0px); } -} \ No newline at end of file +} + + +.control_icon{ + width:36px; + height:36px; + background: url(../icons/controls.png); + background-size: auto 100%; + display: inline-block; + + position: relative; + top: 6px; +} +.control_icon[continue]{ + background-position: -100% 0; +} +.control_icon[pause]{ + background-position: -200% 0; +} +.control_icon[reset]{ + background-position: -300% 0; +} diff --git a/words/words.md b/words/words.md index e954368..cab350f 100644 --- a/words/words.md +++ b/words/words.md @@ -2,8 +2,8 @@

What Happens Next?

COVID-19 Futures, Explained With Playable Simulations

-

by Marcel Salathé (epidemiologist) and Nicky Case (art/code)

-

🕐 28 min play/read

+

by Marcel Salathé (epidemiologist) and Nicky Case (art/code)

+

🕐 30 min play/read

@@ -257,9 +257,7 @@ Even if only 0.5% of infected die – a generous assumption when there's no more The "Flatten The Curve" plan was touted by every public health organization, while the United Kingdom's original "herd immunity" plan was universally booed. They were *the same plan.* The UK just communicated theirs poorly.[^yong] -[^yong]: “[Graham Medley] says that the actual goal is the same as that of other countries: flatten the curve by staggering the onset of infections. As a consequence, the nation may achieve herd immunity; it’s a side effect, not an aim. [...] - - The government’s actual coronavirus action plan, available online, doesn’t mention herd immunity at all. [...] “It’s been a case of how not to communicate during an outbreak,” says Devi Sridhar, a public-health specialist at the University of Edinburgh.” +[^yong]: “He says that the actual goal is the same as that of other countries: flatten the curve by staggering the onset of infections. As a consequence, the nation may achieve herd immunity; it’s a side effect, not an aim. [...] The government’s actual coronavirus action plan, available online, doesn’t mention herd immunity at all.” From a [The Atlantic article by Ed Yong](https://www.theatlantic.com/health/archive/2020/03/coronavirus-pandemic-herd-immunity-uk-boris-johnson/608065/) @@ -297,7 +295,7 @@ Three notes: That was the other finding of the March 16 Imperial College report, which convinced the UK to abandon its original plan. Any attempt at **mitigation** (reduce R, but R > 1) will fail. The only way out is **suppression** (reduce R so that R < 1). -// TODO: pic difference +![](pics/mitigation_vs_suppression.png) That is, don't merely "flatten" the curve, *crush* the curve. For example, with a... @@ -319,7 +317,7 @@ So, what, do we just lockdown again & again? ###Scenario 3: Intermittent Lockdown -This solution was first suggested by the March 16 Imperial College report, and later again by a Harvard paper[^lockdown_harvard]. +This solution was first suggested by the March 16 Imperial College report, and later again by a Harvard paper.[^lockdown_harvard] [^lockdown_harvard]: “Absent other interventions, a key metric for the success of social distancing is whether critical care capacities are exceeded. To avoid this, prolonged or intermittent social distancing may be necessary into 2022.” [Kissler and Tedijanto et al](https://science.sciencemag.org/content/early/2020/04/14/science.abb5793) @@ -585,7 +583,7 @@ But for COVID-19 *in humans*, as of May 1st 2020, "how long" is the big unknown. [^monkeys]: From [Bao et al.](https://www.biorxiv.org/content/10.1101/2020.03.13.990226v1.abstract) *Disclaimer: This article is a preprint and has not been certified by peer review (yet).* Also, to emphasize: they only tested re-infection 28 days later. For these simulations, let's say it's 1 year. -**Here's a simulation starting with 100% **, exponentially decaying into susceptible, no-immunity s after 1 year, on *average*: +**Here's a simulation starting with 100% **, exponentially decaying into susceptible, no-immunity s after 1 year, on *average*, with variation: