{"id":33940,"date":"2024-11-30T08:24:37","date_gmt":"2024-11-30T13:24:37","guid":{"rendered":"https:\/\/chcollins.com\/100Billion\/?p=33940"},"modified":"2024-12-01T08:20:57","modified_gmt":"2024-12-01T13:20:57","slug":"the-unpopular-vote","status":"publish","type":"post","link":"https:\/\/chcollins.com\/100Billion\/2024\/11\/the-unpopular-vote\/","title":{"rendered":"The Unpopular Vote"},"content":{"rendered":"\n<html>\n<style>\n\n.master {\n\twidth: 80vw;\n\tmax-width: 640px;\n\tmargin: 0 auto;\n\tmin-width: 290px;\n}\n\n.header, #Caption {\n\tmargin: 10px auto;\n}\n\n#myContainer {\n  width: 100%;\n  position: relative;\n  background: #fdfdfd;\n  border: 1px #000 solid;\n  margin: 0 auto;\n}\n\n@keyframes rows {\n  from {height: 89.9%}\n  to {height: 1px}\n  100% {height: 1px}\n}\n\n@keyframes rows2 {\n  from {height: 99.9%}\n  to {height: 1px}\n  100% {height: 1px}\n}\n\n@keyframes columns {\n  from {left: 0px; width: 49%;}\n  to {left: 49%; width: 0px;}\n}\n\n@keyframes rowsr {\n  from {height: 89.9%}\n  to {height: 1px}\n  100% {height: 1px}\n}\n\n@keyframes rows2r {\n  from {height: 99.9%}\n  to {height: 1px}\n  100% {height: 1px}\n}\n\n@keyframes columnsr {\n  from {left: 50.94%; width: 49%;}\n  to {left: 50.94%; width: 0px;}\n}\n\n@keyframes ballotbox {\n  0% {opacity: 50%;}\n  80% {opacity: 50%;}\n  100% {opacity: 0%;}\n}\n\n@keyframes lastbox {\n  0% {opacity: 1}\n  100% {opacity: 0;}\n}\n\n@keyframes caption {\n  0% {opacity: 0}\n  100% {opacity: 1;}\n}\n\n#DAnimationUD, #DAnimationLR, #RAnimationUD, #RAnimationLR  {\n  position: absolute;\n  display: inline-block;\n  background: white;\n  border: 0px #500 solid;\n  width: 49%;\n  top: 0px;\n  left: 0px;\n  z-index: 2;\n  height: 100%;\n}\n\n#RAnimationUD, #RAnimationLR {\n  left: 50.94%;\n}\n\n#DAnimationUD.animate {\t\n  animation: rows 10800ms steps(9, end) forwards;\n}\n#RAnimationUD.animate {\n  animation: rowsr 10800ms steps(9, end) forwards;\n}\n\n#DAnimationLR.animate {\t\n  animation: columns 1200ms steps(10, end) 10, rows2 12s steps(10, end) forwards;\n}\n#RAnimationLR.animate {\t\n\tanimation: columnsr 1200ms steps(10, end) 10, rows2r 12s steps(10, end) forwards;\n}\n\n#ballotbox {\n\ttext-align: center;\n\tposition: absolute;\n\tz-index: 3;\n\topacity: 50%;\n\ttop: 1px;\n\tleft: 1px;\n}\n\n#ballotbox.animate {\n\tanimation: ballotbox 4s linear forwards;\n}\n\n#LastBox {\n\tposition: absolute;\n\tbackground: white;\n\tz-index: 4;\n\ttop: 0px;\n\tleft: 50.94%;\n\twidth: 5%;\n\theight: 10%;\n\topacity: 1;\n}\n#LastBox.animate {\n\tanimation: lastbox 0.2s steps(1, end) 13s forwards;\n}\n\n#Caption {\n\topacity: 0;\nmargin-bottom: 30px;\n}\n\n#Caption.animate {\n\tanimation: caption 0.2s steps(1, end) 13s forwards;\n}\n\n.vote {\n\twidth: 100%;\n\ttext-align: center;\n\tmargin: 0 auto 28px;\n\n}\n\n.button {\n\tfont-size: 14px;\n\tfont-family: Montserrat, sans-serif;\n\tmargin: 0 auto;\n\tpadding: 4px;\n\tbackground: #f2f2f3;\n}\n\nimg.mandate-post {\n\twidth: 100%;\n\tdisplay: block;\n}\n<\/style>\n<div class=\"master\">\n<div class=\"vote\">\n<button class=\"button\" onclick=\"myMove()\">CLICK HERE TO COUNT VOTES<\/button> \n<\/div>\n<div class=\"header\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"33\" src=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-header.jpg\" alt=\"\" class=\"mandate-post size-full wp-image-33949\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-header.jpg 640w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-header-300x15.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div>\n<div id =\"myContainer\">\n\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"314\" src=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-grid.jpg\" alt=\"\" class=\"mandate-post size-full wp-image-33951\" style=\"padding-bottom: 1px;\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-grid.jpg 640w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-grid-300x147.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\n\t<div id=\"ballotbox\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"173\" src=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ballotbox.jpg\" alt=\"\" class=\"mandate-post size-full wp-image-33948\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ballotbox.jpg 638w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/ballotbox-300x81.jpg 300w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/div>\n\t<div id=\"DAnimationLR\"><\/div>\n\t<div id=\"DAnimationUD\"><\/div>\n\t<div id=\"RAnimationLR\"><\/div>\n\t<div id=\"RAnimationUD\"><\/div>\n\t<div id=\"LastBox\"><\/div>\n<\/div>\n<div id=\"Caption\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"33\" src=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-footer.jpg\" alt=\"\" class=\"mandate-post size-full wp-image-33950\" srcset=\"https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-footer.jpg 640w, https:\/\/chcollins.com\/100Billion\/wp-content\/uploads\/harris-trump-footer-300x15.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div>\n\n<\/div>\n\n\n\n<script>\nfunction myMove() {\n  var elem1 = document.getElementById(\"DAnimationLR\"); \n  var elem2 = document.getElementById('DAnimationUD'); \n  var elem3 = document.getElementById('RAnimationLR');\n  var elem4 = document.getElementById('RAnimationUD');\n  var elem5 = document.getElementById(\"ballotbox\");\n  var elem6 = document.getElementById(\"LastBox\");\n  var elem7 = document.getElementById(\"Caption\");\n\nelem1.classList.remove('animate'); \/\/ reset animation\nvoid elem1.offsetWidth; \/\/ trigger reflow\nelem1.classList.add('animate'); \/\/ start animation\n\nelem2.classList.remove('animate'); \/\/ reset animation\nelem3.classList.remove('animate'); \/\/ reset animation\nelem4.classList.remove('animate'); \/\/ reset animation\n\nvoid elem2.offsetWidth; \/\/ trigger reflow\nvoid elem3.offsetWidth; \/\/ trigger reflow\nvoid elem4.offsetWidth; \/\/ trigger reflow\n\nelem2.classList.add('animate'); \/\/ start animation\nelem3.classList.add('animate'); \/\/ start animation\nelem4.classList.add('animate'); \/\/ start animation\n\nelem5.classList.remove('animate'); \/\/ reset animation\nvoid elem5.offsetWidth; \/\/ trigger reflow\nelem5.classList.add('animate'); \/\/ start animation\nelem6.classList.remove('animate'); \/\/ reset animation\nvoid elem6.offsetWidth; \/\/ trigger reflow\nelem6.classList.add('animate'); \/\/ start animation\nelem7.classList.remove('animate'); \/\/ reset animation\nvoid elem7.offsetWidth; \/\/ trigger reflow\nelem7.classList.add('animate'); \/\/ start animation\n}\n\n\n<\/script>\n<\/html>\n\n\n\n<p>This diagram accurately reflects <a href=\"https:\/\/www.cookpolitical.com\/vote-tracker\/2024\/electoral-college\">the popular vote totals<\/a> and margin of victory in the 2024 presidential election.<code> <\/code>In case you&#8217;ve been feeling like you&#8217;re the only sane person in town.<\/p>\n\n\n\n<div class=\"header\">\u00a0<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CLICK HERE TO COUNT VOTES This diagram accurately reflects the popular vote totals and margin of victory in the 2024 presidential election. In case you&#8217;ve been feeling like you&#8217;re the only sane person in town. \u00a0<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-33940","post","type-post","status-publish","format-standard","hentry","category-commentary"],"_links":{"self":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts\/33940","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/comments?post=33940"}],"version-history":[{"count":28,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts\/33940\/revisions"}],"predecessor-version":[{"id":33985,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/posts\/33940\/revisions\/33985"}],"wp:attachment":[{"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/media?parent=33940"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/categories?post=33940"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chcollins.com\/100Billion\/wp-json\/wp\/v2\/tags?post=33940"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}