forked from Sasserisop/MATH201
Updated UI
This commit is contained in:
parent
4ddd503616
commit
6a0094f858
|
|
@ -13,8 +13,9 @@ Yes. Consider sharing it with your classmates ;)
|
||||||
Here's a quick rundown of how to build from source:
|
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```
|
1) download or clone the repository ```git clone https://git.sasserisop.com/Sasserisop/MATH201```
|
||||||
2) make sure you have hugo installed
|
2) make sure you have hugo installed
|
||||||
3) open a command prompt in the MATH201/ directory and run the command ```hugo server --disableFastRender```
|
3) if you are using localhost, inside of themes/zettels/assets/js/search.js set 'const localhost' to false.
|
||||||
4) visit your site by opening http://localhost:1313 on your browser.
|
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:
|
Now if you want to host it on a live website, you can run:
|
||||||
```hugo```
|
```hugo```
|
||||||
|
|
|
||||||
|
|
@ -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"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -26,7 +26,87 @@ input[type="submit"] {
|
||||||
Bear base styles
|
Bear base styles
|
||||||
(Retrieved from official app, all credits belong to Bear Team)
|
(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;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
@ -37,29 +117,48 @@ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockq
|
||||||
html {
|
html {
|
||||||
line-height: 1; }
|
line-height: 1; }
|
||||||
|
|
||||||
ol, ul {
|
ol,
|
||||||
|
ul {
|
||||||
list-style: none; }
|
list-style: none; }
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0; }
|
border-spacing: 0; }
|
||||||
|
|
||||||
caption, th, td {
|
caption,
|
||||||
|
th,
|
||||||
|
td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle; }
|
vertical-align: middle; }
|
||||||
|
|
||||||
q, blockquote {
|
q,
|
||||||
|
blockquote {
|
||||||
quotes: none; }
|
quotes: none; }
|
||||||
|
|
||||||
q:before, q:after, blockquote:before, blockquote:after {
|
q:before,
|
||||||
|
q:after,
|
||||||
|
blockquote:before,
|
||||||
|
blockquote:after {
|
||||||
content: "";
|
content: "";
|
||||||
content: none; }
|
content: none; }
|
||||||
|
|
||||||
a img {
|
a img {
|
||||||
border: none; }
|
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; }
|
display: block; }
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
@ -80,7 +179,8 @@ body {
|
||||||
background: var(--background);
|
background: var(--background);
|
||||||
color: var(--text-base-color);
|
color: var(--text-base-color);
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
font-family: "AvenirNext-Regular"; }
|
font-family: "AvenirNext-Regular";
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--link-text-color);
|
color: var(--link-text-color);
|
||||||
|
|
@ -117,10 +217,14 @@ hr {
|
||||||
background-color: #dedede;
|
background-color: #dedede;
|
||||||
margin: -1px auto 1.57143em auto; }
|
margin: -1px auto 1.57143em auto; }
|
||||||
|
|
||||||
ul, ol {
|
ul,
|
||||||
|
ol {
|
||||||
margin-bottom: .31429em; }
|
margin-bottom: .31429em; }
|
||||||
|
|
||||||
ul ul, ul ol, ol ul, ol ol {
|
ul ul,
|
||||||
|
ul ol,
|
||||||
|
ol ul,
|
||||||
|
ol ol {
|
||||||
margin-bottom: 0px; }
|
margin-bottom: 0px; }
|
||||||
|
|
||||||
ol {
|
ol {
|
||||||
|
|
@ -135,11 +239,13 @@ ol li:before {
|
||||||
min-width: 1em;
|
min-width: 1em;
|
||||||
margin-right: 0.5em; }
|
margin-right: 0.5em; }
|
||||||
|
|
||||||
b, strong {
|
b,
|
||||||
|
strong {
|
||||||
font-family: "Menlo-Regular";
|
font-family: "Menlo-Regular";
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
|
||||||
i, em {
|
i,
|
||||||
|
em {
|
||||||
font-family: "Menlo-Regular";
|
font-family: "Menlo-Regular";
|
||||||
font-style: italic; }
|
font-style: italic; }
|
||||||
|
|
||||||
|
|
@ -151,22 +257,48 @@ code {
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap; }
|
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; }
|
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; }
|
color: #838383; }
|
||||||
|
|
||||||
.sf_code_number, .sf_code_boolean {
|
.sf_code_number,
|
||||||
|
.sf_code_boolean {
|
||||||
color: #0E73A2; }
|
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; }
|
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; }
|
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; }
|
color: #920448; }
|
||||||
|
|
||||||
.note-wrapper {
|
.note-wrapper {
|
||||||
|
|
@ -367,7 +499,12 @@ svg + ol {
|
||||||
* + h4 {
|
* + h4 {
|
||||||
margin-top: 2.8em; }
|
margin-top: 2.8em; }
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
position: relative; }
|
position: relative; }
|
||||||
|
|
||||||
h1:before,
|
h1:before,
|
||||||
|
|
@ -458,3 +595,7 @@ li img {
|
||||||
|
|
||||||
.turbolinks-progress-bar {
|
.turbolinks-progress-bar {
|
||||||
visibility: hidden; }
|
visibility: hidden; }
|
||||||
|
|
||||||
|
@media only screen and (max-width: 460px) {
|
||||||
|
main .note-wrapper {
|
||||||
|
padding: 1.57143em 1.1em; } }
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,3 @@
|
||||||
|
|
||||||
input {
|
input {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
@ -18,20 +17,101 @@ input[type="search"],
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
input[type="button"],
|
input[type="button"],
|
||||||
input[type="submit"] {
|
input[type="submit"] {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// @todo: class
|
// @todo: class
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
background: var(--selected-text-background-color);
|
background: var(--selected-text-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
Bear base styles
|
Bear base styles
|
||||||
(Retrieved from official app, all credits belong to Bear Team)
|
(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;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
|
@ -44,7 +124,8 @@ html {
|
||||||
line-height: 1
|
line-height: 1
|
||||||
}
|
}
|
||||||
|
|
||||||
ol, ul {
|
ol,
|
||||||
|
ul {
|
||||||
list-style: none
|
list-style: none
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -53,17 +134,23 @@ table {
|
||||||
border-spacing: 0
|
border-spacing: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
caption, th, td {
|
caption,
|
||||||
|
th,
|
||||||
|
td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
}
|
}
|
||||||
|
|
||||||
q, blockquote {
|
q,
|
||||||
|
blockquote {
|
||||||
quotes: none
|
quotes: none
|
||||||
}
|
}
|
||||||
|
|
||||||
q:before, q:after, blockquote:before, blockquote:after {
|
q:before,
|
||||||
|
q:after,
|
||||||
|
blockquote:before,
|
||||||
|
blockquote:after {
|
||||||
content: "";
|
content: "";
|
||||||
content: none
|
content: none
|
||||||
}
|
}
|
||||||
|
|
@ -71,7 +158,20 @@ q:before, q:after, blockquote:before, blockquote:after {
|
||||||
a img {
|
a img {
|
||||||
border: none
|
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
|
display: block
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -97,7 +197,8 @@ body {
|
||||||
// @todo: not working
|
// @todo: not working
|
||||||
color: var(--text-base-color);
|
color: var(--text-base-color);
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
font-family: "AvenirNext-Regular"
|
font-family: "AvenirNext-Regular";
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
@ -141,11 +242,15 @@ hr {
|
||||||
margin: -1px auto 1.57143em auto
|
margin: -1px auto 1.57143em auto
|
||||||
}
|
}
|
||||||
|
|
||||||
ul, ol {
|
ul,
|
||||||
|
ol {
|
||||||
margin-bottom: .31429em;
|
margin-bottom: .31429em;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul ul, ul ol, ol ul, ol ol {
|
ul ul,
|
||||||
|
ul ol,
|
||||||
|
ol ul,
|
||||||
|
ol ol {
|
||||||
margin-bottom: 0px
|
margin-bottom: 0px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -163,13 +268,15 @@ ol li:before {
|
||||||
margin-right: 0.5em
|
margin-right: 0.5em
|
||||||
}
|
}
|
||||||
|
|
||||||
b, strong {
|
b,
|
||||||
|
strong {
|
||||||
//font-family: "AvenirNext-Bold";
|
//font-family: "AvenirNext-Bold";
|
||||||
font-family: "Menlo-Regular";
|
font-family: "Menlo-Regular";
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
i, em {
|
i,
|
||||||
|
em {
|
||||||
//font-family: "AvenirNext-Italic";
|
//font-family: "AvenirNext-Italic";
|
||||||
font-family: "Menlo-Regular";
|
font-family: "Menlo-Regular";
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
@ -185,27 +292,53 @@ code {
|
||||||
white-space: nowrap
|
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
|
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
|
color: #838383
|
||||||
}
|
}
|
||||||
|
|
||||||
.sf_code_number, .sf_code_boolean {
|
.sf_code_number,
|
||||||
|
.sf_code_boolean {
|
||||||
color: #0E73A2
|
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
|
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
|
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
|
color: #920448
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -221,7 +354,7 @@ code {
|
||||||
|
|
||||||
u {
|
u {
|
||||||
text-decoration: underline;
|
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-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1.05em
|
background-position: 0 1.05em
|
||||||
|
|
@ -339,7 +472,7 @@ blockquote {
|
||||||
|
|
||||||
.address a {
|
.address a {
|
||||||
color: #545454;
|
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-repeat: repeat-x;
|
||||||
background-size: 2px 2px;
|
background-size: 2px 2px;
|
||||||
background-position: 0 1.05em
|
background-position: 0 1.05em
|
||||||
|
|
@ -356,7 +489,7 @@ blockquote {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 1em;
|
width: 1em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
border: solid 1px rgba(0,0,0,0.3);
|
border: solid 1px rgba(0, 0, 0, 0.3);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin-right: 0.1em;
|
margin-right: 0.1em;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -415,7 +548,7 @@ img {
|
||||||
|
|
||||||
// Hugo renders footnotes with <p> tags nested inside <li>
|
// Hugo renders footnotes with <p> tags nested inside <li>
|
||||||
// This is need to prevent <p> breaking lines
|
// This is need to prevent <p> breaking lines
|
||||||
li > p {
|
li>p {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
}
|
}
|
||||||
|
|
@ -434,25 +567,30 @@ h4 {
|
||||||
margin-bottom: .47143em
|
margin-bottom: .47143em
|
||||||
}
|
}
|
||||||
|
|
||||||
* + p,
|
*+p,
|
||||||
* + ul,
|
*+ul,
|
||||||
* + ol,
|
*+ol,
|
||||||
* + blockquote {
|
*+blockquote {
|
||||||
/*margin-top: 1.6em;*/
|
/*margin-top: 1.6em;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
svg + ul,
|
svg+ul,
|
||||||
svg + ol {
|
svg+ol {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
* + h2,
|
*+h2,
|
||||||
* + h3,
|
*+h3,
|
||||||
* + h4 {
|
*+h4 {
|
||||||
margin-top: 2.8em;
|
margin-top: 2.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -511,9 +649,10 @@ h6:before {
|
||||||
content: "#"
|
content: "#"
|
||||||
}
|
}
|
||||||
|
|
||||||
* + table {
|
*+table {
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid var(--separator-color);
|
border: 1px solid var(--separator-color);
|
||||||
|
|
@ -569,3 +708,11 @@ li img {
|
||||||
.turbolinks-progress-bar {
|
.turbolinks-progress-bar {
|
||||||
visibility: hidden;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,3 +1,6 @@
|
||||||
|
// On localhost the root url is /MATH201
|
||||||
|
// On sasserisop the root url is /sasserisop
|
||||||
|
const localhost = true;
|
||||||
loadIndex()
|
loadIndex()
|
||||||
|
|
||||||
// Highlight with jQuery
|
// Highlight with jQuery
|
||||||
|
|
@ -147,9 +150,6 @@ document.addEventListener("turbolinks:load", function () {
|
||||||
})
|
})
|
||||||
|
|
||||||
function loadIndex() {
|
function loadIndex() {
|
||||||
// On localhost the root url is /MATH201
|
|
||||||
// On sasserisop the root url is /sasserisop
|
|
||||||
const localhost = true;
|
|
||||||
const root = localhost ? "" : "/MATH201";
|
const root = localhost ? "" : "/MATH201";
|
||||||
|
|
||||||
fetchJSON(function (response) {
|
fetchJSON(function (response) {
|
||||||
|
|
@ -320,12 +320,7 @@ document.addEventListener('keydown', function (evt) {
|
||||||
|
|
||||||
var nav_is_visible = false;
|
var nav_is_visible = false;
|
||||||
function handleNavVisibility() {
|
function handleNavVisibility() {
|
||||||
if (!nav_is_visible) {
|
$("#search").toggle("slide");
|
||||||
showNav();
|
|
||||||
|
|
||||||
} else {
|
|
||||||
hideNav()
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function showNav() {
|
function showNav() {
|
||||||
|
|
|
||||||
|
|
@ -4,10 +4,11 @@ function resizeImage() {
|
||||||
$("#main p").has("img").css("display", "inline-block");
|
$("#main p").has("img").css("display", "inline-block");
|
||||||
|
|
||||||
// toggle vectical input range
|
// toggle vectical input range
|
||||||
$("#toolbar input[type=range][orient=vertical]").slideToggle()
|
$("#toolbar input[type=range][orient=vertical]").slideToggle();
|
||||||
|
|
||||||
// resize image
|
// resize image
|
||||||
$("#toolbar input[type=range][orient=vertical]").mouseup(function () {
|
$("#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 + "%";
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
-->
|
-->
|
||||||
<style>
|
<style>
|
||||||
search-menu {
|
search-menu {
|
||||||
display: block;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#search {
|
#search {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 0;
|
width: 300px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background: var(--background-search);
|
background: var(--background-search);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
@ -21,7 +21,6 @@
|
||||||
border-right: 1px solid var(--separator-color);
|
border-right: 1px solid var(--separator-color);
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
/* IE and Edge */
|
/* IE and Edge */
|
||||||
|
|
@ -136,9 +135,6 @@
|
||||||
|
|
||||||
<input type="search" autocomplete="off" id="search-input" onkeyup="performSearch()" tabindex="0"
|
<input type="search" autocomplete="off" id="search-input" onkeyup="performSearch()" tabindex="0"
|
||||||
placeholder="Search Notes">
|
placeholder="Search Notes">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -14,6 +14,7 @@
|
||||||
|
|
||||||
transition: 1s;
|
transition: 1s;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
|
z-index: 1;
|
||||||
|
|
||||||
padding: 18px 0px 18px 0px;
|
padding: 18px 0px 18px 0px;
|
||||||
}
|
}
|
||||||
|
|
@ -33,14 +34,14 @@
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<aside id="toolbar">
|
<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">
|
<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>
|
<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>
|
<path fill="none" stroke="var(--text-base-color)" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</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">
|
<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>
|
<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>
|
<rect fill="none" stroke="var(--text-base-color" x=".5" y="2.5" width="19" height="15"></rect>
|
||||||
|
|
@ -49,7 +50,7 @@
|
||||||
</polyline>
|
</polyline>
|
||||||
</svg>
|
</svg>
|
||||||
</span>
|
</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>
|
</aside>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue