remembering-san-joaquin.html

---
title: Remembering San Joaquin
slug: remembering-san-joaquin
layout: grave
---
<div class="grave-cover">
    <div id="grave-cover-fade"></div>
    <div id="grave-cover-back"></div>
    <div id="grave-title-container">
        <span class="grave-title">Remembering San Joaquin</span>
        <span class="grave-subtitle">Almost 400 people died from Typhoon Yolanda in San Joaquin, a barangay south of Tacloban. In the days following the storm, the barangay's survivors buried the deceased in a mass grave in front of the community's church. Below is a photo of every memorial.</span>
    </div>
</div>
<div id="grave-controls" class="row">
    <div class="large-2 columns">
        <div id="grave-info"></div>
    </div>
    <div class="large-1 small-2 columns">
        <label for="grave-form-name" class="right inline">Name</label>
    </div>
    <div class="large-3 small-10 columns">
        <input type="text" placeholder="Search for a name" id="grave-form-name" name="grave-form-name" />
    </div>
    <div id="grave-age-label" class="large-1 small-2 columns">
        <label for="grave-form-age-from" class="right inline">Age</label>
    </div>
    <div class="large-5 small-10 columns">
        <div class="row">
            <div class="large-4 small-5 columns">
                <input type="number" placeholder="0" id="grave-form-age-from" name="grave-form-age-from" />
            </div>
            <div class="large-1 small-2 columns">
                <label class="inline">to</label>
            </div>
            <div class="large-4 small-5 columns">
                <input type="number" placeholder="100" id="grave-form-age-to" />
            </div>
            <div class="large-3 small-2 show-for-medium-up columns">
                <label class="inline">years old</label>
            </div>
        </div>
    </div>
</div>
<div id="grave" class="row"></div>
<div class="credits">Photos by Neil Bedi, Bruin senior staff. Interactive by Byron Lutz, Bruin senior staff.</div>