index.html

<!DOCTYPE html>
<html>
    <head>
    <title>Andrew Park</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
    <link rel="stylesheet" href="styles/style.css">
    </head>
    <body>
    <div class = "header">
        <p class="header-name">Andrew Park</p>
        <p class="header-resume"><a href="AndrewPark_Resume.pdf">(Resume)</a></p>
    </div>
    <div class="intro">
        <p>Hi! I‘m a recent graduate from Columbia University, and most recently spent time as a Graphics intern at the New York Times. I previously worked at the <span>Texas Tribune</span>, <span>Columbia Daily Spectator</span>, <span>San Francisco Chronicle</span>, and CNN.</p>
    </div>
    <div class="links">
        <a href="https://twitter.com/androo_park/" target="_blank" rel="noopener noreferrer"><img src="images/twitter-logo.svg" width="30px;"></img></a>
        <a href="https://www.github.com/apark2020/" target="_blank" rel="noopener noreferrer"><img src="images/github-mark.svg" width="30px;"></img></a>
        <a href="mailto:ajp2259@columbia.edu" target="_blank" rel="noopener noreferrer"><img src="images/email.svg" width="30px;"></img></a>
    </div>
    <div class="grid-cont" style="padding-bottom:50px;">
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.nytimes.com/interactive/2024/08/22/us/elections/kamala-harris-donors.html" target="_blank" rel="noopener noreferrer">
                    <img src="images/campfin.png" alt="diverged" style="width:100%">
                </a>
            </div>
            <h3><a href="https://www.nytimes.com/interactive/2024/08/22/us/elections/kamala-harris-donors.html" target="_blank" rel="noopener noreferrer">Who Are Kamala Harris’s 1.5 Million New Donors? <span>(New York Times)</span></a></h3>
            <p>Tools: Svelte, d3</p>
        </div>
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.nytimes.com/interactive/2024/us/elections/2024-election-calendar.html" target="_blank" rel="noopener noreferrer">
                    <img src="images/calendar-swarm.png" alt="diverged" style="width:100%">
                </a>
            </div>
            <h3><a href="https://www.nytimes.com/interactive/2024/us/elections/2024-election-calendar.html" target="_blank" rel="noopener noreferrer">2024 Presidential Election Calendar <span>(New York Times)</span></a></h3>
            <p>Tools: Svelte, d3, Illustrator</p>
        </div>
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.nytimes.com/2024/08/10/us/politics/harris-trump-battleground-polls.html" target="_blank" rel="noopener noreferrer">
                    <img src="images/nyt-polls.png" alt="diverged" style="width:100%">
                </a>
            </div>
            <h3><a href="https://www.nytimes.com/2024/08/10/us/politics/harris-trump-battleground-polls.html" target="_blank" rel="noopener noreferrer">Harris Leads Trump in Three Key States, Times/Siena Polls Find <span>(New York Times)</span></a></h3>
            <p>Tools: Svelte, d3</p>
        </div>
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.nytimes.com/2024/07/08/world/europe/france-election-maps.html" target="_blank" rel="noopener noreferrer">
                    <img src="images/france-map.png" alt="diverged" style="width:100%">
                </a>
            </div>
            <h3><a href="https://www.nytimes.com/2024/07/08/world/europe/france-election-maps.html" target="_blank" rel="noopener noreferrer">Mapping How France Voted <span>(New York Times)</span></a></h3>
            <p>Tools: Svelte, TypeScript</p>
        </div>
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.texastribune.org/2024/04/04/texas-wind-energy-technician-training/" target="_blank" rel="noopener noreferrer">
                    <img src="images/wind-power.png" alt="diverged" style="width:100%">
                </a>
            </div>
            <h3><a href="https://www.texastribune.org/2024/04/04/texas-wind-energy-technician-training/" target="_blank" rel="noopener noreferrer">Texas wind energy firms need more technicians. Can they drum up student interest without state support? <span>(The Texas Tribune)</span></a></h3>
            <p>Tools: pandas, Illustrator</p>
        </div>
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.sfchronicle.com/projects/2023/california-big-melt-water/" target="_blank" rel="noopener noreferrer">
                    <img src="images/snowpack.jpeg" alt="diverged" style="width:100%">
                </a>
            </div>
            <h3><a href="https://www.sfchronicle.com/projects/2023/california-big-melt-water/" target="_blank" rel="noopener noreferrer">The Big Melt Transformed California <span>(San Francisco Chronicle)</span></a></h3>
            <p>Tools: pandas, RAWGraphs, Illustrator</p>
        </div>
        <div class="grid-item">
            <div class="image-cont">
                <a href="https://www.columbiaspectator.com/sports/2022/10/18/with-improved-homecoming-performances-in-the-bagnoli-era-columbia-football-looks-to-continue-success-this-year/" target="_blank" rel="noopener noreferrer">
                    <video muted loop width="100%" id="footballvid" preload="none">
                        <source src="videos/football.mp4">
                        Your browser does not support the video tag.
                        <script>
                            videoE=document.getElementById("footballvid");
                            videoE.play();
                            videoE.pause();
                            videoE.play();
                        </script>
                    </video>
                </a>
            </div>
            <h3><a href="https://www.columbiaspectator.com/sports/2022/10/18/with-improved-homecoming-performances-in-the-bagnoli-era-columbia-football-looks-to-continue-success-this-year/" target="_blank" rel="noopener noreferrer">With improved Homecoming performances in the Bagnoli era, Columbia football looks to continue success this year</a> <span>(Columbia Daily Spectator)</span><span><a class="trophy-link" href="https://www.spj.org/moe22.asp" target="_blank" rel="noopener noreferrer">🏆</a></span></h3>
            <p>Tools: d3, scrollama</p>
        </div>
        <div class="grid-item">
            <a href="https://www.columbiaspectator.com/news/2022/10/13/endowment-suffers-more-than-1b-in-losses-as-columbia-reports-negative-returns/" target="_blank" rel="noopener noreferrer">    
                <video muted loop width="100%" id="endowmentvid" preload="none">
                    <source src="images/endowment.mp4">
                    Your browser does not support the video tag.
                    <script>
                        videoE=document.getElementById("endowmentvid");
                        videoE.play();
                        videoE.pause();
                        videoE.play();
                        console.log(videoE);
                        console.log("fire");
                    </script>
                </video>
            </a>
            <h3><a href="https://www.columbiaspectator.com/news/2022/10/13/endowment-suffers-more-than-1b-in-losses-as-columbia-reports-negative-returns/" target="_blank" rel="noopener noreferrer">Endowment suffers more than $1B in losses as Columbia reports negative returns <span>(Columbia Daily Spectator)</span></a></h3>
            <p>Tools: d3, scrollama</p>
        </div>
        <!-- <div class="grid-item">
            <a href="https://www.cnn.com/2022/06/25/politics/black-women-running-for-governor-2022/index.html" target="_blank" rel="noopener noreferrer">
                <img src="images/governor.png" alt="Map showing which Black women are still in the running for governor. At least eight women in seven states remained in the race as of June 22nd, 2022." style="width:100%"></img>
            </a>
            <h3><a href="https://www.cnn.com/2022/06/25/politics/black-women-running-for-governor-2022/index.html" target="_blank" rel="noopener noreferrer">After year of historic political gains, Black women continue push toward governorships</a></h3>
            <p>Tools: RAWGraphs, Illustrator</p>
        </div> -->
        <div class="grid-item" id="wh">
            <a href="https://www.columbiaspectator.com/news/2022/02/22/demographic-shift-shakes-west-harlem-amid-a-surge-of-luxury-developments/" target="_blank" rel="noopener noreferrer">
                <video muted loop width="100%" id="whgentvid" preload="none">
                    <source src="images/wh-gentrification.mp4">
                    Your browser does not support the video tag.
                    <script>
                        video=document.getElementById("whgentvid");
                        video.play();
                        console.log(video);
                        console.log("fire");
                    </script>
                </video>
            </a>
            <h3><a href="https://www.columbiaspectator.com/news/2022/02/22/demographic-shift-shakes-west-harlem-amid-a-surge-of-luxury-developments/" target="_blank" rel="noopener noreferrer">Demographic shift shakes West Harlem amid a surge of luxury developments <span>(Columbia Daily Spectator)</span></a></h3>
            <p>Tools: Mapbox Studio/GL JS, Javascript</p>
        </div>
        <div class ="grid-item">
            <a href="https://www.columbiaspectator.com/sports/2021/03/26/we-have-work-to-do-examining-columbia-athletics-persistent-gender-disparity-in-team-funding/" target="_blank" rel="noopener noreferrer">
                <img src="images/stackedbargraph.png" alt="A stacked bar graph depicting disparity in Men's and Women's team expenses at every Ivy League school" style="width:100%">
            </a>
            <h3><a href="https://www.columbiaspectator.com/sports/2021/03/26/we-have-work-to-do-examining-columbia-athletics-persistent-gender-disparity-in-team-funding/" target="_blank" rel="noopener noreferrer">‘We have work to do’: examining Columbia Athletics’ persistent gender disparity in team funding <span>(Columbia Daily Spectator)</span></a></h3>
            <p>Tools: pandas, matplotlib, Illustrator</p>
        </div>
        <!-- <div class ="grid-item">
            <a href="https://www.columbiaspectator.com/arts-and-entertainment/2021/06/17/the-changing-food-landscape-how-the-columbia-area-shifted-from-mom-and-pop-restaurants-to-a-hotspot-for-chains-and-trendy-eats/" target="_blank" rel="noopener noreferrer">
                <img src="images/foodgent.gif" alt="Table displaying the type of restaurant occupying various addresses near Columbia every year between 2008 and 2021." style="width:100%">
            </a>
            <h3><a href="https://www.columbiaspectator.com/arts-and-entertainment/2021/06/17/the-changing-food-landscape-how-the-columbia-area-shifted-from-mom-and-pop-restaurants-to-a-hotspot-for-chains-and-trendy-eats/" target="_blank" rel="noopener noreferrer">The Changing Food Landscape: How The Columbia area shifted from mom-and-pop restaurants to a hotspot for chains and trendy eats</a></h3>
            <p>Reported data, Visualized data (d3, scrollama).</p>
        </div> -->
    </div>
    </body>
</html>