Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@nerkepeszto
nerkepeszto committed Jun 3, 2024
1 parent a6d7f34 commit e20db76
Showing 1 changed file with 51 additions and 42 deletions.
93 changes: 51 additions & 42 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>

<title>Wealth, shown to scale</title>
<title>NERképesztő!!!</title>
<meta name="description" content="Inequality in the United States is out of control. Here we visualize the issue in a unique way." />

<meta name="twitter:card" content="summary_large_image">
Expand All @@ -25,14 +25,14 @@
<div class="wealth-wrapper-outer">
<div class="wealth-row wealth-row-one">
<div class="title-screen">
<h1>Wealth shown to scale</h1>
<h1>NERképesztő!!!</h1>
<div class="scroll-this-way">
<span>scroll right</span>
<span>görgess jobbra</span>
<div id="instructions" class="instructions">To scroll right, use shift + mousewheel. If you have a touchpad, swipe sideways.</div>
</div>
</div>
<div class="wealth-wrapper">
<h2 class="wealth-title">$1,000</h2>
<h2 class="wealth-title">1.000 Ft</h2>
<div class="wealth one-thousand"></div>
<div class="arrow">
<svg viewBox="668 -8 14 70" width="14" height="70">
Expand All @@ -42,113 +42,121 @@ <h2 class="wealth-title">$1,000</h2>
</div>

<div class="wealth-wrapper median">
<h2 class="wealth-title">$68,000 <span class="explainer">(Median US household income)</span></h2>
<h2 class="wealth-title">100.000 Ft <span class="explainer"></span></h2>
<div class="wealth median-income"></div>
</div>

<div class="wealth-wrapper million">
<h2 class="wealth-title">$1 million</h2>
<h2 class="wealth-title">1 millió Ft</h2>
<div class="wealth"></div>
</div>

<div class="wealth-wrapper billion">
<div class="wealth">
<h2 class="wealth-title">$1 billion</h2>
<h2 class="wealth-title">1 milliárd Ft</h2>
</div>
</div>

<div name="bezos" class="wealth-wrapper bezos">
<div id="bezos" class="wealth ruler">
<h2 class="wealth-title">$185 billion (wealth of Jeff Bezos)</h2>
<h2 class="wealth-title">330 milliárd Ft (ennyivel gazdagodott Mészáros Lőrinc 2023-ban)</h2>
<div class="counter" id="bezos-counter"></div>
<div class="key">
<span>$80 million</span>
<span>80 millió Ft</span>
</div>

<div class="text-infobox infobox first">
<div class="title">Jeff is so wealthy, that it is quite literally unimaginable.</div>
<div class="title">Mészáros Lőrinc 2023-ban annyira sokat keresett, hogy az szó szerint elképzelhetetlen...</div>
</div>

<div class="text-infobox infobox">
<div class="title">We rarely see wealth inequality represented to scale. This is part of the reason Americans <a href="https://www.ncbi.nlm.nih.gov/pubmed/26162108" target="_blank">consistently under-estimate</a> the relative wealth of the super rich.</div>
<div class="title">Ritkán látjuk a vagyonegyenlőtlenséget arányosan megjelenítve. Ezért az emberek nagy többsége rettenetesen alulbecsüli a szuper-gazdagok relatív vagyonát.</div>
</div>

<div class="five-pixels text-infobox infobox-half infobox">
<div class="title">Every 10 pixels you scroll is $5 million.</div>
<div class="title">Minden 10 pixel amit görgetsz az 5 millió Ft.</div>
</div>

<div class="coming-up text-infobox infobox">
<div class="title">OK, we're coming up on the end now.</div>
<div class="title">OK, mindjárt a végére érünk már.</div>
</div>

<div class="text-infobox infobox">
<div id="bezos-counter-start" class="title">
<p>Lol, just kidding, we're about a third of the way. Keep scrolling though, there's more to see.</p>
<p>DAAAHAHAHAHAAHA, csak vicceltem, még csak kb. az ötödénél tartunk! Azért görgess tovább - van itt még min meglepődni...</p>
</div>
</div>


<div class="text-infobox infobox infobox-half">
<div class="title">Let's put this wealth in perspective by comparing it to some familiar things.</div>
<div class="title">Hasonlítsuk össze Lölő 2023-as gazdagodását néhány ismert fogalommal.</div>
</div>

<div class="infobox infobox-half lifetime">
<div class="title-square-wrapper">
<div class="title">All the money you will ever earn in your entire life from the day you are born until the day you die (about $1.7 million)</div>
<div class="title">A magyar nettó minimálbér egy hónapra (177.422 Ft)</div>
<div class="square"></div>
</div>
</div>

<div class="infobox infobox-half healthcare">
<div class="title-square-wrapper">
<div class="title">Annual cost of health care for a family of four</div>
<div class="title">Egy pedagógus havi nettó átlagfizetése (365.500 Ft)</div>
<div class="square"></div>
</div>
</div>

<div class="infobox infobox-half amazon-year">
<div class="title-square-wrapper">
<div class="title">Annual pay of an Amazon warehouse worker.</div>
<div class="title">A magyar nettó minimálbér egy évre (2.129.064 Ft)</div>
<div class="square"></div>
</div>
</div>

<div class="infobox infobox-half year-veteran">
<div class="square shadow">
<div class="title">Annual cost to house every homeless veteran.</div>
<div class="title-square-wrapper">
<div class="title">Egy pedagógus éves nettó átlagbére (4.386.000 Ft)</div>
<div class="square"></div>
</div>
</div>

<div class="infobox infobox-half lolo-oraber">
<div class="title-square-wrapper">
<div class="title">Mészáros Lőrinc ÓRABÉRE (158 millió Ft)</div>
<div class="square"></div>
</div>
</div>

<div class="infobox infobox-half year-chemo">
<!--<div class="infobox infobox-half year-chemo">
<div class="square shadow">
<div class="title">Annual cost of chemotherapy for all cancer patients ($9 billion)</div>
<div class="title">Ennyit keres EGÉSZ ÉLETE alatt egy pedagógus (175.440.000 Ft)</div>
<div class="midtext-wrapper">
<div class="midtext">On July 20th 2020 Jeff Bezos made <a href="https://www.cnbc.com/2020/07/21/bezos-record-multibillion-dollar-net-worth-gain-bloomberg.html" target="_blank">$13 billion</a> in a single day.</div>
<div class="midtext">2024-ben Mészáros Lőrinc 904 millió forintot keresett egy ÁTLAGOS NAPON</div>
</div>
</div>
</div>
</div>
<div class="infobox infobox-half text-infobox">
<div class="title">
<p>Even the fortunes of very rich people are dwarfed by the incomprehensible wealth of the 0.0001%.</p>
<p>Mészáros Lőrinc órabére 37.671.232 Ft</p>
</div>
</div>
</div>-->

<div class="infobox infobox-quarter celebrities">
<div class="column-infobox">
<div class="sub-infobox goldman">
<div class="title">Wealth of Goldman Sachs CEO David Solomon ($50 million)</div>
<div class="title">Ennyit keres egy pedagógus EGÉSZ ÉLETE alatt (175 millió Ft)</div>
<div class="square shadow"></div>
</div>

</div>
<div class="sub-infobox beyonce">
<div class="title">Wealth of Beyonc&eacute; ($400 million)</div>
<div class="title">Ennyit keresett 2023-ban Mészáros Lőrinc MINDEN EGYES NAPON (904 millió Ft)</div>
<div class="square shadow"></div>
</div>

<div class="sub-infobox tim-cook">
<div class="title">Wealth of Apple CEO Tim Cook ($625 million)</div>
<!--<div class="sub-infobox tim-cook">
<div class="title">Ennyit keres 2024-be egy pedagógus egy ÁTLAGOS NAPON (12.016 Ft)</div>
<div class="square shadow"></div>
</div>
Expand All @@ -167,23 +175,23 @@ <h2 class="wealth-title">$185 billion (wealth of Jeff Bezos)</h2>
<div class="sub-infobox hedgefund">
<div class="title">Lifetime earnings of a hedge fund manager, on average ($84 million)</div>
<div class="square shadow"></div>
</div>
</div>-->

</div>

<div class="infobox infobox-close text-infobox">
<div class="title">
<p>These people may see themselves as fabulously rich, and often oppose policies aimed at reducing inequality.</p>
<p>Egy demokratikus társadalomban egyetlen ember kezében sem szabadna ekkora vagyonnak felhalmozódnia...</p>
</div>
</div>

<div class="infobox infobox-close text-infobox">
<div class="title">
<p>But many have not fully grasped the enormous gulf between themselves and the super rich.</p>
<p>Ugyanis: szuper-gazdagság --> szuper-hatalom... és szuper-hatalom --> szuper-gazdagság... </p>
</div>
</div>

<div id="line-chart" class="infobox infobox-quarter line-chart">
<!-- <div id="line-chart" class="infobox infobox-quarter line-chart">
<div class="chart-outer">
<div class="chart-inner">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" version="1.1" viewBox="150 276 604 133" width="604" height="133">
Expand Down Expand Up @@ -244,24 +252,24 @@ <h2 class="wealth-title">$185 billion (wealth of Jeff Bezos)</h2>
<a class="zoom-out" onclick="toggleZoom()" href="javascript:;">Zoom Out</a>
</div>
</div>
</div>
</div> -->

<div class="infobox infobox-close text-infobox">
<div class="title">
<p>We can have a world in which wealthy people exist, without handing <a href="https://www.usatoday.com/story/money/2018/01/22/vast-majority-new-wealth-last-year-went-top-1/1051947001/" target="_blank">nearly all money</a> to the super rich.
<p>Nna, lassan közeledünk a feléhez... szerintem add fel...
</div>
</div>
</div>

<div class="infobox infobox text-infobox no-single-human">
<div class="title">
<p>No single human needs or deserves this much wealth.</p>
<p>Nincs itt már semmi látnivaló... csak még 170 milliárd Ft...</p>
</div>
</div>

</div>
</div>

<div id="four-hundred" class="wealth-wrapper four-hundred">
<!-- <div id="four-hundred" class="wealth-wrapper four-hundred">
<div class="wealth ruler">
<h2 class="wealth-title">400 richest Americans ($3.2 trillion)</h2>
<div class="counter" id="four-hundred-counter"></div>
Expand Down Expand Up @@ -630,12 +638,13 @@ <h2 class="title what-could-we-do">We cannot accept this level of inequality any
</div>
</div>
</div>
</div> -->
</div>
<div class="footer">
<div>Updated April 3, 2021. <a target="_blank" href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/README.md">About this page</a></div>
<div class="also">Also checkout: <a href="https://mkorostoff.github.io/incarceration-in-real-numbers/" target="_blank">Incarceration in Real Numbers</a></div>
<div>2024. május 30.</div>
<div class="also">Az <a target="_blank" href="https://github.com/MKorostoff">eredeti szerző</a> koncepcióján és <a target="_blank" href="https://github.com/MKorostoff/1-pixel-wealth/blob/master/README.md">munkáján</a> alapuló NERképesztés</div>
</div>


</div>
<script type="text/javascript" src="main.js?version=1.9"></script>
Expand Down

0 comments on commit e20db76

Please sign in to comment.