- 掃描 ID:
- 6a35a81f-b88b-49e6-a3b1-4909d77bbeda已完成
- 已提交的 URL:
- https://cuberule.com/
- 報告完成時間:
連結 · 找到 16 個
從頁面中識別的傳出連結
連結 | Text |
---|---|
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 |
JavaScript 變數 · 找到 3 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取
名稱 | 類型 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
主控台記錄訊息 · 找到 1 條
記錄到 Web 主控台的訊息
類型 | 類別 | 記錄 |
---|---|---|
error | network |
|
HTML
頁面的原始 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>
<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>
<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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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 & 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"> </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"> </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"> </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"> </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"> </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"> </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>