https://cuberule.com/

ID da verificação
6a35a81f-b88b-49e6-a3b1-4909d77bbedaConcluído
URL enviado:
https://cuberule.com/
Relatório concluído:

Ligações · 16 encontradas

HiperligaçãoTexto
https://www.nytimes.com/2024/05/18/dining/taco-sandwich-indiana-mexico.html
https://www.washingtonpost.com/news/voraciously/wp/2018/12/12/a-hot-dog-is-a-taco-a-steak-is-a-salad-a-pop-tart-is-a-calzone-let-the-cube-rule-explain/
https://www.webbyawards.com/winners/2019/websites/general-websites/food-drink/
https://mdcourts.gov/data/opinions/cosa/2019/2411s17.pdf
https://imgur.com/a/R2Hru
https://twitter.com/kadybat/status/883516550216507392 https://twitter.com/kadybat/status/883516550216507392
https://twitter.com/PopTartsUS/status/884433411095613441
https://twitter.com/matttomic/status/859117370455060481 https://twitter.com/matttomic/status/859117370455060481
https://twitter.com/matttomic/status/859453832224542720
https://twitter.com/Phosphatide/status/974067376894328833 https://twitter.com/Phosphatide/status/974067376894328833

Variáveis JavaScript · 3 encontradas

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Mensagens de registo da consola · 1 encontradas

TipoCategoriaRegisto
errornetwork
URL
https://cuberule.com/favicon.ico
Texto
Failed to load resource: the server responded with a status of 404 ()

HTML

<!DOCTYPE html><html><head>
    <title>The Cube Rule</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Identify your food based on the location of structural starch. Is a hot dog a sandwich? No, it's clearly a taco.">
    <meta property="og:url" content="https://cuberule.com/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="The Cube Rule">
    <meta property="og:description" content="Identify your food based on the location of structural starch. Is a hot dog a sandwich? No, it's clearly a taco.">
    <meta property="og:image" content="https://cuberule.com/assets/the_cube_rule.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta property="twitter:domain" content="cuberule.com">
    <meta property="twitter:url" content="https://cuberule.com/">
    <meta name="twitter:title" content="The Cube Rule">
    <meta name="twitter:description" content="Identify your food based on the location of structural starch. Is a hot dog a sandwich? No, it's clearly a taco.">
    <meta name="twitter:image" content="https://cuberule.com/assets/the_cube_rule.png">

    <style>
      .hn-bold {
        font-family: "HelveticaNeueBold",
          "HelveticaNeue-Bold",
          "Helvetica Neue Bold",
          "HelveticaNeue",
          "Helvetica Neue",
          "TeXGyreHerosBold",
          "Helvetica",
          "Tahoma",
          "Geneva",
          "Arial",
          sans-serif;
        font-weight: 600;
        font-stretch: normal;
      }

      .hn-medium {
        font-family: "HelveticaNeueMedium",
          "HelveticaNeue-Medium",
          "Helvetica Neue Medium",
          "HelveticaNeue",
          "Helvetica Neue",
          "TeXGyreHerosRegular",
          "Helvetica",
          "Tahoma",
          "Geneva",
          "Arial",
          sans-serif;
        font-weight: 500;
        font-stretch: normal;
      }

      .hn-regular {
        font-family: "HelveticaNeue",
          "Helvetica Neue",
          "HelveticaNeueRoman",
          "HelveticaNeue-Roman",
          "Helvetica Neue Roman",
          "TeXGyreHerosRegular",
          "Helvetica",
          "Tahoma",
          "Geneva",
          "Arial",
          sans-serif;
        font-weight: 400;
        font-stretch: normal;
      }

      .hn-ultralight {
        font-family: "HelveticaNeueUltraLight",
          "HelveticaNeue-UltraLight",
          "Helvetica Neue UltraLight",
          "HelveticaNeue",
          "Helvetica Neue",
          "TeXGyreHerosRegular",
          "Arial",
          sans-serif;
        font-weight: 100;
        font-stretch: normal;
      }

      body {
        display: flex;
        flex-direction: column;
        background-color: black;
        color: white;
        margin: 0;
        padding: 0;
        font-family: "HelveticaNeueMedium",
          "HelveticaNeue-Medium",
          "Helvetica Neue Medium",
          "HelveticaNeue",
          "Helvetica Neue",
          'TeXGyreHerosRegular',
          "Helvetica",
          "Tahoma",
          "Geneva",
          "Arial",
          sans-serif;
      }

      a {
        color: inherit;
        text-decoration: inherit;
        border-bottom: 1px solid transparent;
      }

      a:hover {
        border-bottom: 1px solid black;
      }

      .f10 {
        font-size: 10vw;
      }

      .f7 {
        font-size: 7vw;
      }

      .f6 {
        font-size: 6vw;
      }

      .f5 {
        font-size: 5.5vw;
      }

      .f4 {
        font-size: 4vw;
      }

      .f3 {
        font-size: 3vw;
      }

      .f2 {
        font-size: 2vw;
      }

      .f1 {
        font-size: 1.5vw;
      }

      p {
        margin: 0;
      }

      .slide {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 60vw;
        border-bottom: 0.5vw solid #333;
      }

      .slide:last-of-type {
        border: none;
      }

      .examples {
        display: flex;
        align-items: flex-end;
        margin-top: 5vw;
      }

      .examples > .example {
        margin: 0 3.5vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
      }

      .examples > .example img {
        max-width: 24vw;
        max-height: 24vw;
      }

      .s1 {
        height: 54vw;
      }

      .s2 {
        max-height: 40vw;
        max-width: 65vw;
        margin-top: 4vh;
      }

      .s3 {
        max-width: 90vw;
        max-height: 27vw;
      }

      .bg-e0 {
        background-color: #E0E0E0;
        border-color: #CCC;
      }

      .bg-e5 {
        background-color: #E5E5E5;
        border-color: #CCC;
      }

      .bg-white {
        background-color: #FFFFFF;
        color: #000000;
        border-color: #CCC;
      }
    </style>
  </head>

  <body>

    <div class="slide" style="position: relative;">
      <section class="slide-content">
        <p class="f10 hn-medium">The Cube Rule</p>
        <p class="f7 hn-regular">of Food Identification</p>
        <p class="f3 hn-regular" style="margin-top: 3em;">
          as seen in<br>
        </p>
        <p style="margin-top: 1em;">
          <a href="https://www.nytimes.com/2024/05/18/dining/taco-sandwich-indiana-mexico.html">
            <img src="assets/the_new_york_times.png" alt="The New York Times" style="margin-bottom: -0.9vw; width: 24vw; filter: invert(); max-height: 10vw;">
          </a>
          &nbsp;&nbsp;
          <a href="https://www.washingtonpost.com/news/voraciously/wp/2018/12/12/a-hot-dog-is-a-taco-a-steak-is-a-salad-a-pop-tart-is-a-calzone-let-the-cube-rule-explain/">
            <img src="assets/the_washington_post.png" alt="The Washington Post" style="margin-bottom: -0.9vw; width: 24vw; filter: invert(); max-height: 10vw;">
          </a>
        </p>
        <p style="margin-top: 0.5em;">
          <a href="https://www.webbyawards.com/winners/2019/websites/general-websites/food-drink/">
            <img src="assets/webby_awards.png" alt="The Webby Awards" style="margin-bottom: -0.9vw; filter: invert(); max-height: 7vw;">
          </a>
          &nbsp;&nbsp;
          &nbsp;&nbsp;
          <a href="https://mdcourts.gov/data/opinions/cosa/2019/2411s17.pdf">
            <img src="assets/md_court_of_special_appeals.png" alt="Maryland Court of Special Appeals" style="margin-bottom: -0.9vw; width: 24vw; max-height: 10vw;">
          </a>
        </p>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f7 hn-medium">first, we asked:</p>
        <p class="f7 hn-medium">&nbsp;</p>
        <p class="f6 hn-medium">are hot dogs sandwiches?</p>
      </section>
    </div>

    <div class="slide bg-e0">
      <section class="slide-content">
        <a href="https://imgur.com/a/R2Hru">
          <img class="s1" src="assets/03_hotdog.jpg" alt="Classic Sandwiches">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f7 hn-medium">New York said yes.</p>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <img class="s3" src="assets/05_ny_top.jpg" alt="This bulletin explains what is a sandwich">
        <img class="s3" src="assets/05_ny_bottom.jpg" alt="hot dogs and sausages on buns, rolls, etc.">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-medium">then,</p>
        <a href="https://twitter.com/kadybat/status/883516550216507392">
          <img class="s2" src="assets/06_ravioli.jpg" alt="pop tarts are a kind of ravioli.">
        </a>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-medium">the wars began</p>
        <a href="https://twitter.com/PopTartsUS/status/884433411095613441">
          <img class="s2" src="assets/07_poptart.jpg" alt="excuse me, ravioli are a kind of pop-tart">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f5 hn-medium">The Sandwich<br>Alignment Chart</p>
        <p class="f5 hn-medium">&nbsp;</p>
        <p class="f5 hn-medium">tried to bring order</p>
      </section>
    </div>

    <div class="slide bg-e5">
      <section class="slide-content">
        <a href="https://twitter.com/matttomic/status/859117370455060481">
          <img class="s1" src="assets/09_sandwich.jpg" alt="The Sandwich Alignment Chart">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f5 hn-medium">but only chaos ensued</p>
        <a href="https://twitter.com/matttomic/status/859453832224542720">
          <img class="s2" src="assets/10_chaos.gif" alt="my wife left me because I think a burrito is a sandwich">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f5 hn-medium">then spake</p>
        <p class="f5 hn-medium">the holy prophet</p>
        <p class="f5 hn-medium">@Phosphatide</p>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <a href="https://twitter.com/Phosphatide/status/974067376894328833">
          <img class="s3" src="assets/12_unsatisfied.jpg" alt="are you unsatisfied with current debates regarding what is or is not a sandwich?">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f5 hn-medium">blessing us with</p>
        <p class="f5 hn-medium">the grand unified theory</p>
        <p class="f5 hn-medium">of food identification</p>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f7 hn-medium">The Cube Rule</p>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <a href="https://twitter.com/Phosphatide/status/974067376894328833">
          <img class="s1" src="assets/15_cube_rule.jpg" alt="The Cube Rule of Food for identifying dishes based on starch locations">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f5 hn-medium">identify any food</p>
        <p class="f5 hn-medium">purely by the location</p>
        <p class="f5 hn-medium">of structural starch</p>
      </section>
    </div>

    <div class="slide bg-white" id="toast">
      <section class="slide-content">
        <p class="f5 hn-bold">① Toast</p>
        <img class="s2" src="assets/16_toast.jpg" alt="cube with bottom face solid">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ① Toast
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/16_toast.jpg" alt="cube with bottom face solid">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/17_pizza.jpg" alt="a pizza">
            <p class="f3 hn-ultralight">pizza</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/17_nigiri.jpg" alt="a piece of nigiri sushi">
            <p class="f3 hn-ultralight">nigiri sushi</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/17_pumpkin_pie_slice.jpg" alt="a slice of pumpkin pie">
            <p class="f3 hn-ultralight">pumpkin pie slice</p>
            <p class="f2 hn-ultralight">(bent toast)</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white" id="sandwich">
      <section class="slide-content">
        <p class="f5 hn-bold">② Sandwich</p>
        <img class="s2" src="assets/18_sandwich.jpg" alt="cube with bottom and top face solid">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ② Sandwich
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/18_sandwich.jpg" alt="cube with bottom and top face solid">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/19_quesadilla.jpg" alt="pieces of a quesadilla made from two whole tortillas">
            <p class="f3 hn-ultralight">quesadilla</p>
            <p class="f2 hn-ultralight">(non-folded)</p>
          </section>
          <section class="example">
            <a href="https://en.wikipedia.org/wiki/Toast_sandwich#/media/File:An_image_of_a_toast_sandwich,_shot_from_the_side.jpg">
              <img class="s3" src="assets/19_toast.jpg" alt="a toast sandwich">
            </a>
            <p class="f3 hn-ultralight">toast</p>
            <p class="f1 hn-ultralight" style="margin-bottom: -1em;">
              <a href="https://en.wikipedia.org/wiki/Toast_sandwich#/media/File:An_image_of_a_toast_sandwich,_shot_from_the_side.jpg">
                (made and photographed<br>
                by me, Ryan. it was okay)
              </a>
            </p>
          </section>
          <section class="example">
            <img class="s3" src="assets/19_victoria_sponge_cake.png" alt="sponge cake filled with cream and strawberries">
            <p class="f3 hn-ultralight">victoria<br>sponge cake</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white" id="taco">
      <section class="slide-content">
        <p class="f5 hn-bold">③ Taco</p>
        <img class="s2" src="assets/20_taco.jpg" alt="cube with bottom and two sides solid">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ③ Taco
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/20_taco.jpg" alt="cube with bottom and two sides solid">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/20_hotdog.jpg" alt="a hot dog">
            <p class="f3 hn-ultralight">hot dog</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/20_sub.jpg" alt="a sub-style sandwich">
            <p class="f3 hn-ultralight">sub sandwich</p>
            <p class="f2 hn-ultralight">(uncut)</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/20_pie_slice.jpg" alt="a slice of cherry pie">
            <p class="f3 hn-ultralight">slice of pie</p>
            <p class="f2 hn-ultralight">(taco on its side)</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white" id="sushi">
      <section class="slide-content">
        <p class="f5 hn-bold">④ Sushi</p>
        <img class="s2" src="assets/21_sushi.jpg" alt="cube with bottom, top, and two sides solid">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ④ Sushi
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/21_sushi.jpg" alt="cube with bottom, top, and two sides solid">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/22_falafel.jpg" alt="a falafel wrap">
            <p class="f3 hn-ultralight">falafel wrap</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/22_pigs.jpg" alt="two pigs in blankets">
            <p class="f3 hn-ultralight">pigs in a blanket</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/22_enchilada.jpg" alt="an enchilada">
            <p class="f3 hn-ultralight">enchilada</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white" id="quiche">
      <section class="slide-content">
        <p class="f5 hn-bold">⑤ Quiche</p>
        <img class="s2" src="assets/23_quiche.jpg" alt="cube with bottom and all four sides solid">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑤ Quiche
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/23_quiche.jpg" alt="cube with bottom and all four sides solid">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/24_cheesecake.jpg" alt="a hot dog">
            <p class="f3 hn-ultralight">cheesecake</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/24_soup_bread_bowl.jpg" alt="a sub-style sandwich">
            <p class="f3 hn-ultralight">soup</p>
            <p class="f2 hn-ultralight">(in a bread bowl)</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/24_falafel_pita.jpg" alt="a slice of cherry pie">
            <p class="f3 hn-ultralight">falafel pita</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑤ Quiche
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/23_quiche.jpg" alt="cube with bottom and all four sides solid">
        </p>
        <p class="f3 hn-ultralight">bonus round</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/25_deep_dish.jpg" alt="a hot dog">
            <p class="f3 hn-ultralight">deep-dish pizza</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/25_salad_bread_bowl.jpg" alt="a sub-style sandwich">
            <p class="f3 hn-ultralight">salad</p>
            <p class="f2 hn-ultralight">(in a bread bowl)</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/25_key_lime_pie.jpg" alt="a slice of cherry pie">
            <p class="f3 hn-ultralight">key lime pie</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white" id="calzone">
      <section class="slide-content">
        <p class="f5 hn-bold">⑥ Calzone</p>
        <img class="s2" src="assets/26_calzone.jpg" alt="cube with all six sides solid">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑥ Calzone
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/26_calzone.jpg" alt="cube with all six sides solid">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/27_burrito.jpg" alt="a hot dog">
            <p class="f3 hn-ultralight">burrito</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/27_corndog.jpg" alt="a sub-style sandwich">
            <p class="f3 hn-ultralight">corn dog</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/27_pie.jpg" alt="a slice of cherry pie">
            <p class="f3 hn-ultralight">pie</p>
            <p class="f2 hn-ultralight">(whole)</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑥ Calzone
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/26_calzone.jpg" alt="cube with all six sides solid">
        </p>
        <p class="f3 hn-ultralight">bonus round</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/28_dumplings.jpg" alt="dim sum dumplings">
            <p class="f3 hn-ultralight">dumplings</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/28_poptart.jpg" alt="a frosted strawberry pop-tart">
            <p class="f3 hn-ultralight">pop-tarts</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/28_uncrustable.jpg" alt="a smuckers uncrustable, with one bite taken out">
            <p class="f3 hn-ultralight">uncrustables</p>
            <p class="f2 hn-ultralight">(unbitten)</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f5 hn-medium">Additional Cube Rulings</p>
      </section>
    </div>

    <div class="slide bg-white" id="salad">
      <section class="slide-content">
        <p class="f5 hn-bold">⓪ Salad</p>
        <img class="s2" src="assets/29_salad.jpg" alt="cube with all six sides empty">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⓪ Salad
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/29_salad.jpg" alt="cube with all six sides empty">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/30_steak.jpg" alt="a grilled steak">
            <p class="f3 hn-ultralight">steak</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/30_mashed_potatoes.jpg" alt="mashed potatoes">
            <p class="f3 hn-ultralight">mashed potatoes</p>
            <p class="f2 hn-ultralight">(creamy &amp; smooth)</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/30_flan.png" alt="whole flan on a plan">
            <p class="f3 hn-ultralight">flan</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⓪ Salad
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/29_salad.jpg" alt="cube with all six sides empty">
        </p>
        <p class="f3 hn-ultralight">bonus round</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/31_turducken.jpg" alt="a carved turkey, stuffed with a roasted duck wrapped in sausage">
            <p class="f3 hn-ultralight">turducken</p>
            <p class="f2 hn-ultralight">(with sausage stuffing)</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/31_chocolate.png" alt="two bars of dark chocolate, stacked">
            <p class="f3 hn-ultralight">chocolate</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/31_soup.jpg" alt="a bowl of tomato soup">
            <p class="f3 hn-ultralight">soup</p>
            <p class="f2 hn-ultralight">(a wet salad)</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white" id="cake">
      <section class="slide-content">
        <p class="f5 hn-bold">⑦ Cake</p>
        <img class="s2" src="assets/32_cake.png" alt="cube with three stacked layers">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑦ Cake
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/32_cake.png" alt="cube with three stacked layers">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/33_lasagna.jpg" alt="a piece of lasagna">
            <p class="f3 hn-ultralight">lasagna</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/33_big_mac.png" alt="a McDonalds Big Mac">
            <p class="f3 hn-ultralight">big mac</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/33_flapjacks.png" alt="a stack of flapjacks, covered in syrup and butter">
            <p class="f3 hn-ultralight">flapjacks</p>
          </section>
        </section>
      </section>
    </div>

        <div class="slide bg-white" id="nachos">
      <section class="slide-content">
        <p class="f5 hn-bold">⑧ Nachos</p>
        <img class="s2" src="assets/34_nachos.png" alt="cube with smaller solid cube inside">
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑧ Nachos
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/34_nachos.png" alt="cube with smaller solid cube inside">
        </p>
        <p class="f3 hn-ultralight">popular examples</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/35_poutine.jpg" alt="a dish of poutine">
            <p class="f3 hn-ultralight">poutine</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/35_lucky_charms.png" alt="a bowl of lucky charms in milk">
            <p class="f3 hn-ultralight">lucky charms</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/35_crouton_salad.jpg" alt="a bowl full of cesar salad with croutons">
            <p class="f3 hn-ultralight">salad</p>
            <p class="f2 hn-ultralight">with croutons</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide bg-white">
      <section class="slide-content">
        <p class="f5 hn-bold">
          ⑧ Nachos
          <img style="max-height: 1.2em; margin-bottom: -0.2em;" src="assets/34_nachos.png" alt="cube with smaller solid cube inside">
        </p>
        <p class="f3 hn-ultralight">bonus round</p>
        <section class="examples">
          <section class="example">
            <img class="s3" src="assets/36_noodle_plate.png" alt="a plate of fried noodles with seafood and green beans">
            <p class="f3 hn-ultralight">fried noodles</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/36_moroccan_couscous.png" alt="a plate filled with moroccan couscous">
            <p class="f3 hn-ultralight">couscous</p>
            <p class="f2 hn-ultralight">&nbsp;</p>
          </section>
          <section class="example">
            <img class="s3" src="assets/36_ramen.png" alt="a bowl of ramen noodles in broth">
            <p class="f3 hn-ultralight">ramen</p>
            <p class="f2 hn-ultralight">(wet nachos)</p>
          </section>
        </section>
      </section>
    </div>

    <div class="slide" id="muffin">
      <section class="slide-content">
        <p class="f5 hn-medium">Muffins</p>
        <p class="f3 hn-ultralight">or other blocks of starch</p>
        <p class="f5 hn-medium"><br>are type ①, toast</p>
        <p class="f3 hn-ultralight">(in raw, unsliced form)</p>
      </section>
    </div>

    <div class="slide" id="rice">
      <section class="slide-content">
        <p class="f7 hn-medium">Rice<br><br></p>
        <p class="f4 hn-medium">You are free to interpret the<br>nature of rice however you wish.</p>
      </section>
    </div>

    <div class="slide" id="vanilla-soy-latte">
      <section class="slide-content">
        <p class="f7 hn-medium">Vanilla Soy Latte<br><br></p>
        <p class="f5 hn-medium">
          <a href="https://www.reddit.com/r/Showerthoughts/comments/6obtp6/a_vanilla_soy_latte_is_a_type_of_3bean_soup/">
            A three-bean <del>soup</del> wet salad.
          </a>
        </p>
      </section>
    </div>

    <div class="slide bg-white" id="humans">
      <section class="slide-content">
        <p class="f7 hn-medium">Humans</p>
        <p class="f4 hn-medium">(as defined by <a href="https://en.wikipedia.org/wiki/Soleil_Ho">noted food critic soleil ho</a>)</p>
        <a href="https://bsky.app/profile/soleil.bsky.social/post/3juzfycm4qe2s">
          <img class="s2" src="assets/37_humans.png" alt="humans are just ravioli">
        </a>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f7 hn-medium">Thank you.</p>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f7 hn-medium">References<br><br></p>
        <section class="references" style="text-align: left; width: 75vw;">
          <ul>
            <li class="f2 hn-regular">
              <a href="https://twitter.com/kadybat/status/883516550216507392">
                https://twitter.com/kadybat/status/883516550216507392
              </a><br><br>
            </li>
            <li class="f2 hn-regular">
              <a href="https://twitter.com/matttomic/status/859117370455060481">
                https://twitter.com/matttomic/status/859117370455060481
              </a><br><br>
            </li>
            <li class="f2 hn-regular">
              <a href="https://twitter.com/Phosphatide/status/974067376894328833">
                https://twitter.com/Phosphatide/status/974067376894328833
              </a><br><br>
            </li>
            <li class="f2 hn-regular">
              <a href="https://www.reddit.com/r/Showerthoughts/comments/6obtp6/">
                https://www.reddit.com/r/Showerthoughts/comments/6obtp6
              </a><br><br>
            </li>
          </ul>
        </section>
      </section>
    </div>

    <div class="slide">
      <section class="slide-content">
        <p class="f4 hn-medium">made with 💖 by
          <a href="https://twitter.com/indirect">
            @indirect
          </a>
        </p>
        <p class="f4 hn-medium" style="margin-top: 1em;">
          🍞🥪🌮<br>
          🌯🥙🥟<br>
          🥗🍰🍟
        </p>
      </section>
    </div>
  

</body></html>