add my website to git (flushed emoji)

2021-01-14 20:59:21 +00:00 · 2021-01-14 20:59:21 +00:00 · 6c5390bc39
commit 6c5390bc39
10 changed files with 155 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,22 @@
 <!DOCTYPE html>
 <html>
        <head>
 		<meta charset="utf-8">
                <title>Holly McFarland</title>
                <link rel="stylesheet" type="text/css" href="style.css">
        </head>
        <body>
                <p>welcome to my webbed site</p>
                <figure><img src="under_construction.gif" /></figure>
 		<p>here are some links you may click</p>
 		<ul>
 			<li><a href="montyhall">an intuitive explanation of the monty hall problem</a></li>
 			<li><a href="https://git.hollymcfarland.com">my gitea page</a></li>
 			<li><a href="https://glaceon.social/@monorail">my profile on the fediverse</a></li>
 			<li>that's the whole list</li>
 		</ul>
        </body>
 </html>
--- a/montyhall/1.png
+++ b/montyhall/1.png
--- a/montyhall/2.png
+++ b/montyhall/2.png
--- a/montyhall/3.png
+++ b/montyhall/3.png
--- a/montyhall/4.png
+++ b/montyhall/4.png
--- a/montyhall/index.html
+++ b/montyhall/index.html
@ -0,0 +1,80 @@
 <!DOCTYPE html>
 <html>
        <head>
 		<meta charset="utf-8">
                <title>The Monty Hall Problem Explained</title>
                <link rel="stylesheet" type="text/css" href="style.css">
        </head>
        <body>
 		<h1>The Monty Hall Problem Explained</h1>
 		<p>The Monty Hall problem is a famous mathematical "trick" that involves probability, decision-making, and an unintuitive result. It goes something like this:</p>
 		<hr />
 		<p>You are a contestant on <em>Let's Make A Deal</em>. The host, one Mr. Monty Hall, offers you a choice between three doors. Behind two of the doors are goats, but behind the final door is a brand new car. At the end of the game, whichever door you have selected, you keep the prize it hides.</p>
 		<p><a href="https://xkcd.com/1282/">It is assumed, of course, that the player would prefer to win the car.</a></p>
 		<p>After your decision is made, Mr. Hall walks to one of the doors you <em>didn't</em> select and opens it, revealing a goat. He turns to you and offers a new choice: You may keep the door you chose originally, or switch to the final remaining door. What should you do? Does it matter?</p>
 		<hr />
 		<p>If you have enough interest in mathematical puzzles to still be reading this page, you're almost certainly already aware that the answer is yes, you should switch to the final door. Staying on your original door gives you a 1/3 chance of winning the car, while switching gives you a 2/3 chance. But <em>why?</em> Well, there are a lot of explanations floating around that I don't particularly like. They make sense if you already intuitively understand the reason. But as explanations? I find them unhelpful. Even if you're able to prove the result in one of these ways, it still feels unsettling. Why should the choice matter? Sure, it <em>does</em>, but... why?</p>
 		<p>I'd like to offer an explanation that I think makes more intuitive sense. Let's look at the problem based on two cases:</p>
 		<h2>Case 1: You choose the car</h2>
 		<div class="block">
 			<figure><img src="1.png" alt="The contestant chooses door A, which has the car behind it." /></figure>
 			<p>This is the case where your original decision, at the beginning of the game, is the door with the car behind it. It's probably obvious that switching will always make you lose; you can't switch to the car if you've already chosen the car! But let's walk through it, as practice for the second case.</p>
 			<p>We'll assume arbitrarily that you chose door A. It doesn't really matter, since the same logic applies regardless of the specific configuration of doors and choice.</p>
 		</div>
 		<div class="block">
 			<figure><img src="2.png" alt="Monty Hall can open either door B or door C." /></figure>
 			<p>Next, Mr. Hall reveals the contents of a door. He has a choice to make: He reveals either B or C. In this case, both doors have a goat behind them, so the choice he makes is irrevelant.</p>
 			<p>Whichever door he picks, you should not switch. Whether B or C remains, in both cases, there is a goat behind it.</p>
 			<p>And so, our case 1 result: <strong>If you picked the car with your first guess, switching gives you a 0% chance of winning.</strong> Sure, that's obvious enough. Let's move on to the second case.</p>
 		</div>
 		<h2>Case 2: You choose a goat</h2>
 		<div class="block">
 			<figure><img src="3.png" alt="The contestant chooses door A again, but now that door has a goat." /></figure>
 			<p>This case is much more interesting. Again, we'll assume you picked door A for simplicity, and we'll assume the car is behind door B.</p>		
 			<p>We again put ourselves in the shoes of Monty Hall. He has to reveal either door B or C. But unlike in the first case, his hand is forced. Remember, he must reveal a goat! Of the two doors he can pick from, only one hides a goat, so he <em>must</em> reveal door C.</p>
 		</div>
 		<div class="block">
 			<figure><img src="4.png" alt="Monty Hall can only open door C." /></figure>
 			<p>Now, let's note the current situation. We know that our door, door A, has a goat (because we assumed it). We see that door C has a goat (because it's been revealed). There is only one remaining door, and the car has to be somewhere, so that door has to be the winner! When we're offered a chance to switch, we'd be fools to not take it.</p>
 			<p>We now have our case 2 result: <strong>If you picked a goat with your first guess, switching gives you a 100% chance of winning.</strong></p>
 			<p>That, right there, is the key insight. The fact that starting on a goat and switching always leads to victory is the point that's so easy to miss, and figuring it out is the trick to understanding the whole problem. But just in case, let's tie it all together.</p>
 		</div>
 		<h2>Tying it all together</h2>
 		<p>We've shown that if you choose the car on your first guess, switching will lead to you winning 0% of the time. We've also shown that if you choose a goat on your first guess, switching will lead to you winning 100% of the time. But, of course, you don't know what's behind the door you picked!</p>
 		<p>To figure out the probability that switching doors is beneficial, remember that the cases where you should switch are <em>the same cases</em> as the ones where you picked a goat. And what are those odds? Well, there are three doors, and two have goats. At the time you make your decision, you have no other information. With nothing to influence your decision, you have a 2/3 chance of picking a goat.</p>
 		<p>Finally, finally, our answer. We have shown <strong>there is a 2/3 chance that switching to the final door is beneficial</strong>.</p>
 		<footer>
 		<p>Thanks for reading my page! Hopefully this helps somebody. If you want to contact me, I'm on the fediverse at <a href="https://glaceon.social/@monorail">@monorail@glaceon.social</a>. Alternatively, you can email me at <a href="mailto:contact@hollymcfarland.com">contact@hollymcfarland.com</a>.
 		</footer>
 		</body>
 </html>
--- a/montyhall/style.css
+++ b/montyhall/style.css
@ -0,0 +1,40 @@
 body {
 	width: inherit;
 	margin: 0 22.5%;
 	font-family: Sans-Serif;
 	background-color: #D0D0D0;
 	font-size: 14pt;
 	color: #111111;
 }
 /*
@media screen and (max-width: 900px) {
 	body {
 		width: 90%;
 	}
 }
 */
 footer {
 	padding: 0 4em;
 	font-size: 10pt;
 	text-align: center;
 }
 .block {
 	overflow: auto;
 }
 figure {
 	float: right;
 }
 img {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 }
 h1, h2 {
 	text-align: center;
 }
--- a/robots.txt
+++ b/robots.txt
@ -0,0 +1,2 @@
 User-agent: *
 Disallow: /secret/
--- a/style.css
+++ b/style.css
@ -0,0 +1,11 @@
 body {
 	padding: 0 6em;
 }
 img {
 	display: block;
 	width: 33%;
 	height: auto;
 	margin-left: auto;
 	margin-right: auto;
 }
--- a/under_construction.gif
+++ b/under_construction.gif