Add videos to videos.md

optimagic-dev · Mar 1, 2024 · 2821ed6 · 2821ed6
1 parent 81a5801
commit 2821ed6
Show file tree

Hide file tree

Showing 6 changed files with 99 additions and 16 deletions.
diff --git a/.gitignore b/.gitignore
@@ -73,9 +73,9 @@ instance/
 docs/_build/
 docs/build/
 docs/source/_build/
-docs/source/getting_started/*.db
-docs/source/getting_started/*.db-shm
-docs/source/getting_started/*.db-wal
+docs/source/**/*.db
+docs/source/**/*.db-shm
+docs/source/**/*.db-wal
 docs/source/refs.bib.bak
 
 # PyBuilder

diff --git a/docs/source/_static/css/custom.css b/docs/source/_static/css/custom.css
@@ -57,7 +57,7 @@ a#index-link {
 
 /* selecting constraints guide */
 .intro-card {
-  background: #fff;
+  /* background: #fff; */
   border-radius: 0;
   padding: 20px 5px 5px 0px;
   margin: 10px 0px;
@@ -81,7 +81,7 @@ a#index-link {
 
 .install-card .card-header {
   border: none;
-  background-color: white;
+  /* background-color: white; */
   color: #150458;
   font-size: 1.1rem;
   font-weight: bold;
@@ -90,15 +90,15 @@ a#index-link {
 
 .install-card .card-footer {
   border: none;
-  background-color: white;
+  /* background-color: white; */
 }
 
 .install-card pre {
   margin: 0 1em 1em 1em;
 }
 
 .custom-button {
-  background-color: #DCDCDC;
+  /* background-color: #DCDCDC; */
   border: none;
   color: #484848;
   text-align: center;
@@ -152,11 +152,11 @@ a#index-link {
 
 .tutorial-card .card-header {
   cursor: pointer;
-  background-color: white;
+  /* background-color: white; */
 }
 
 .tutorial-card .card-body {
-  background-color: #F0F0F0;
+  /* background-color: #F0F0F0; */
 }
 
 .tutorial-card .badge:hover {
@@ -169,17 +169,17 @@ table.rows th {
   background-color: #F0F0F0;
   border-style: solid solid solid solid;
   border-width: 0px 0px 0px 0px;
-  border-color: #F0F0F0;
+  /* border-color: #F0F0F0; */
   text-align: center;
 }
 
 table.rows tr:nth-child(even) {
-  background-color: #F0F0F0;
+  /* background-color: #F0F0F0; */
   text-align: right;
 }
 
 table.rows tr:nth-child(odd) {
-  background-color: #FFFFFF;
+  /* background-color: #FFFFFF; */
   text-align: right;
 }
 
@@ -211,7 +211,7 @@ details.dropdown .summary-down {
 
 /* Background color of dropdown boxes */
 .card {
-  background-color: white !important;
+  /* background-color: white !important; */
 }
 
 /* Color of inline code */

diff --git a/docs/source/conf.py b/docs/source/conf.py
@@ -47,7 +47,6 @@
     "myst_nb",
     "sphinxcontrib.bibtex",
     "sphinx_panels",
-    "sphinx_copybutton",
 ]
 
 myst_enable_extensions = [

diff --git a/docs/source/development/eep-00-governance-model.md b/docs/source/development/eep-00-governance-model.md
@@ -9,7 +9,7 @@
 |            | `Hans-Martin von Gaudecker <https://github.com/hmgaudecker>`_,   |
 |            | `Annica Gehlen <https://github.com/amageh>`_,                    |
 |            | `Sebastian Gsell <https://github.com/segsell>`_,                 |
-|            | `Tim Mensinger <https://github.com/timmens>_,                    |
+|            | `Tim Mensinger <https://github.com/timmens>`_,                   |
 |            | `Mariam Petrosyan <https://github.com/mpetrosian>`_,             |
 |            | `Tobias Raabe <https://github.com/tobiasraabe>`_,                |
 |            | `Klara Röhrl <https://github.com/roecla>`_                       |

diff --git a/docs/source/index.md b/docs/source/index.md
@@ -118,7 +118,7 @@ For a complete introduction to optimization in estimagic, check out the
                     <div class="card-body flex-fill">
                         <h5 class="card-title">Videos</h5>
                         <p class="card-text">
-                            List of tutorial and explanation videos for estimagic.
+                            Collection of tutorials, talks, and screencasts on estimagic.
                         </p>
                     </div>
                 </div>

diff --git a/docs/source/videos.md b/docs/source/videos.md
@@ -1,3 +1,87 @@
 (list_of_videos)=
 
 # Videos
+
+Check out our tutorials, talks and screencasts for estimagic.
+
+## Talks and tutorials
+
+### EuroSciPy 2023 (Talk)
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/5xYn0v1zEsY"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```
+
+### EuroSciPy 2023 (Tutorial)
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/LQo5NDFKH1Q"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```
+
+### SciPy 2022 (Tutorial)
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/ftlw0rARrtI"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```
+
+## Screencasts
+
+The screencasts are part of the course _Effective Programming Practices for Economists_,
+taught at the University of Bonn by
+[Hans-Martin von Gaudecker](https://www.wiwi.uni-bonn.de/gaudecker/), and previously
+also [Janoś Gabler](https://github.com/janosg). You can find all screencasts of the
+course on the
+[course webite](https://effective-programming-practices.vercel.app/landing-page.html).
+Here, we show the screencasts about numerical optimization and estimagic.
+
+### Introduction to numerical optimization
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/hOZueB4Cn1Y"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```
+
+### Using estimagic’s minimize and maximize
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/QqTGE3nq0q8"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```
+
+### Visualizing optimizer histories
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/wQWWW8rlxmY"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```
+
+### Choosing optimization algorithms
+
+```{raw} html
+<iframe
+src="https://www.youtube.com/embed/tJ7Xba3wcxY"
+style="width: 100%; aspect-ratio: 16 / 9;"
+allowfullscreen>
+</iframe>
+```