694 lines
43 KiB
HTML
694 lines
43 KiB
HTML
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Video 1: Motion</title><style>
|
|||
|
/* cspell:disable-file */
|
|||
|
/* webkit printing magic: print all background colors */
|
|||
|
html {
|
|||
|
-webkit-print-color-adjust: exact;
|
|||
|
}
|
|||
|
* {
|
|||
|
box-sizing: border-box;
|
|||
|
-webkit-print-color-adjust: exact;
|
|||
|
}
|
|||
|
|
|||
|
html,
|
|||
|
body {
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
@media only screen {
|
|||
|
body {
|
|||
|
margin: 2em auto;
|
|||
|
max-width: 900px;
|
|||
|
color: rgb(55, 53, 47);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
body {
|
|||
|
line-height: 1.5;
|
|||
|
white-space: pre-wrap;
|
|||
|
}
|
|||
|
|
|||
|
a,
|
|||
|
a.visited {
|
|||
|
color: inherit;
|
|||
|
text-decoration: underline;
|
|||
|
}
|
|||
|
|
|||
|
.pdf-relative-link-path {
|
|||
|
font-size: 80%;
|
|||
|
color: #444;
|
|||
|
}
|
|||
|
|
|||
|
h1,
|
|||
|
h2,
|
|||
|
h3 {
|
|||
|
letter-spacing: -0.01em;
|
|||
|
line-height: 1.2;
|
|||
|
font-weight: 600;
|
|||
|
margin-bottom: 0;
|
|||
|
}
|
|||
|
|
|||
|
.page-title {
|
|||
|
font-size: 2.5rem;
|
|||
|
font-weight: 700;
|
|||
|
margin-top: 0;
|
|||
|
margin-bottom: 0.75em;
|
|||
|
}
|
|||
|
|
|||
|
h1 {
|
|||
|
font-size: 1.875rem;
|
|||
|
margin-top: 1.875rem;
|
|||
|
}
|
|||
|
|
|||
|
h2 {
|
|||
|
font-size: 1.5rem;
|
|||
|
margin-top: 1.5rem;
|
|||
|
}
|
|||
|
|
|||
|
h3 {
|
|||
|
font-size: 1.25rem;
|
|||
|
margin-top: 1.25rem;
|
|||
|
}
|
|||
|
|
|||
|
.source {
|
|||
|
border: 1px solid #ddd;
|
|||
|
border-radius: 3px;
|
|||
|
padding: 1.5em;
|
|||
|
word-break: break-all;
|
|||
|
}
|
|||
|
|
|||
|
.callout {
|
|||
|
border-radius: 3px;
|
|||
|
padding: 1rem;
|
|||
|
}
|
|||
|
|
|||
|
figure {
|
|||
|
margin: 1.25em 0;
|
|||
|
page-break-inside: avoid;
|
|||
|
}
|
|||
|
|
|||
|
figcaption {
|
|||
|
opacity: 0.5;
|
|||
|
font-size: 85%;
|
|||
|
margin-top: 0.5em;
|
|||
|
}
|
|||
|
|
|||
|
mark {
|
|||
|
background-color: transparent;
|
|||
|
}
|
|||
|
|
|||
|
.indented {
|
|||
|
padding-left: 1.5em;
|
|||
|
}
|
|||
|
|
|||
|
hr {
|
|||
|
background: transparent;
|
|||
|
display: block;
|
|||
|
width: 100%;
|
|||
|
height: 1px;
|
|||
|
visibility: visible;
|
|||
|
border: none;
|
|||
|
border-bottom: 1px solid rgba(55, 53, 47, 0.09);
|
|||
|
}
|
|||
|
|
|||
|
img {
|
|||
|
max-width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
@media only print {
|
|||
|
img {
|
|||
|
max-height: 100vh;
|
|||
|
object-fit: contain;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@page {
|
|||
|
margin: 1in;
|
|||
|
}
|
|||
|
|
|||
|
.collection-content {
|
|||
|
font-size: 0.875rem;
|
|||
|
}
|
|||
|
|
|||
|
.column-list {
|
|||
|
display: flex;
|
|||
|
justify-content: space-between;
|
|||
|
}
|
|||
|
|
|||
|
.column {
|
|||
|
padding: 0 1em;
|
|||
|
}
|
|||
|
|
|||
|
.column:first-child {
|
|||
|
padding-left: 0;
|
|||
|
}
|
|||
|
|
|||
|
.column:last-child {
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
|
|||
|
.table_of_contents-item {
|
|||
|
display: block;
|
|||
|
font-size: 0.875rem;
|
|||
|
line-height: 1.3;
|
|||
|
padding: 0.125rem;
|
|||
|
}
|
|||
|
|
|||
|
.table_of_contents-indent-1 {
|
|||
|
margin-left: 1.5rem;
|
|||
|
}
|
|||
|
|
|||
|
.table_of_contents-indent-2 {
|
|||
|
margin-left: 3rem;
|
|||
|
}
|
|||
|
|
|||
|
.table_of_contents-indent-3 {
|
|||
|
margin-left: 4.5rem;
|
|||
|
}
|
|||
|
|
|||
|
.table_of_contents-link {
|
|||
|
text-decoration: none;
|
|||
|
opacity: 0.7;
|
|||
|
border-bottom: 1px solid rgba(55, 53, 47, 0.18);
|
|||
|
}
|
|||
|
|
|||
|
table,
|
|||
|
th,
|
|||
|
td {
|
|||
|
border: 1px solid rgba(55, 53, 47, 0.09);
|
|||
|
border-collapse: collapse;
|
|||
|
}
|
|||
|
|
|||
|
table {
|
|||
|
border-left: none;
|
|||
|
border-right: none;
|
|||
|
}
|
|||
|
|
|||
|
th,
|
|||
|
td {
|
|||
|
font-weight: normal;
|
|||
|
padding: 0.25em 0.5em;
|
|||
|
line-height: 1.5;
|
|||
|
min-height: 1.5em;
|
|||
|
text-align: left;
|
|||
|
}
|
|||
|
|
|||
|
th {
|
|||
|
color: rgba(55, 53, 47, 0.6);
|
|||
|
}
|
|||
|
|
|||
|
ol,
|
|||
|
ul {
|
|||
|
margin: 0;
|
|||
|
margin-block-start: 0.6em;
|
|||
|
margin-block-end: 0.6em;
|
|||
|
}
|
|||
|
|
|||
|
li > ol:first-child,
|
|||
|
li > ul:first-child {
|
|||
|
margin-block-start: 0.6em;
|
|||
|
}
|
|||
|
|
|||
|
ul > li {
|
|||
|
list-style: disc;
|
|||
|
}
|
|||
|
|
|||
|
ul.to-do-list {
|
|||
|
text-indent: -1.7em;
|
|||
|
}
|
|||
|
|
|||
|
ul.to-do-list > li {
|
|||
|
list-style: none;
|
|||
|
}
|
|||
|
|
|||
|
.to-do-children-checked {
|
|||
|
text-decoration: line-through;
|
|||
|
opacity: 0.375;
|
|||
|
}
|
|||
|
|
|||
|
ul.toggle > li {
|
|||
|
list-style: none;
|
|||
|
}
|
|||
|
|
|||
|
ul {
|
|||
|
padding-inline-start: 1.7em;
|
|||
|
}
|
|||
|
|
|||
|
ul > li {
|
|||
|
padding-left: 0.1em;
|
|||
|
}
|
|||
|
|
|||
|
ol {
|
|||
|
padding-inline-start: 1.6em;
|
|||
|
}
|
|||
|
|
|||
|
ol > li {
|
|||
|
padding-left: 0.2em;
|
|||
|
}
|
|||
|
|
|||
|
.mono ol {
|
|||
|
padding-inline-start: 2em;
|
|||
|
}
|
|||
|
|
|||
|
.mono ol > li {
|
|||
|
text-indent: -0.4em;
|
|||
|
}
|
|||
|
|
|||
|
.toggle {
|
|||
|
padding-inline-start: 0em;
|
|||
|
list-style-type: none;
|
|||
|
}
|
|||
|
|
|||
|
/* Indent toggle children */
|
|||
|
.toggle > li > details {
|
|||
|
padding-left: 1.7em;
|
|||
|
}
|
|||
|
|
|||
|
.toggle > li > details > summary {
|
|||
|
margin-left: -1.1em;
|
|||
|
}
|
|||
|
|
|||
|
.selected-value {
|
|||
|
display: inline-block;
|
|||
|
padding: 0 0.5em;
|
|||
|
background: rgba(206, 205, 202, 0.5);
|
|||
|
border-radius: 3px;
|
|||
|
margin-right: 0.5em;
|
|||
|
margin-top: 0.3em;
|
|||
|
margin-bottom: 0.3em;
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
|
|||
|
.collection-title {
|
|||
|
display: inline-block;
|
|||
|
margin-right: 1em;
|
|||
|
}
|
|||
|
|
|||
|
.simple-table {
|
|||
|
margin-top: 1em;
|
|||
|
font-size: 0.875rem;
|
|||
|
empty-cells: show;
|
|||
|
}
|
|||
|
.simple-table td {
|
|||
|
height: 29px;
|
|||
|
min-width: 120px;
|
|||
|
}
|
|||
|
|
|||
|
.simple-table th {
|
|||
|
height: 29px;
|
|||
|
min-width: 120px;
|
|||
|
}
|
|||
|
|
|||
|
.simple-table-header-color {
|
|||
|
background: rgb(247, 246, 243);
|
|||
|
color: black;
|
|||
|
}
|
|||
|
.simple-table-header {
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
|
|||
|
time {
|
|||
|
opacity: 0.5;
|
|||
|
}
|
|||
|
|
|||
|
.icon {
|
|||
|
display: inline-block;
|
|||
|
max-width: 1.2em;
|
|||
|
max-height: 1.2em;
|
|||
|
text-decoration: none;
|
|||
|
vertical-align: text-bottom;
|
|||
|
margin-right: 0.5em;
|
|||
|
}
|
|||
|
|
|||
|
img.icon {
|
|||
|
border-radius: 3px;
|
|||
|
}
|
|||
|
|
|||
|
.user-icon {
|
|||
|
width: 1.5em;
|
|||
|
height: 1.5em;
|
|||
|
border-radius: 100%;
|
|||
|
margin-right: 0.5rem;
|
|||
|
}
|
|||
|
|
|||
|
.user-icon-inner {
|
|||
|
font-size: 0.8em;
|
|||
|
}
|
|||
|
|
|||
|
.text-icon {
|
|||
|
border: 1px solid #000;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.page-cover-image {
|
|||
|
display: block;
|
|||
|
object-fit: cover;
|
|||
|
width: 100%;
|
|||
|
max-height: 30vh;
|
|||
|
}
|
|||
|
|
|||
|
.page-header-icon {
|
|||
|
font-size: 3rem;
|
|||
|
margin-bottom: 1rem;
|
|||
|
}
|
|||
|
|
|||
|
.page-header-icon-with-cover {
|
|||
|
margin-top: -0.72em;
|
|||
|
margin-left: 0.07em;
|
|||
|
}
|
|||
|
|
|||
|
.page-header-icon img {
|
|||
|
border-radius: 3px;
|
|||
|
}
|
|||
|
|
|||
|
.link-to-page {
|
|||
|
margin: 1em 0;
|
|||
|
padding: 0;
|
|||
|
border: none;
|
|||
|
font-weight: 500;
|
|||
|
}
|
|||
|
|
|||
|
p > .user {
|
|||
|
opacity: 0.5;
|
|||
|
}
|
|||
|
|
|||
|
td > .user,
|
|||
|
td > time {
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
|
|||
|
input[type="checkbox"] {
|
|||
|
transform: scale(1.5);
|
|||
|
margin-right: 0.6em;
|
|||
|
vertical-align: middle;
|
|||
|
}
|
|||
|
|
|||
|
p {
|
|||
|
margin-top: 0.5em;
|
|||
|
margin-bottom: 0.5em;
|
|||
|
}
|
|||
|
|
|||
|
.image {
|
|||
|
border: none;
|
|||
|
margin: 1.5em 0;
|
|||
|
padding: 0;
|
|||
|
border-radius: 0;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.code,
|
|||
|
code {
|
|||
|
background: rgba(135, 131, 120, 0.15);
|
|||
|
border-radius: 3px;
|
|||
|
padding: 0.2em 0.4em;
|
|||
|
border-radius: 3px;
|
|||
|
font-size: 85%;
|
|||
|
tab-size: 2;
|
|||
|
}
|
|||
|
|
|||
|
code {
|
|||
|
color: #eb5757;
|
|||
|
}
|
|||
|
|
|||
|
.code {
|
|||
|
padding: 1.5em 1em;
|
|||
|
}
|
|||
|
|
|||
|
.code-wrap {
|
|||
|
white-space: pre-wrap;
|
|||
|
word-break: break-all;
|
|||
|
}
|
|||
|
|
|||
|
.code > code {
|
|||
|
background: none;
|
|||
|
padding: 0;
|
|||
|
font-size: 100%;
|
|||
|
color: inherit;
|
|||
|
}
|
|||
|
|
|||
|
blockquote {
|
|||
|
font-size: 1.25em;
|
|||
|
margin: 1em 0;
|
|||
|
padding-left: 1em;
|
|||
|
border-left: 3px solid rgb(55, 53, 47);
|
|||
|
}
|
|||
|
|
|||
|
.bookmark {
|
|||
|
text-decoration: none;
|
|||
|
max-height: 8em;
|
|||
|
padding: 0;
|
|||
|
display: flex;
|
|||
|
width: 100%;
|
|||
|
align-items: stretch;
|
|||
|
}
|
|||
|
|
|||
|
.bookmark-title {
|
|||
|
font-size: 0.85em;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
height: 1.75em;
|
|||
|
white-space: nowrap;
|
|||
|
}
|
|||
|
|
|||
|
.bookmark-text {
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
}
|
|||
|
|
|||
|
.bookmark-info {
|
|||
|
flex: 4 1 180px;
|
|||
|
padding: 12px 14px 14px;
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
justify-content: space-between;
|
|||
|
}
|
|||
|
|
|||
|
.bookmark-image {
|
|||
|
width: 33%;
|
|||
|
flex: 1 1 180px;
|
|||
|
display: block;
|
|||
|
position: relative;
|
|||
|
object-fit: cover;
|
|||
|
border-radius: 1px;
|
|||
|
}
|
|||
|
|
|||
|
.bookmark-description {
|
|||
|
color: rgba(55, 53, 47, 0.6);
|
|||
|
font-size: 0.75em;
|
|||
|
overflow: hidden;
|
|||
|
max-height: 4.5em;
|
|||
|
word-break: break-word;
|
|||
|
}
|
|||
|
|
|||
|
.bookmark-href {
|
|||
|
font-size: 0.75em;
|
|||
|
margin-top: 0.25em;
|
|||
|
}
|
|||
|
|
|||
|
.sans { font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; }
|
|||
|
.code { font-family: "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace; }
|
|||
|
.serif { font-family: Lyon-Text, Georgia, ui-serif, serif; }
|
|||
|
.mono { font-family: iawriter-mono, Nitti, Menlo, Courier, monospace; }
|
|||
|
.pdf .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK JP'; }
|
|||
|
.pdf:lang(zh-CN) .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK SC'; }
|
|||
|
.pdf:lang(zh-TW) .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK TC'; }
|
|||
|
.pdf:lang(ko-KR) .sans { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", 'Twemoji', 'Noto Color Emoji', 'Noto Sans CJK KR'; }
|
|||
|
.pdf .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK JP'; }
|
|||
|
.pdf:lang(zh-CN) .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC'; }
|
|||
|
.pdf:lang(zh-TW) .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK TC'; }
|
|||
|
.pdf:lang(ko-KR) .code { font-family: Source Code Pro, "SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK KR'; }
|
|||
|
.pdf .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK JP'; }
|
|||
|
.pdf:lang(zh-CN) .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK SC'; }
|
|||
|
.pdf:lang(zh-TW) .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK TC'; }
|
|||
|
.pdf:lang(ko-KR) .serif { font-family: PT Serif, Lyon-Text, Georgia, ui-serif, serif, 'Twemoji', 'Noto Color Emoji', 'Noto Serif CJK KR'; }
|
|||
|
.pdf .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK JP'; }
|
|||
|
.pdf:lang(zh-CN) .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK SC'; }
|
|||
|
.pdf:lang(zh-TW) .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK TC'; }
|
|||
|
.pdf:lang(ko-KR) .mono { font-family: PT Mono, iawriter-mono, Nitti, Menlo, Courier, monospace, 'Twemoji', 'Noto Color Emoji', 'Noto Sans Mono CJK KR'; }
|
|||
|
.highlight-default {
|
|||
|
color: rgba(55, 53, 47, 1);
|
|||
|
}
|
|||
|
.highlight-gray {
|
|||
|
color: rgba(120, 119, 116, 1);
|
|||
|
fill: rgba(120, 119, 116, 1);
|
|||
|
}
|
|||
|
.highlight-brown {
|
|||
|
color: rgba(159, 107, 83, 1);
|
|||
|
fill: rgba(159, 107, 83, 1);
|
|||
|
}
|
|||
|
.highlight-orange {
|
|||
|
color: rgba(217, 115, 13, 1);
|
|||
|
fill: rgba(217, 115, 13, 1);
|
|||
|
}
|
|||
|
.highlight-yellow {
|
|||
|
color: rgba(203, 145, 47, 1);
|
|||
|
fill: rgba(203, 145, 47, 1);
|
|||
|
}
|
|||
|
.highlight-teal {
|
|||
|
color: rgba(68, 131, 97, 1);
|
|||
|
fill: rgba(68, 131, 97, 1);
|
|||
|
}
|
|||
|
.highlight-blue {
|
|||
|
color: rgba(51, 126, 169, 1);
|
|||
|
fill: rgba(51, 126, 169, 1);
|
|||
|
}
|
|||
|
.highlight-purple {
|
|||
|
color: rgba(144, 101, 176, 1);
|
|||
|
fill: rgba(144, 101, 176, 1);
|
|||
|
}
|
|||
|
.highlight-pink {
|
|||
|
color: rgba(193, 76, 138, 1);
|
|||
|
fill: rgba(193, 76, 138, 1);
|
|||
|
}
|
|||
|
.highlight-red {
|
|||
|
color: rgba(212, 76, 71, 1);
|
|||
|
fill: rgba(212, 76, 71, 1);
|
|||
|
}
|
|||
|
.highlight-gray_background {
|
|||
|
background: rgba(241, 241, 239, 1);
|
|||
|
}
|
|||
|
.highlight-brown_background {
|
|||
|
background: rgba(244, 238, 238, 1);
|
|||
|
}
|
|||
|
.highlight-orange_background {
|
|||
|
background: rgba(251, 236, 221, 1);
|
|||
|
}
|
|||
|
.highlight-yellow_background {
|
|||
|
background: rgba(251, 243, 219, 1);
|
|||
|
}
|
|||
|
.highlight-teal_background {
|
|||
|
background: rgba(237, 243, 236, 1);
|
|||
|
}
|
|||
|
.highlight-blue_background {
|
|||
|
background: rgba(231, 243, 248, 1);
|
|||
|
}
|
|||
|
.highlight-purple_background {
|
|||
|
background: rgba(244, 240, 247, 0.8);
|
|||
|
}
|
|||
|
.highlight-pink_background {
|
|||
|
background: rgba(249, 238, 243, 0.8);
|
|||
|
}
|
|||
|
.highlight-red_background {
|
|||
|
background: rgba(253, 235, 236, 1);
|
|||
|
}
|
|||
|
.block-color-default {
|
|||
|
color: inherit;
|
|||
|
fill: inherit;
|
|||
|
}
|
|||
|
.block-color-gray {
|
|||
|
color: rgba(120, 119, 116, 1);
|
|||
|
fill: rgba(120, 119, 116, 1);
|
|||
|
}
|
|||
|
.block-color-brown {
|
|||
|
color: rgba(159, 107, 83, 1);
|
|||
|
fill: rgba(159, 107, 83, 1);
|
|||
|
}
|
|||
|
.block-color-orange {
|
|||
|
color: rgba(217, 115, 13, 1);
|
|||
|
fill: rgba(217, 115, 13, 1);
|
|||
|
}
|
|||
|
.block-color-yellow {
|
|||
|
color: rgba(203, 145, 47, 1);
|
|||
|
fill: rgba(203, 145, 47, 1);
|
|||
|
}
|
|||
|
.block-color-teal {
|
|||
|
color: rgba(68, 131, 97, 1);
|
|||
|
fill: rgba(68, 131, 97, 1);
|
|||
|
}
|
|||
|
.block-color-blue {
|
|||
|
color: rgba(51, 126, 169, 1);
|
|||
|
fill: rgba(51, 126, 169, 1);
|
|||
|
}
|
|||
|
.block-color-purple {
|
|||
|
color: rgba(144, 101, 176, 1);
|
|||
|
fill: rgba(144, 101, 176, 1);
|
|||
|
}
|
|||
|
.block-color-pink {
|
|||
|
color: rgba(193, 76, 138, 1);
|
|||
|
fill: rgba(193, 76, 138, 1);
|
|||
|
}
|
|||
|
.block-color-red {
|
|||
|
color: rgba(212, 76, 71, 1);
|
|||
|
fill: rgba(212, 76, 71, 1);
|
|||
|
}
|
|||
|
.block-color-gray_background {
|
|||
|
background: rgba(241, 241, 239, 1);
|
|||
|
}
|
|||
|
.block-color-brown_background {
|
|||
|
background: rgba(244, 238, 238, 1);
|
|||
|
}
|
|||
|
.block-color-orange_background {
|
|||
|
background: rgba(251, 236, 221, 1);
|
|||
|
}
|
|||
|
.block-color-yellow_background {
|
|||
|
background: rgba(251, 243, 219, 1);
|
|||
|
}
|
|||
|
.block-color-teal_background {
|
|||
|
background: rgba(237, 243, 236, 1);
|
|||
|
}
|
|||
|
.block-color-blue_background {
|
|||
|
background: rgba(231, 243, 248, 1);
|
|||
|
}
|
|||
|
.block-color-purple_background {
|
|||
|
background: rgba(244, 240, 247, 0.8);
|
|||
|
}
|
|||
|
.block-color-pink_background {
|
|||
|
background: rgba(249, 238, 243, 0.8);
|
|||
|
}
|
|||
|
.block-color-red_background {
|
|||
|
background: rgba(253, 235, 236, 1);
|
|||
|
}
|
|||
|
.select-value-color-pink { background-color: rgba(245, 224, 233, 1); }
|
|||
|
.select-value-color-purple { background-color: rgba(232, 222, 238, 1); }
|
|||
|
.select-value-color-green { background-color: rgba(219, 237, 219, 1); }
|
|||
|
.select-value-color-gray { background-color: rgba(227, 226, 224, 1); }
|
|||
|
.select-value-color-opaquegray { background-color: rgba(255, 255, 255, 0.0375); }
|
|||
|
.select-value-color-orange { background-color: rgba(250, 222, 201, 1); }
|
|||
|
.select-value-color-brown { background-color: rgba(238, 224, 218, 1); }
|
|||
|
.select-value-color-red { background-color: rgba(255, 226, 221, 1); }
|
|||
|
.select-value-color-yellow { background-color: rgba(253, 236, 200, 1); }
|
|||
|
.select-value-color-blue { background-color: rgba(211, 229, 239, 1); }
|
|||
|
|
|||
|
.checkbox {
|
|||
|
display: inline-flex;
|
|||
|
vertical-align: text-bottom;
|
|||
|
width: 16;
|
|||
|
height: 16;
|
|||
|
background-size: 16px;
|
|||
|
margin-left: 2px;
|
|||
|
margin-right: 5px;
|
|||
|
}
|
|||
|
|
|||
|
.checkbox-on {
|
|||
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%2358A9D7%22%2F%3E%0A%3Cpath%20d%3D%22M6.71429%2012.2852L14%204.9995L12.7143%203.71436L6.71429%209.71378L3.28571%206.2831L2%207.57092L6.71429%2012.2852Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
|
|||
|
}
|
|||
|
|
|||
|
.checkbox-off {
|
|||
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20fill%3D%22white%22%20stroke%3D%22%2336352F%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E");
|
|||
|
}
|
|||
|
|
|||
|
</style></head><body><article id="3b25e20c-90c0-40b0-88d8-b25f53b0a2d4" class="page sans"><header><h1 class="page-title">Video 1: Motion</h1></header><div class="page-body"><h1 id="4f4eaa2c-65ac-4133-9723-1023bf11f9c4" class="">Definitions</h1><ul id="59eebf68-5325-4d2a-955e-ec3f7c8083cc" class="bulleted-list"><li style="list-style-type:disc">Kinematics: The study of <span style="border-bottom:0.05em solid">describing</span> motion.</li></ul><ul id="432e5a9a-9bed-449c-aa1c-528bbcd59029" class="bulleted-list"><li style="list-style-type:disc">Dynamics: The study of the <span style="border-bottom:0.05em solid">causes</span> of motion.</li></ul><h2 id="b80e99c9-a609-4618-9ea3-0e72f72364f9" class="">Terms to describe Linear Motion</h2><ul id="41cdfec5-3ed0-4600-aa6f-a614e9d3b719" class="bulleted-list"><li style="list-style-type:disc">Distance (<style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><span data-token-index="0" contenteditable="false" class="notion-text-equation-token" style="user-select:all;-webkit-user-select:all;-moz-user-select:all"><span></span><span><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>d</mi></mrow><annotation encoding="application/x-tex">d</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.69444em;vertical-align:0em;"></span><span class="mord mathnormal">d</span></span></span></span></span><span></span></span>)</li></ul><ul id="ca59e1b2-7198-4669-bc97-1bc7288e57e5" class="bulleted-list"><li style="list-style-type:disc">Position (<style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><span data-token-index="0" contenteditable="false" class="notion-text-equation-token" style="user-select:all;-webkit-user-select:all;-moz-user-select:all"><span></span><span><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>x</mi></mrow><annotation encoding="application/x-tex">x</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.43056em;vertical-align:0em;"></span><span class="mord mathnormal">x</span></span></span></span></span><span></span></span>)</li></ul><ul id="84be2fb8-1742-4af3-96d6-5c8eacbcbcef" class="bulleted-list"><li style="list-style-type:disc">Displacement (<style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><span data-token-index="0" contenteditable="false" class="notion-text-equation-token" style="user-select:all;-webkit-user-select:all;-moz-user-select:all"><span></span><span><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi mathvariant="normal">Δ</mi><mi>x</mi></mrow><annotation encoding="application/x-tex">\Delta x</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.68333em;vertical-align:0em;"></span><span class="mord">Δ</span><span class="mord mathnormal">x</span></span></span></span></span><span></span></span>)</li></ul><ul id="50bf36c5-3f73-497e-b772-ce1a6c40219e" class="bulleted-list"><li style="list-style-type:disc">Average Speed (<style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><span data-token-index="0" contenteditable="false" class="notion-text-equation-token" style="user-select:all;-webkit-user-select:all;-moz-user-select:all"><span></span><span><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><msub><mi>S</mi><mrow><mi>a</mi><mi>v</mi><mi>g</mi></mrow></msub></mrow><annotation encoding="application/x-tex">S_{avg}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.969438em;vertical-align:-0.286108em;"></span><spa
|
|||
|
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
|
|||
|
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
|
|||
|
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
|
|||
|
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
|
|||
|
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
|
|||
|
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.15139200000000003em;"><span style="top:-2.5500000000000003em;margin-left:-0.22222em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight">a</span><span class="mord mathnormal mtight" style="margin-right:0.03588em;">vg</span></span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.286108em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:2.04633em;vertical-align:-0.686em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.36033em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">Δ</span><span class="mord mathnormal">t</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">Δ</span><span class="mord mathnormal">x</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span></div></figure></div></div><p id="929fc52a-940e-4924-8a52-c363e905b0c2" class="">Instantaneous speed is a very, very small distance divided by a very very small time.</p><figure id="bf1a8ae3-be29-4a48-9e0a-0c0038a29651" class="equation"><style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><div class="equation-container"><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mi>V</mi><mo>=</mo><munder><mrow><mi>lim</mi><mo></mo></mrow><mrow><mi mathvariant="normal">Δ</mi><mi>t</mi><mo>→</mo><mn>0</mn></mrow></munder><mfrac><mrow><mi mathvariant="normal">Δ</mi><mi>x</mi></mrow><mrow><mi mathvariant="normal">Δ</mi><mi>t</mi></mrow></mfrac><mo>=</mo><mfrac><mrow><mi>d</mi><mi>x</mi></mrow><mrow><mi>d</mi><mi>t</mi></mrow></mfrac></mrow><annotation encoding="application/x-tex">V = \lim_{\Delta t \to 0} \frac{\Delta x}{\Delta t} = \frac{dx}{dt}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.68333em;vertical-align:0em;"></span><span class="mord mathnormal" style="margin-right:0.22222em;">V</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:2.104661em;vertical-align:-0.744331em;"></span><span class="mop op-limits"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.69444em;"><span style="top:-2.355669em;margin-left:0em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">Δ</span><span class="mord mathnormal mtight">t</span><span class="mrel mtight">→</span><span class="mord mtight">0</span></span></span></span><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span><span class="mop">lim</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class
|
|||
|
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
|
|||
|
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
|
|||
|
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
|
|||
|
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
|
|||
|
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
|
|||
|
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span><span class="msupsub"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.15139200000000003em;"><span style="top:-2.5500000000000003em;margin-left:0em;margin-right:0.05em;"><span class="pstrut" style="height:2.7em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mathnormal mtight">a</span><span class="mord mathnormal mtight" style="margin-right:0.03588em;">vg</span></span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.286108em;"><span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:2.04633em;vertical-align:-0.686em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.36033em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">Δ</span><span class="mord mathnormal">t</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">Δ</span><span class="mord mathnormal" style="margin-right:0.22222em;">V</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span></div></figure><figure id="f727ca7c-2202-42fc-9893-c815690f06d7" class="equation"><style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><div class="equation-container"><span class="katex-display"><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><semantics><mrow><mover accent="true"><mi>a</mi><mo>⃗</mo></mover><mo>=</mo><munder><mrow><mi>lim</mi><mo></mo></mrow><mrow><mi mathvariant="normal">Δ</mi><mi>t</mi><mo>→</mo><mn>0</mn></mrow></munder><mfrac><mrow><mi mathvariant="normal">Δ</mi><mi>v</mi></mrow><mrow><mi mathvariant="normal">Δ</mi><mi>t</mi></mrow></mfrac><mo>=</mo><mfrac><mrow><mi>d</mi><mi>v</mi></mrow><mrow><mi>d</mi><mi>t</mi></mrow></mfrac></mrow><annotation encoding="application/x-tex">\vec a = \lim_{\Delta t \to 0} \frac{\Delta v}{\Delta t} = \frac{dv}{dt}</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.714em;vertical-align:0em;"></span><span class="mord accent"><span class="vlist-t"><span class="vlist-r"><span class="vlist" style="height:0.714em;"><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="mord mathnormal">a</span></span><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span class="accent-body" style="left:-0.2355em;"><span class="overlay" style="height:0.714em;width:0.471em;"><svg width='0.471em' height='0.714em' style='width:0.471em' viewBox='0 0 471 714' preserveAspectRatio='xMinYMin'><path d='M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5
|
|||
|
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
|
|||
|
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
|
|||
|
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
|
|||
|
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
|
|||
|
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
|
|||
|
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:2.104661em;vertical-align:-0.744331em;"></span><span class="mop op-limits"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.69444em;"><span style="top:-2.355669em;margin-left:0em;"><span class="pstrut" style="height:3em;"></span><span class="sizing reset-size6 size3 mtight"><span class="mord mtight"><span class="mord mtight">Δ</span><span class="mord mathnormal mtight">t</span><span class="mrel mtight">→</span><span class="mord mtight">0</span></span></span></span><span style="top:-3em;"><span class="pstrut" style="height:3em;"></span><span><span class="mop">lim</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.744331em;"><span></span></span></span></span></span><span class="mspace" style="margin-right:0.16666666666666666em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.36033em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">Δ</span><span class="mord mathnormal">t</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord">Δ</span><span class="mord mathnormal" style="margin-right:0.03588em;">v</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span><span class="mspace" style="margin-right:0.2777777777777778em;"></span><span class="mrel">=</span><span class="mspace" style="margin-right:0.2777777777777778em;"></span></span><span class="base"><span class="strut" style="height:2.05744em;vertical-align:-0.686em;"></span><span class="mord"><span class="mopen nulldelimiter"></span><span class="mfrac"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.37144em;"><span style="top:-2.314em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span><span class="mord mathnormal">t</span></span></span><span style="top:-3.23em;"><span class="pstrut" style="height:3em;"></span><span class="frac-line" style="border-bottom-width:0.04em;"></span></span><span style="top:-3.677em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span><span class="mord mathnormal" style="margin-right:0.03588em;">v</span></span></span></span><span class="vlist-s"></span></span><span class="vlist-r"><span class="vlist" style="height:0.686em;"><span></span></span></span></span></span><span class="mclose nulldelimiter"></span></span></span></span></span></span></div></figure><p id="724683f5-f419-4aa8-99e8-f2848e8fe532" class="">In other words, acceleration is the derivative of velocity (<style>@import url('https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.13.2/katex.min.css')</style><span data-token-index="0" contenteditable="false" class="notion-text-equation-token" style="user-select:all;-webkit-user-select:all;-moz-user-select:all"><span></span><span><span class="katex"><span class="katex-mathml"><math xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mover accent="true"><mi>v</mi><mo>⃗</mo></mover></mrow><annotation encoding="application/x-tex">\vec v</annotation></semantics></math></span><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:0.714em;vertical-align:0em;"
|
|||
|
3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11
|
|||
|
10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63
|
|||
|
-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1
|
|||
|
-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59
|
|||
|
H213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359
|
|||
|
c-16-25.333-24-45-24-59z'/></svg></span></span></span></span></span></span></span></span></span></span></span><span></span></span>) with respect to time (t).</p><p id="090a5dff-1841-4c02-b830-8c53eccb52ab" class="">
|
|||
|
</p></div></article></body></html>
|