Who Is ESP?

ESP Members

We are a group of (mostly) undergraduate students at MIT, and in our spare time, we run the ESP programs that you know and love!

Hover over the photos below to ~~put faces to the names that bombard you with emails~~ learn more about us!

<style>
    .normal {
      display: block;
    }
    
    .silly {
      display: none;
    }
    
    td:hover .normal {
      display: none;
    }
    
    td:hover .silly {
      display: block;
    }
    
    td{
        vertical-align:top;
    }
    
    tr{
        border-bottom: 1px solid black;
        border-collapse: collapse;
    }
    
    .container {
      position: relative;
      width: 180px;
      height:180px;
    }
    
    .container::after{
      content: "";
      display: block;
      padding-bottom: 100%;
    }
    
    .container img{
      height: 100%;
      object-fit: cover;
      position: absolute;
      width: 100%;
    }
</style>
<h1>ESP Members</h1>
<p>We are a group of (mostly) undergraduate students at MIT, and in our spare time, we run the ESP programs that you know and love!</p>
<p>Hover over the photos below to <s>put faces to the names that bombard you with emails</s> learn more about us!
</p>
<br>
<table>
    <tbody id="whoisesp_table">
    </tbody>
</table>
<script>
    const people = [
        {
            name: "CJ",
            normal_img: "cj_n.jpg",
            silly_img: "cj_s.jpg",
            favteach: "math, but not real math",
            favlearn: "program-proving programs",
            favjuice: "orange",
            favmascot: "sharks"
        },
        // {
        //     name: "Jimmy",
        //     normal_img: "jimmy_n.jpg",
        //     silly_img: "jimmy_s.jpg",
        //     favteach: "Being an Immovable Object",
        //     favlearn: "The fizzy taste of fruit on dry ice",
        //     favjuice: "Coconut water",
        //     favmascot: "Elephants"
        // },
        {
            name: "Laura",
            normal_img: "laura_n.jpg",
            silly_img: "laura_s.png",
            favteach: "your brain on love",
            favlearn: "why electrons are mobius strips",
            favjuice: "green tea",
            favmascot: "rubber duckies"
        },
        {
            name: "Matthew",
            normal_img: "matthew_n.jpg",
            silly_img: "matthew_s.jpg",
            favteach: "liquid nitrogen ice cream",
            favlearn: "power electronics",
            favjuice: "lemonade",
            favmascot: "pandas"
        },
        {
            name: "Jessica",
            normal_img: "jessica_n.jpg",
            silly_img: "jessica_s.jpg",
            favteach: "Perfectionism or Microbial Genomics",
            favlearn: "How stack plushie pandas into effective pyramids",
            favjuice: "Mixtures of at least four",
            favmascot: "Space Pandas or Narwhals"
        },
        {
            name: "Evan",
            normal_img: "evan_n.jpg",
            silly_img: "evan_s.jpg",
            favteach: "Internet Policy",
            favlearn: "section 230; formal definitions of security (CCA, CPA, etc); third-party doctrine; reduction as a proof method",
            favjuice: "apple juice",
            favmascot: "turtles"
        },
        // {
        //     name: "Shardul",
        //     normal_img: "shardul_n.jpg",
        //     silly_img: "shardul_s.jpg",
        //     favteach: "mathematics of music",
        //     favlearn: "the US legal system",
        //     favjuice: "carrot-orange",
        //     favmascot: "ducks"
        // },
        {
            name: "Hilary",
            normal_img: "hilary_n.jpg",
            silly_img: "hilary_s.jpg",
            favteach: "Computer science",
            favlearn: "Child development",
            favjuice: "Mango",
            favmascot: "Aardvarks (not biased)"
        },
        {
            name: "Zawad",
            normal_img: "zawad_n.jpg",
            silly_img: "zawad_s.jpg",
            favteach: "Board games and D&D",
            favlearn: "Elliptic Curves and the proof of Fermat's Last Theorem",
            favjuice: "Lemonade",
            favmascot: "axolotls"
        },
        {
            name: "Grace",
            normal_img: "grace_n.jpg",
            silly_img: "grace_s.jpg",
            favteach: "flirting",
            favlearn: "self-help content",
            favjuice: "passionfruit",
            favmascot: "axolotl"
        },
        // {
        //     name: "Amy",
        //     normal_img: "amy_n.jpg",
        //     silly_img: "amy_s.jpg",
        //     favteach: "baking; math",
        //     favlearn: "linguistics; bread baking",
        //     favjuice: "apple juice",
        //     favmascot: "aardvarks"
        // },
        {
            name: "Christina",
            normal_img: "christina_n.jpg",
            silly_img: "christina_s.jpg",
            favteach: "cognitive neuroscience",
            favlearn: "developmental psychology, Hopfield networks, ukulele",
            favjuice: "grape, guava",
            favmascot: "waterfalls (cascade)"
        },
        {
            name: "Lisa",
            normal_img: "lisa_n.jpg",
            silly_img: "lisa_s.png",
            favteach: "math!",
            favlearn: "toy product design :0",
            favjuice: "pineapple",
            favmascot: "bottle axolotls"
        },
        {
            name: "Vivian",
            normal_img: "vivian_n.jpg",
            silly_img: "vivian_s.jpg",
            favteach: "organic chemistry",
            favlearn: "random facts about South Dakota",
            favjuice: "oat milk",
            favmascot: "Hawaiian Sweet and Sour Pineapples"
        },
        {
            name: "Song",
            normal_img: "song_n.jpg",
            silly_img: "song_s.jpg",
            favteach: "classical music; esolangs",
            favlearn: "splitting apples with my bare hands",
            favjuice: "pog juice",
            favmascot: "hawaiian sweet & sour pineapples"
        },
        {
            name: "Joshua",
            normal_img: "joshua_n.jpg",
            silly_img: "joshua_s.png",
            favteach: "Beyblade Physics",
            favlearn: "Thermodynamics",
            favjuice: "Ruby Red",
            favmascot: "Octopus"
        },
        // {
        //     name: "Amber",
        //     normal_img: "amber_n.jpg",
        //     silly_img: "amber_s.jpg",
        //     favteach: "biology",
        //     favlearn: "why human eggs can go bad when women get older",
        //     favjuice: "lemonade; apple juice",
        //     favmascot: "dragons"
        // },
        {
            name: "Yuru/Lumia",
            normal_img: "yuru_n.png",
            silly_img: "yuru_s.png",
            favteach: "Logic puzzles",
            favlearn: "Spirit Island",
            favjuice: "Juice used to unlock puzzles in MITMH 2021",
            favmascot: "dragons"
        },
        {
            name: "Wayne",
            normal_img: "wayne_n.png",
            silly_img: "wayne_s.png",
            favteach: "(hunt) puzzles",
            favlearn: "dynamical systems",
            favjuice: "aloe vera",
            favmascot: "fractal planar sharks"
        },
        {
            name: "Kate",
            normal_img: "kate_n.jpg",
            silly_img: "kate_s.jpg",
            favteach: "molecular biology",
            favlearn: "alternative oatmeal",
            favjuice: "apple juice",
            favmascot: "harp seal"
        },
        // {
        //     name: "Julian",
        //     normal_img: "julian_n.jpg",
        //     silly_img: "julian_s.jpg",
        //     favteach: "jazz music theory",
        //     favlearn: "how to prototype a product",
        //     favjuice: "sparkling water",
        //     favmascot: "dragons"
        // },
        // {
        //     name: "Matt",
        //     normal_img: "matt_n.jpg",
        //     silly_img: "matt_s.jpg",
        //     favteach: "Algebra. All of it.",
        //     favlearn: "How to start a business",
        //     favjuice: "blueberry lemonade",
        //     favmascot: "Tessellating Sharks"
        // },
        {
            name: "Dongyao",
            normal_img: "dongyao_n.jpg",
            silly_img: "dongyao_s.jpg",
            favteach: "Scrabble",
            favlearn: "How generators work (in Python)",
            favjuice: "Orange Pineapple Juice",
            favmascot: "Harpseals"
        },
        {
            name: "Daina",
            normal_img: "daina_n.jpg",
            silly_img: "daina_s.jpg",
            favteach: "Historical Linguistics",
            favlearn: "Stars :0",
            favjuice: "Cranberry Juice",
            favmascot: "pineapples"
        },
        {
            name: "Margaret",
            normal_img: "margaret_n.jpg",
            silly_img: "margaret_s.jpg",
            favteach: "ethical chocolate",
            favlearn: "education reform",
            favjuice: "aloe vera",
            favmascot: "pineapples"
        },
        {
            name: "Utheri",
            normal_img: "utheri_n.jpg",
            silly_img: "utheri_s.jpg",
            favteach: "Mythology",
            favlearn: "Physics",
            favjuice: "Bubbly",
            favmascot: "Aardvarks"
        },
        {
            name: "Li Xuan",
            normal_img: "li_xuan_n.jpg",
            silly_img: "li_xuan_s.jpg",
            favteach: "how to make proofs readable",
            favlearn: "esp traditions!",
            favjuice: "apple",
            favmascot: "harpseals :3"
        },
        {
            name: "Heidi",
            normal_img: "heidi_n.jpg",
            silly_img: "heidi_s.jpg",
            favteach: "Intro to Linguistics",
            favlearn: "theory of computation",
            favjuice: "peach lemonade",
            favmascot: "dragons!"
        },
        {
            name: "Diana",
            normal_img: "diana_n.jpg",
            silly_img: "diana_s.jpg",
            favteach: "superhero comics!",
            favlearn: "how to make apple pie",
            favjuice: "blueberry lemonade",
            favmascot: "axolotls"
        },
        {
            name: "Zhi",
            normal_img: "zhi_n.jpg",
            silly_img: "zhi_s.jpg",
            favteach: "anime",
            favlearn: "history of disney's fastpass system",
            favjuice: "mango is best",
            favmascot: "axolotl"
        },
        {
            name: "Harry",
            normal_img: "harry_n.jpeg",
            silly_img: "harry_s.jpeg",
            favteach: "how to quit league",
            favlearn: "how to sleep in class",
            favjuice: "fairlife choccy milk",
            favmascot: "octopus"
        },
    ];
    function shuffleArray(array) {
        for (var i = array.length - 1; i != 0; i--){
            var j = Math.floor(Math.random() * (i + 1));
            var temp = array[i];
            array[i] = array[j];
            array[j] = temp;
        }
    }
    shuffleArray(people);
    const image_path = "/media/admin-photos/";
    var table_html = "<tr>\n";
    for (var i = 0; i != people.length; i++) {
        person = people[i];
        if (i % 3 == 0) if (i != 0) table_html += "</tr><tr>\n";
        new_td = '<td>\
  <h3>'+person.name+'</h3>\
    <div class="normal">\
      <div class="container">\
	    <img src="'+image_path+person.normal_img+'">\
      </div>\
    </div>\
    <div class="silly">\
      <div class="container">\
	    <img src="'+image_path+person.silly_img+'">\
      </div>\
      <p>favorite class to teach: '+person.favteach+'</p>\
      <p>favorite thing to learn: '+person.favlearn+'</p>\
      <p>favorite juice: '+person.favjuice+'</p>\
      <p>favorite ESP program mascot: '+person.favmascot+'</p>\
    </div>\
  <br>\
  </td>';
        table_html += new_td;
    }
    table_html += "</tr>";
    document.getElementById("whoisesp_table").innerHTML = table_html;
</script>

Last modified by drbishop on Dec. 12, 2022 at 03:51 p.m.