master #1

Open
DashCampbell wants to merge 4 commits from DashCampbell/MATH201:master into master
8 changed files with 361 additions and 172 deletions
Showing only changes of commit 6a0094f858 - Show all commits

View File

@ -13,8 +13,9 @@ Yes. Consider sharing it with your classmates ;)
Here's a quick rundown of how to build from source:
1) download or clone the repository ```git clone https://git.sasserisop.com/Sasserisop/MATH201```
2) make sure you have hugo installed
3) open a command prompt in the MATH201/ directory and run the command ```hugo server --disableFastRender```
4) visit your site by opening http://localhost:1313 on your browser.
3) if you are using localhost, inside of themes/zettels/assets/js/search.js set 'const localhost' to false.
4) open a command prompt in the MATH201/ directory and run the command ```hugo server --disableFastRender```
5) visit your site by opening http://localhost:1313 on your browser.
Now if you want to host it on a live website, you can run:
```hugo```

View File

@ -1,93 +0,0 @@
{
"index": [
{
"permalink": "/heaviside-unit-step-function-lec-18.html",
"summary": "We got a joke! Heaviside (British electrician) was told during a …",
"tags": [
"\n#heaviside",
" #mouc",
" #voparam",
"\n#ex",
" #heaviside",
"\n#end"
],
"thumbnail": "",
"title": "(Heaviside) Unit step function (lec 18)"
},
{
"permalink": "/bernoulli-equations-lec-3.html",
"summary": "Bernoulli's equation: $$\\frac{ dy }{ dx } +P(x)y=Q(x)y^n \\quad\\quad …",
"tags": [
" #de_b_type1",
" #de_s_type1",
"\n#ex",
"\n#end"
],
"thumbnail": "",
"title": "Bernoulli equations (lec 3)"
},
{
"permalink": "/cauchy-euler-equations-lec-10-11.html",
"summary": "We know how to solve second order equations where a, b, c are …",
"tags": [
"\n#cauchy-euler",
" #remember",
"\n#ex",
" #second_order",
" #second_order_nonhomogenous",
" #cauchy-euler",
"\n#end",
" #start"
],
"thumbnail": "",
"title": "Cauchy-Euler equations (lec 10-11)"
},
{
"permalink": "/convolution-lec-19-20.html",
"summary": "Convolution #convolution A convolution is an operation on two …",
"tags": [
"\n#convolution",
"\n#end",
" #start",
"\n#ex",
" #convolution",
" #inv_LT",
" #partial_fractions",
" #remember",
" #IVP",
" #integral-differential"
],
"thumbnail": "",
"title": "Convolution (lec 19-20)"
},
{
"permalink": "/dirak-%CE%B4-function-lec-21.html",
"summary": "#start of lec 21 From newton's second law: $ma=F$ …",
"tags": [
"\n#start",
"\n#dirak_delta",
"\n#ex",
" #second_order_nonhomogenous",
" #dirak_delta",
" #IVP",
" #voparam"
],
"thumbnail": "drawings/Drawing-2023-10-25-13.16.20.excalidraw.png",
"title": "Dirak δ-function (lec 21)"
},
{
"permalink": "/drawings/2023-12-06-13.14.28.excalidraw.html",
"summary": "==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this …",
"tags": [],
"thumbnail": "",
"title": "2023-12-06-13.14.28.excalidraw"
},
{
"permalink": "/drawings/2023-12-18-16.29.58.excalidraw.html",
"summary": "==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this …",
"tags": [],
"thumbnail": "",
"title": "2023-12-18-16.29.58.excalidraw"
}
]
}

View File

@ -26,7 +26,87 @@ input[type="submit"] {
Bear base styles
(Retrieved from official app, all credits belong to Bear Team)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
@ -37,29 +117,48 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
html {
line-height: 1; }
ol, ul {
ol,
ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
q,
blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
* {
@ -80,7 +179,8 @@ body {
background: var(--background);
color: var(--text-base-color);
text-rendering: optimizeLegibility;
font-family: "AvenirNext-Regular"; }
font-family: "AvenirNext-Regular";
position: relative; }
a {
color: var(--link-text-color);
@ -117,10 +217,14 @@ hr {
background-color: #dedede;
margin: -1px auto 1.57143em auto; }
ul, ol {
ul,
ol {
margin-bottom: .31429em; }
ul ul, ul ol, ol ul, ol ol {
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0px; }
ol {
@ -135,11 +239,13 @@ ol li:before {
min-width: 1em;
margin-right: 0.5em; }
b, strong {
b,
strong {
font-family: "Menlo-Regular";
font-weight: bold; }
i, em {
i,
em {
font-family: "Menlo-Regular";
font-style: italic; }
@ -151,22 +257,48 @@ code {
text-overflow: ellipsis;
white-space: nowrap; }
.sf_code_string, .sf_code_selector, .sf_code_attr-name, .sf_code_char, .sf_code_builtin, .sf_code_inserted {
.sf_code_string,
.sf_code_selector,
.sf_code_attr-name,
.sf_code_char,
.sf_code_builtin,
.sf_code_inserted {
color: #D33905; }
.sf_code_comment, .sf_code_prolog, .sf_code_doctype, .sf_code_cdata {
.sf_code_comment,
.sf_code_prolog,
.sf_code_doctype,
.sf_code_cdata {
color: #838383; }
.sf_code_number, .sf_code_boolean {
.sf_code_number,
.sf_code_boolean {
color: #0E73A2; }
.sf_code_keyword, .sf_code_atrule, .sf_code_rule, .sf_code_attr-value, .sf_code_function, .sf_code_class-name, .sf_code_class, .sf_code_regex, .sf_code_important, .sf_code_variable, .sf_code_interpolation {
.sf_code_keyword,
.sf_code_atrule,
.sf_code_rule,
.sf_code_attr-value,
.sf_code_function,
.sf_code_class-name,
.sf_code_class,
.sf_code_regex,
.sf_code_important,
.sf_code_variable,
.sf_code_interpolation {
color: #0E73A2; }
.sf_code_property, .sf_code_tag, .sf_code_constant, .sf_code_symbol, .sf_code_deleted {
.sf_code_property,
.sf_code_tag,
.sf_code_constant,
.sf_code_symbol,
.sf_code_deleted {
color: #1B00CE; }
.sf_code_macro, .sf_code_entity, .sf_code_operator, .sf_code_url {
.sf_code_macro,
.sf_code_entity,
.sf_code_operator,
.sf_code_url {
color: #920448; }
.note-wrapper {
@ -367,7 +499,12 @@ svg + ol {
* + h4 {
margin-top: 2.8em; }
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative; }
h1:before,
@ -458,3 +595,7 @@ li img {
.turbolinks-progress-bar {
visibility: hidden; }
@media only screen and (max-width: 460px) {
main .note-wrapper {
padding: 1.57143em 1.1em; } }

View File

@ -1,4 +1,3 @@
input {
margin: 0;
padding: 0;
@ -21,17 +20,98 @@ input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
// @todo: class
::selection {
background: var(--selected-text-background-color);
}
}
/**
Bear base styles
(Retrieved from official app, all credits belong to Bear Team)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
@ -44,7 +124,8 @@ html {
line-height: 1
}
ol, ul {
ol,
ul {
list-style: none
}
@ -53,17 +134,23 @@ table {
border-spacing: 0
}
caption, th, td {
caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q, blockquote {
q,
blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none
}
@ -71,7 +158,20 @@ q:before, q:after, blockquote:before, blockquote:after {
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
@ -97,7 +197,8 @@ body {
// @todo: not working
color: var(--text-base-color);
text-rendering: optimizeLegibility;
font-family: "AvenirNext-Regular"
font-family: "AvenirNext-Regular";
position: relative;
}
a {
@ -141,11 +242,15 @@ hr {
margin: -1px auto 1.57143em auto
}
ul, ol {
ul,
ol {
margin-bottom: .31429em;
}
ul ul, ul ol, ol ul, ol ol {
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0px
}
@ -163,13 +268,15 @@ ol li:before {
margin-right: 0.5em
}
b, strong {
b,
strong {
//font-family: "AvenirNext-Bold";
font-family: "Menlo-Regular";
font-weight: bold;
}
i, em {
i,
em {
//font-family: "AvenirNext-Italic";
font-family: "Menlo-Regular";
font-style: italic;
@ -185,27 +292,53 @@ code {
white-space: nowrap
}
.sf_code_string, .sf_code_selector, .sf_code_attr-name, .sf_code_char, .sf_code_builtin, .sf_code_inserted {
.sf_code_string,
.sf_code_selector,
.sf_code_attr-name,
.sf_code_char,
.sf_code_builtin,
.sf_code_inserted {
color: #D33905
}
.sf_code_comment, .sf_code_prolog, .sf_code_doctype, .sf_code_cdata {
.sf_code_comment,
.sf_code_prolog,
.sf_code_doctype,
.sf_code_cdata {
color: #838383
}
.sf_code_number, .sf_code_boolean {
.sf_code_number,
.sf_code_boolean {
color: #0E73A2
}
.sf_code_keyword, .sf_code_atrule, .sf_code_rule, .sf_code_attr-value, .sf_code_function, .sf_code_class-name, .sf_code_class, .sf_code_regex, .sf_code_important, .sf_code_variable, .sf_code_interpolation {
.sf_code_keyword,
.sf_code_atrule,
.sf_code_rule,
.sf_code_attr-value,
.sf_code_function,
.sf_code_class-name,
.sf_code_class,
.sf_code_regex,
.sf_code_important,
.sf_code_variable,
.sf_code_interpolation {
color: #0E73A2
}
.sf_code_property, .sf_code_tag, .sf_code_constant, .sf_code_symbol, .sf_code_deleted {
.sf_code_property,
.sf_code_tag,
.sf_code_constant,
.sf_code_symbol,
.sf_code_deleted {
color: #1B00CE
}
.sf_code_macro, .sf_code_entity, .sf_code_operator, .sf_code_url {
.sf_code_macro,
.sf_code_entity,
.sf_code_operator,
.sf_code_url {
color: #920448
}
@ -221,7 +354,7 @@ code {
u {
text-decoration: underline;
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%,var(--accent-text-color) 50%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, var(--accent-text-color) 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1.05em
@ -339,7 +472,7 @@ blockquote {
.address a {
color: #545454;
background-image: linear-gradient(to bottom, rgba(0,0,0,0) 50%,#0da35e 50%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #0da35e 50%);
background-repeat: repeat-x;
background-size: 2px 2px;
background-position: 0 1.05em
@ -356,7 +489,7 @@ blockquote {
display: inline-block;
width: 1em;
height: 1em;
border: solid 1px rgba(0,0,0,0.3);
border: solid 1px rgba(0, 0, 0, 0.3);
border-radius: 50%;
margin-right: 0.1em;
position: relative;
@ -415,7 +548,7 @@ img {
// Hugo renders footnotes with <p> tags nested inside <li>
// This is need to prevent <p> breaking lines
li > p {
li>p {
display: inline-block;
margin-left: 16px;
}
@ -434,25 +567,30 @@ h4 {
margin-bottom: .47143em
}
* + p,
* + ul,
* + ol,
* + blockquote {
*+p,
*+ul,
*+ol,
*+blockquote {
/*margin-top: 1.6em;*/
}
svg + ul,
svg + ol {
svg+ul,
svg+ol {
margin-top: 0;
}
* + h2,
* + h3,
* + h4 {
*+h2,
*+h3,
*+h4 {
margin-top: 2.8em;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
}
@ -511,9 +649,10 @@ h6:before {
content: "#"
}
* + table {
*+table {
margin-top: 12px;
}
table {
border-radius: 4px;
border: 1px solid var(--separator-color);
@ -569,3 +708,11 @@ li img {
.turbolinks-progress-bar {
visibility: hidden;
}
@media only screen and (max-width: 460px) {
// decrease padding of notes when screen width is < 460px
main .note-wrapper {
padding: 1.57143em 1.1em;
}
}

View File

@ -1,3 +1,6 @@
// On localhost the root url is /MATH201
// On sasserisop the root url is /sasserisop
const localhost = true;
loadIndex()
// Highlight with jQuery
@ -147,9 +150,6 @@ document.addEventListener("turbolinks:load", function () {
})
function loadIndex() {
// On localhost the root url is /MATH201
// On sasserisop the root url is /sasserisop
const localhost = true;
const root = localhost ? "" : "/MATH201";
fetchJSON(function (response) {
@ -320,12 +320,7 @@ document.addEventListener('keydown', function (evt) {
var nav_is_visible = false;
function handleNavVisibility() {
if (!nav_is_visible) {
showNav();
} else {
hideNav()
}
$("#search").toggle("slide");
}
function showNav() {

View File

@ -4,10 +4,11 @@ function resizeImage() {
$("#main p").has("img").css("display", "inline-block");
// toggle vectical input range
$("#toolbar input[type=range][orient=vertical]").slideToggle()
$("#toolbar input[type=range][orient=vertical]").slideToggle();
// resize image
$("#toolbar input[type=range][orient=vertical]").mouseup(function () {
$("#main p img").css("width", this.value + "%")
$("#main p img").css("width", this.value + "%");
this.title = this.value + "%";
});
}

View File

@ -7,12 +7,12 @@
-->
<style>
search-menu {
display: block;
display: none;
}
#search {
height: 100%;
width: 0;
width: 300px;
position: fixed;
background: var(--background-search);
z-index: 1;
@ -21,7 +21,6 @@
border-right: 1px solid var(--separator-color);
overflow-x: hidden;
overflow-y: auto;
opacity: 0;
-ms-overflow-style: none;
/* IE and Edge */
@ -136,9 +135,6 @@
<input type="search" autocomplete="off" id="search-input" onkeyup="performSearch()" tabindex="0"
placeholder="Search Notes">
</div>
</header>

View File

@ -14,6 +14,7 @@
transition: 1s;
opacity: 0.5;
z-index: 1;
padding: 18px 0px 18px 0px;
}
@ -33,14 +34,14 @@
</style>
<aside id="toolbar">
<span style="cursor:pointer" id="open-nav-icon" onclick="handleNavVisibility()">
<span title="Toggle Search Menu" style="cursor:pointer" id="open-nav-icon" onclick="handleNavVisibility()">
<svg width="18" height="18" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<circle fill="none" stroke="var(--text-base-color)" stroke-width="1.1" cx="9" cy="9" r="7"></circle>
<path fill="none" stroke="var(--text-base-color)" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path>
</svg>
</span>
<span style="cursor:pointer;margin-top:16px;" onclick="resizeImage()">
<span title="Adjusts Diagram Size" style="cursor:pointer;margin-top:16px;" onclick="resizeImage()">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<circle cx="16.1" cy="6.1" r="1.1"></circle>
<rect fill="none" stroke="var(--text-base-color" x=".5" y="2.5" width="19" height="15"></rect>
@ -49,7 +50,7 @@
</polyline>
</svg>
</span>
<input type="range" orient="vertical" min="0" max="100" step="0.5" value="100">
<input title="100%" type="range" orient="vertical" min="0" max="100" step="0.5" value="100">
</aside>
<script>