Home
LARVAMAXXING
ABOUT
NEWS
ARTICLES
<div id="container"> <div id="countdown"> <div> <span id="yrs">21</span> <div class="label">Years</div> </div><div> <span class="separator"> : </span> <div class="label blank">x</div> <!-- ugly hack --> </div><div> <span id="day">138</span> <div class="label">Days</div> </div><div> <span class="separator"> : </span> <div class="label blank">x</div> </div><div> <span id="hrs">07</span> <div class="label">Hours</div> </div><div> <span class="separator"> : </span> <div class="label blank">x</div> </div><div> <span id="min">43</span> <div class="label">Minutes</div> </div><div> <span class="separator"> : </span> <div class="label blank">x</div> </div><div> <span id="sec">20</span> <div class="label">Seconds</div> </div> </div> <div id="bar"> <div id="wh_pct">58.81373055%</div> <div id="nw_pct">41.18626945%</div> <div id="bar_frame"> <div id="bar_fill" style="width: 41.2%;"></div> </div> <div id="wh_lab">White</div> <div id="nw_lab">Non-White</div> </div> <div id="graph"> <!-- Everything is filled in with JS, change amount empty divs to change amount of labels --> <div id="ylabels"> <div>100%</div> <div>50%</div> <div>0%</div> </div> <div id="chart"><div class="line" style="width: calc(3.23% + 3px); transform: rotate(0.05rad); left: calc(0% - 1.5px); bottom: calc(79.81% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Wed Jul 01 1750: 79.6%"></div><div class="line" style="width: calc(3.28% + 3px); transform: rotate(0.18rad); left: calc(3.23% - 1.5px); bottom: calc(79.56% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Tue Jul 01 1760: 78.6%"></div><div class="line" style="width: calc(3.26% + 3px); transform: rotate(-0.14rad); left: calc(6.45% - 1.5px); bottom: calc(78.59% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Sun Jul 01 1770: 79.3%"></div><div class="line" style="width: calc(3.37% + 3px); transform: rotate(-0.27rad); left: calc(9.68% - 1.5px); bottom: calc(79.3% - 1.5px);"></div><div class="chartElement" style="width: 3.22%;" title="Sat Jul 01 1780: 80.7%"></div><div class="line" style="width: calc(3.24% + 3px); transform: rotate(-0.08rad); left: calc(12.93% - 1.5px); bottom: calc(80.73% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Mon Aug 02 1790: 81.1%"></div><div class="line" style="width: calc(3.23% + 3px); transform: rotate(0.03rad); left: calc(16.16% - 1.5px); bottom: calc(81.12% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Mon Aug 04 1800: 81.0%"></div><div class="line" style="width: calc(3.25% + 3px); transform: rotate(-0.12rad); left: calc(19.39% - 1.5px); bottom: calc(80.97% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Mon Aug 06 1810: 81.6%"></div><div class="line" style="width: calc(3.17% + 3px); transform: rotate(-0.05rad); left: calc(22.61% - 1.5px); bottom: calc(81.62% - 1.5px);"></div><div class="chartElement" style="width: 3.13%;" title="Mon Aug 07 1820: 81.9%"></div><div class="line" style="width: calc(3.32% + 3px); transform: rotate(-0.24rad); left: calc(25.78% - 1.5px); bottom: calc(81.89% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Tue Jun 01 1830: 83.2%"></div><div class="line" style="width: calc(3.25% + 3px); transform: rotate(-0.13rad); left: calc(29.01% - 1.5px); bottom: calc(83.16% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Mon Jun 01 1840: 83.8%"></div><div class="line" style="width: calc(3.33% + 3px); transform: rotate(-0.25rad); left: calc(32.23% - 1.5px); bottom: calc(83.82% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Sat Jun 01 1850: 85.1%"></div><div class="line" style="width: calc(3.34% + 3px); transform: rotate(-0.26rad); left: calc(35.46% - 1.5px); bottom: calc(85.13% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Fri Jun 01 1860: 86.5%"></div><div class="line" style="width: calc(3.25% + 3px); transform: rotate(0.13rad); left: calc(38.68% - 1.5px); bottom: calc(86.52% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Wed Jun 01 1870: 85.9%"></div><div class="line" style="width: calc(3.29% + 3px); transform: rotate(-0.2rad); left: calc(41.91% - 1.5px); bottom: calc(85.86% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Tue Jun 01 1880: 86.9%"></div><div class="line" style="width: calc(3.24% + 3px); transform: rotate(-0.08rad); left: calc(45.14% - 1.5px); bottom: calc(86.91% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Mon Jun 02 1890: 87.3%"></div><div class="line" style="width: calc(3.22% + 3px); transform: rotate(-0.15rad); left: calc(48.36% - 1.5px); bottom: calc(87.34% - 1.5px);"></div><div class="chartElement" style="width: 3.15%;" title="Fri Jun 01 1900: 88.1%"></div><div class="line" style="width: calc(3.14% + 3px); transform: rotate(-0.09rad); left: calc(51.54% - 1.5px); bottom: calc(88.12% - 1.5px);"></div><div class="chartElement" style="width: 3.1%;" title="Fri Apr 15 1910: 88.5%"></div><div class="line" style="width: calc(3.31% + 3px); transform: rotate(0.01rad); left: calc(54.68% - 1.5px); bottom: calc(88.55% - 1.5px);"></div><div class="chartElement" style="width: 3.27%;" title="Thu Jan 01 1920: 88.5%"></div><div class="line" style="width: calc(3.23% + 3px); transform: rotate(0.04rad); left: calc(57.98% - 1.5px); bottom: calc(88.51% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Tue Apr 01 1930: 88.3%"></div><div class="line" style="width: calc(3.27% + 3px); transform: rotate(0.16rad); left: calc(61.21% - 1.5px); bottom: calc(88.3% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Mon Apr 01 1940: 87.5%"></div><div class="line" style="width: calc(3.46% + 3px); transform: rotate(0.37rad); left: calc(64.43% - 1.5px); bottom: calc(87.46% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Sat Apr 01 1950: 85.4%"></div><div class="line" style="width: calc(3.45% + 3px); transform: rotate(0.36rad); left: calc(67.66% - 1.5px); bottom: calc(85.44% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Fri Apr 01 1960: 83.5%"></div><div class="line" style="width: calc(4.04% + 3px); transform: rotate(0.64rad); left: calc(70.89% - 1.5px); bottom: calc(83.47% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Wed Apr 01 1970: 79.6%"></div><div class="line" style="width: calc(4.04% + 3px); transform: rotate(0.65rad); left: calc(74.11% - 1.5px); bottom: calc(79.57% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Tue Apr 01 1980: 75.6%"></div><div class="line" style="width: calc(5.17% + 3px); transform: rotate(0.9rad); left: calc(77.34% - 1.5px); bottom: calc(75.64% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Sun Apr 01 1990: 69.1%"></div><div class="line" style="width: calc(4.65% + 3px); transform: rotate(0.8rad); left: calc(80.56% - 1.5px); bottom: calc(69.13% - 1.5px);"></div><div class="chartElement" style="width: 3.19%;" title="Sat Apr 01 2000: 63.7%"></div><div class="line" style="width: calc(2.11% + 3px); transform: rotate(0.64rad); left: calc(83.79% - 1.5px); bottom: calc(63.75% - 1.5px);"></div><div class="chartElement" style="width: 1.68%;" title="Thu Apr 01 2010: 61.7%"></div><div class="line" style="width: calc(2.08% + 3px); transform: rotate(0.68rad); left: calc(85.48% - 1.5px); bottom: calc(61.72% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Wed Jul 01 2015: 59.6%"></div><div class="line" style="width: calc(2.06% + 3px); transform: rotate(0.67rad); left: calc(87.1% - 1.5px); bottom: calc(59.61% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Wed Jul 01 2020: 57.5%"></div><div class="line" style="width: calc(2.06% + 3px); transform: rotate(0.67rad); left: calc(88.71% - 1.5px); bottom: calc(57.54% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Tue Jul 01 2025: 55.5%"></div><div class="line" style="width: calc(2.06% + 3px); transform: rotate(0.67rad); left: calc(90.32% - 1.5px); bottom: calc(55.48% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Mon Jul 01 2030: 53.4%"></div><div class="line" style="width: calc(2.07% + 3px); transform: rotate(0.67rad); left: calc(91.93% - 1.5px); bottom: calc(53.41% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Sun Jul 01 2035: 51.3%"></div><div class="line" style="width: calc(2.06% + 3px); transform: rotate(0.67rad); left: calc(93.55% - 1.5px); bottom: calc(51.34% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Sun Jul 01 2040: 49.3%"></div><div class="line" style="width: calc(2.03% + 3px); transform: rotate(0.65rad); left: calc(95.16% - 1.5px); bottom: calc(49.29% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Sat Jul 01 2045: 47.3%"></div><div class="line" style="width: calc(1.99% + 3px); transform: rotate(0.63rad); left: calc(96.77% - 1.5px); bottom: calc(47.3% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Fri Jul 01 2050: 45.4%"></div><div class="line" style="width: calc(1.95% + 3px); transform: rotate(0.6rad); left: calc(98.39% - 1.5px); bottom: calc(45.42% - 1.5px);"></div><div class="chartElement" style="width: 1.6%;" title="Thu Jul 01 2055: 43.6%"></div><div class="chartElement" style="width: 0px; height: 100%;"></div><div id="dot" style="bottom: calc(58.81% - 7.5px); left: calc(87.7% - 7.5px);"><div>You are here</div></div></div> <div id="xlabels"> <div>1750</div> <div>1802</div> <div>1853</div> <div>1905</div> <div>1957</div> <div>2008</div> <div>2060</div> </div> <span id="graph_lab">White population of the United States over time</span> </div> <div id="world" height="400px"> <img src="data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100"%3E%3CclipPath id="a"%3E%3Ccircle cx="23" cy="24" r="19"/%3E%3C/clipPath%3E%3Cg transform="translate(0 52)"%3E%3Ccircle cx="50" cy="-2" fill="%23333" r="50"/%3E%3Cg fill="%23fff" clip-path="url(%23a)" transform="translate(-10.5 -65.1) scale(2.63024)"%3E%3Cpath d="M41.8 21l-.4.7-1-1h-.9l-.7-.8v1l.6.5.4.5.6-.6.4.8v.8l-.6.7-1.2.9-.9.8-.6-.6.3-.7-.6-.7-1-2-.7-1-.3.3.4 1.1.6.7 1.1 3 2.1-.2v.6l-.9 2-.7 1L37 30v2.3l.2 1-.3.3-.8.5-.9.7.7.8-.9.8.2.5-1.4 1.6h-1l-.7.5h-.6v-.7l-.2-1.3-.8-2.4v-1.8l.4-.8-.5-1v-1.3L30 29l.3-1.1-.6-.6h-1l-.3-.4-1 .6-.3-.4-1 .7-1.7-2-.8-1.8.7-1-.4-.3.8-2 2-2.3 1.2-.3 1.4-.1 1 .2 1.3 1.3.4-.5h.7l1.2.3h1l.6-.5.3-.4-.7-.4-1-.1-1-1.3-.3.2-.2 1-.6-.7-.2-.8-.7-.5h-.3l.7.8-.3.7-.5.2.3-.8-.6-.3-.6-.6-1 .2-.2.3-.7.4-.3 1-1 .4-.3-.5h-.4v-1.4l.9-.5h.7l-.1-.6-.6-.6 1-.2.5-.6.4-.7h.8l-.2-.6.5-.3v.6l1 .3 1.2-1v-.4l1-.7-1 .2v-.7l.3-.8H32l-.8.7-.2.4.2.6-.4 1-.6-.4-.5-.6-.8.6-.2-1.3 1.3-.9v-.5l.9-.5 1.4-.4.9.4 1.7.3-.4.5h-1l1 1 .7-.9.2-.2 16-2.2zM24.2 9.7l-.1.5.5.4.9-.6-.5-.5-.5.3h-.3m.8-3.4l-2-.7-2 .2-2.7.8-.5.4 1.6 1.2v.6l-.6.7.8 1.7.6-.3.7-1.2c1.1-.3 2.1-.7 3.2-1.2l.9-2.2m1.9 6.8l-.3-.7-.5.2.2.9.6-.4"/%3E%3Cpath d="M27.2 13l-.2 1 .8-.1.6-.6-.5-.5-.6-1.3H27v.5l.3.3v.8M16.6 28.5l-.6-1.1-1-.3-.7-1.5-1.4.2-1.2-1-1.3 1.2v.2l-1.2-.4-.3-.8v-.9l-.9.1.2-1.7h-.5l-.5.7-.5.2L6 23v-2l1.1-.8h1v-.5l1.1.3.8 1 .2-1.7 1.3-1.1.5-1.2 1-.5.6-.8 1.3-.2.7-1h-2l1.2-.6h.9l1.2-.4.2-.4-.5-.5-.5-.1.2-.5-.4-.7-.9.3.2-.7-1-.5-.8 1.4v.4l-.7.4-.5 1-.2-1-1.4-.5-.2-.8 1.8-1 .8-.7v-1l-.4-.2H12l-.3.8-.9.1L-8 5 4 22.6l.7 1.2 1.5.9 1.5.4.7.8 1 .7h.5l.5.2-.6 1.6-.4.7.1.3-.3 1.2 1.3 2.4 1.2 1.1.6.8v1.7l.4 1-.5 1.9v.2l.1.3 2.2 1.1.5-.3-.2-.4.6-.6.2-.6 1-.3.7-1.8-.2-.5.5-.7 1-.2.6-1.3-.1-1.7.8-1.2.2-1.2-3.5-1.8M15 10l.7.6h.6V10l-.7-.3-.6.4"/%3E%3Cpath d="M13.1 9.4l-.3 1h.7l.3-.9 1-.7.7.3 1.4 1 .7-.7-.8-.3-.3-.7-1.4-.2v-.4l-.7.2-.3.5-.3-.7-.2.3V9l-.5.5M15.7 7.4L16 7l.7-.2 1.5-.6-.3-.5-1 .2-.4.4-.7.1-.6.3-.3.2-.2.2.9.2M17 15.1l.3-.6-.6-.5.2 1.1"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E" alt="globe"> <h2>11.5%</h2> <span id="graph_lab">White percentage of global population</span> </div> <div id="sources"> <h2>Sources: </h2> <a href="https://www2.census.gov/programs-surveys/popproj/tables/2014/2014-summary-tables/np2014-t10.xls">Table 10. Projections of the Population by Sex, Hispanic Origin, and Race for the United States: 2015 to 2060 (NP2014-T10)</a> <br> U.S. Census Bureau, Population Division (December 2014) <br> <br> <a href="https://www.census.gov/population/www/documentation/twps0076/twps0076.pdf">Historical Census Statistics on Population Totals By Race, 1790 to 1990, and By Hispanic Origin, 1970 to 1990, For The United States, Regions, Divisions, and States</a> <br> U.S. Census Bureau, Population Division (Feburary 2005) <br> <br> Historical Statistics of the United States, Colonial Times to 1970, Bicentennial Edition, Part 2, Series Z 1–19. <a href="http://www2.census.gov/prod2/statcomp/documents/CT1970p2-13.pdf">Chapter Z: Colonial and Pre-Federal Statistics</a>. <br> U.S. Census Bureau (September 1975) <br> <br> World Population Prospects, The 2017 Revision, <a href="https://esa.un.org/unpd/wpp/Publications/Files/WPP2017_KeyFindings.pdf">Key Findings and Advance Tables</a>. Working Paper No. ESA/P/WP/248. <br> United Nations, Population Division, Department of Economic and Social Affairs (2017) <br> <br> </div> </div>
