Skip to content

Commit fbb48d7

Browse files
cfgrandacfgranda
committed
fixed website
1 parent affc024 commit fbb48d7

2 files changed

Lines changed: 70 additions & 72 deletions

File tree

‎docs/code/probability.html‎

Lines changed: 65 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -23,83 +23,76 @@
2323
<section id="banner">
2424
<div class="content">
2525
<header>
26-
<h1>Probability</h1>
27-
</header>
28-
<p>
29-
The videos below cover the material on Probability from Chapter 1 of the book. <a href="https://www.youtube.com/playlist?list=PLBEf5mJtE6KuZ5NBQMuWIMsiOOrV9ibzm">See here for the full YouTube playlist.</a> Click on the titles to download the slides.
30-
</p>
31-
<head>
32-
<meta charset="UTF-8">
33-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
34-
<style>
35-
/* Container for both videos */
36-
.video-container {
37-
display: flex; /* Aligns children side by side */
38-
gap: 20px; /* Adds space between the videos */
39-
justify-content: center; /* Centers the videos */
40-
flex-wrap: wrap;
41-
}
26+
<h1>Code for Probability</h1>
27+
</header>
28+
<p>
29+
Python notebooks for all the computational examples about Probability from Chapter 1 of the book. <a href="https://github.com/cfgranda/ps4ds">See here for the full code repository.</a>
30+
</p>
4231

43-
/* Style for each video block */
44-
.video-item {
45-
text-align: center; /* Centers titles and videos */
46-
}
32+
<ul>
33+
<li>
34+
<a href="https://github.com/cfgranda/ps4ds/blob/main/probability/US_congress_votes.ipynb">
35+
Voting by members of the United States House of Representatives.
36+
</a>
37+
Empirical probability, conditional probability, independence, conditional independence
38+
<a href="https://colab.research.google.com/github/cfgranda/ps4ds/blob/main/probability/US_congress_votes.ipynb" target="_blank" rel="noopener">
39+
<img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab">
40+
</a>
41+
</li>
4742

48-
/* Style for video titles */
49-
.video-item h3 {
50-
margin-bottom: 10px; /* Adds space between the title and video */
51-
font-weight: normal; /* Keeps title in normal font weight */
52-
}
53-
</style>
54-
</head>
55-
<body>
56-
<div class="video-container">
57-
<div class="video-item">
58-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/probability_overview_handout.pdf">Overview</a></h3>
59-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/rm9SYX4MDu0?si=QyavoKbMRNo3RJtv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
60-
</div>
43+
<li>
44+
<a href="https://github.com/cfgranda/ps4ds/blob/main/probability/random_coin_flips_table.ipynb">
45+
Random coin flips.
46+
</a>
47+
Sampling
48+
<a href="https://colab.research.google.com/github/cfgranda/ps4ds/blob/main/probability/random_coin_flips_table.ipynb" target="_blank" rel="noopener">
49+
<img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab">
50+
</a>
51+
</li>
6152

62-
<div class="video-item">
63-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/probability_handout.pdf">Probability spaces</a></h3>
64-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/M61asqimkFY?si=h5tKwC0DucOPGwmk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
65-
</div>
66-
67-
<div class="video-item">
68-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/conditional_probability_handout.pdf">Conditional probability</a></h3>
69-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/xOHEU-mM9So?si=yISDAy8FCNqxX1XB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
70-
</div>
71-
72-
<div class="video-item">
73-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/estimating_probabilities_from_data_handout.pdf">Estimating probabilities</a></h3>
74-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/cFgIswIPqRI?si=QlrQ92Obakxr1r0d" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
75-
</div>
76-
77-
<div class="video-item">
78-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/independence_handout.pdf">Independence</a></h3>
79-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/d0pHehuHvqg?si=TdMGjriIpAhPBbi0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
80-
</div>
81-
82-
<div class="video-item">
83-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/conditional_independence_handout.pdf">Conditional independence</a></h3>
84-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/iIKYaWY6Y_A?si=QHae5mRT-YUe3v9b" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
85-
</div>
86-
87-
<div class="video-item">
88-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/monte_carlo_simulation_handout.pdf">The Monte Carlo method</a></h3>
89-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/vIY_J85hHdw?si=HCOLiwoct5SMnzYw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
90-
</div>
91-
92-
<div class="video-item">
93-
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/tennis_handout.pdf">The longest tennis match</a></h3>
94-
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/EH_HJRo2Oec?si=mliuefMMidJYkR4y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
95-
</div>
96-
97-
</div>
98-
99-
</body>
53+
<li>
54+
<a href="https://github.com/cfgranda/ps4ds/blob/main/probability/olympics_3x3_basketball.ipynb">
55+
3X3 basketball Olympics tournament.
56+
</a>
57+
Monte Carlo method
58+
<a href="https://colab.research.google.com/github/cfgranda/ps4ds/blob/main/probability/olympics_3x3_basketball.ipynb" target="_blank" rel="noopener">
59+
<img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab">
60+
</a>
61+
</li>
10062

63+
<li>
64+
<a href="https://github.com/cfgranda/ps4ds/blob/main/probability/boxing_championship_exercise.ipynb">
65+
Boxing championship.
66+
</a>
67+
Monte Carlo method
68+
<a href="https://colab.research.google.com/github/cfgranda/ps4ds/blob/main/probability/boxing_championship_exercise.ipynb" target="_blank" rel="noopener">
69+
<img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab">
70+
</a>
71+
</li>
10172

73+
<li>
74+
<a href="https://github.com/cfgranda/ps4ds/blob/main/probability/videogame_exercise.ipynb">
75+
Videogame.
76+
</a>
77+
Monte Carlo method
78+
<a href="https://colab.research.google.com/github/cfgranda/ps4ds/blob/main/probability/videogame_exercise.ipynb" target="_blank" rel="noopener">
79+
<img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab">
80+
</a>
81+
</li>
82+
83+
<li>
84+
<a href="https://github.com/cfgranda/ps4ds/blob/main/probability/tennis.ipynb">
85+
Explaining the longest tennis match in history.
86+
</a>
87+
Monte Carlo method, confidence intervals
88+
<a href="https://colab.research.google.com/github/cfgranda/ps4ds/blob/main/probability/tennis.ipynb" target="_blank" rel="noopener">
89+
<img src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open in Colab">
90+
</a>
91+
</li>
92+
</ul>
10293

94+
95+
</div>
10396
</section>
10497

10598
<!-- Section -->
@@ -111,7 +104,7 @@ <h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/tenn
111104
<div id="sidebar">
112105
<div class="inner">
113106
<!-- Menu -->
114-
<nav id="menu">
107+
<nav id="menu">
115108
<ul>
116109
<li><a href="https://a.co/d/7k259eb">Buy the book!</a></li>
117110
<li><a href="../index.html">Home</a></li>

‎docs/videos/probability.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -89,6 +89,11 @@ <h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/mont
8989
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/vIY_J85hHdw?si=HCOLiwoct5SMnzYw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
9090
</div>
9191

92+
<div class="video-item">
93+
<h3><a href="https://github.com/cfgranda/ps4ds/blob/main/slides/probability/tennis_handout.pdf">The longest tennis match</a></h3>
94+
<iframe width="280" height="157.5" src="https://www.youtube.com/embed/EH_HJRo2Oec?si=mliuefMMidJYkR4y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
95+
</div>
96+
9297
</div>
9398

9499
</body>

0 commit comments

Comments
 (0)