To be able to edit code and run cells, you need to run the notebook yourself. Where would you like to run the notebook?

This notebook takes about 20 seconds to run.

In the cloud (experimental)

Binder is a free, open source service that runs scientific notebooks in the cloud! It will take a while, usually 2-7 minutes to get a session.

On your computer

(Recommended if you want to store your changes.)

  1. Copy the notebook URL:
  2. Run Pluto

    (Also see: How to install Julia and Pluto)

  3. Paste URL in the Open box

Frontmatter

If you are publishing this notebook on the web, you can set the parameters below to provide HTML metadata. This is useful for search engines and social media.

Author 1
👀 Reading hidden code
using HypertextLiteral
: @htl, @htl_str

25.6 ms

<script>
alert("Hello from preamble!")
</script>
👀 Reading hidden code
set_preamble_html(@htl("""

<script>
alert("Hello from preamble!")
</script>
"""))
4.5 ms

<marquee>asdfasdf</marquee>
👀 Reading hidden code
set_preamble_html(@htl("""

<marquee>asdfasdf</marquee>
"""))
281 ms

Section 1.1

The Newton Method

Lecture Video

ct_header = @htl("""


<div style="
min-height: 500px;
width: 100%;
background: #282936;
color: #fff;
padding-top: 68px;
">
<div style="
max-width: 800px;
margin: 0 auto;
">

<span style="
font-family: Vollkorn, serif;
font-weight: 700;
font-feature-settings: 'lnum', 'pnum';
"> <p style="
font-size: 1.5rem;
opacity: .8;
"><em>Section 1.1</em></p>
<p style="text-align: center; font-size: 2rem;">
<em> The Newton Method </em>
</p>

<p style="
font-size: 1.5rem;
text-align: center;
opacity: .8;
"><em>Lecture Video</em></p>
<div style="display: flex; justify-content: center;">
<div notthestyle="position: relative; right: 0; top: 0; z-index: 300;">
<iframe src="https://www.youtube.com/embed/Wjcx9sNSLP8" width=400 height=250 frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>

</div>
</div>

<style>
body {
overflow-x: hidden;
}
</style>
""")
👀 Reading hidden code
101 μs


<div style="
min-height: 500px;
width: 100%;
background: #282936;
color: #fff;
padding-top: 68px;
">
<div style="
max-width: 800px;
margin: 0 auto;
">

<span style="
font-family: Vollkorn, serif;
font-weight: 700;
font-feature-settings: 'lnum', 'pnum';
"> <p style="
font-size: 1.5rem;
opacity: .8;
"><em>Section 1.1</em></p>
<p style="text-align: center; font-size: 2rem;">
<em> The Newton Method </em>
</p>

<p style="
font-size: 1.5rem;
text-align: center;
opacity: .8;
"><em>Lecture Video</em></p>
<div style="display: flex; justify-content: center;">
<div  notthestyle="position: relative; right: 0; top: 0; z-index: 300;">
<iframe src="https://www.youtube.com/embed/Wjcx9sNSLP8" width=400 height=250  frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>

</div>
</div>

<style>
body {
overflow-x: hidden;
}
</style>
set_preamble_html(ct_header)
👀 Reading hidden code
18.0 μs
set_preamble_html (generic function with 1 method)
set_preamble_html(data) = @htl("""
<script>
const data = $(try
repr(MIME"text/html"(), data)
catch e
string(data)
end)

let u = new URL(window.location.href)
u.searchParams.set("preamble_html", data)



let button = html`<input type=button value="See preview!">`
button.onclick = async () => {


window.location.href = u.href
}

let code = html`<code></code>`
code.innerText = data

return html`
<pre>\${code}</pre>
\${button}
`
</script>
""")
👀 Reading hidden code
451 ms