master #1
|
|
@ -0,0 +1,93 @@
|
|||
{
|
||||
"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"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -110,9 +110,7 @@ $(function() {
|
|||
$('body').highlight(searchTerm);
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
///
|
||||
|
|
@ -136,7 +134,6 @@ document.addEventListener("turbolinks:load", function() {
|
|||
|
||||
|
||||
const current = window.location.href
|
||||
|
||||
var els = document.getElementsByTagName("a");
|
||||
for (var i = 0, l = els.length; i < l; i++) {
|
||||
var el = els[i];
|
||||
|
|
@ -150,13 +147,24 @@ document.addEventListener("turbolinks:load", function() {
|
|||
})
|
||||
|
||||
function loadIndex() {
|
||||
fetchJSON(function(response) {
|
||||
// On localhost the root url is /MATH201
|
||||
// On sasserisop the root url is /sasserisop
|
||||
const localhost = true;
|
||||
const root = localhost ? "" : "/MATH201";
|
||||
|
||||
fetchJSON(function (response) {
|
||||
const notes = response;
|
||||
const search_results = document.getElementById('search-results');
|
||||
const tags = document.getElementById('tags');
|
||||
const current_note = window.location.href;
|
||||
notes.index.forEach(note => {
|
||||
|
||||
// sorted notes by lecture number
|
||||
const lecture_notes = new Map();
|
||||
const non_lecture_notes = [];
|
||||
|
||||
// Fixed a bug where the search results had unwanted notes.
|
||||
// The notes are now filtered first.
|
||||
notes.index.filter(n => !/^Drawing|^20/.test(n.title)).forEach(note => {
|
||||
const title = '<h4>' + note.title + '</h4>';
|
||||
const summary = '<div>' + note.summary + '</div>';
|
||||
|
||||
|
|
@ -179,15 +187,37 @@ function loadIndex() {
|
|||
const tags = '<span style="display:none">' + note.tags + '</span>'
|
||||
var list_content;
|
||||
if (current_note === permalink) {
|
||||
list_content = '<a href="/MATH201' + permalink + '" class="selected search-item" tabindex="0">' + title + summary + '</a>'
|
||||
list_content = '<a href="' + root + permalink + '" class="selected search-item" tabindex="0">' + title + summary + '</a>'
|
||||
} else {
|
||||
list_content = '<a href="/MATH201' + permalink + '" class="search-item" tabindex="0">' + title + summary + thumbnail + tags + '</a>'
|
||||
list_content = '<a href="' + root + permalink + '" class="search-item" tabindex="0">' + title + summary + thumbnail + tags + '</a>'
|
||||
}
|
||||
|
||||
const child = document.createElement("li");
|
||||
child.innerHTML = list_content;
|
||||
search_results.append(child)
|
||||
|
||||
// Add lecture notes to a dictionary, and then sort them by lecture number.
|
||||
// second last character of the title may be first digit of lecture number
|
||||
const d1 = note.title[note.title.length - 2];
|
||||
// find the lecture number, if there is one
|
||||
if (/\d/.test(d1)) {
|
||||
// it has a lecture number
|
||||
// if the third last character is a digit, then the lecture number is 2 digits
|
||||
const d2 = note.title[note.title.length - 3];
|
||||
const lecture_number = /\d/.test(d2) ? Number(d2 + d1) : Number(d1);
|
||||
lecture_notes.set(lecture_number, child);
|
||||
} else {
|
||||
non_lecture_notes.push(child);
|
||||
}
|
||||
});
|
||||
// sort notes by lecture number
|
||||
const sorted_notes = new Map([...lecture_notes.entries()].sort((a, b) => (a[0] - b[0])));
|
||||
// Add sorted notes first
|
||||
sorted_notes.forEach(val => {
|
||||
search_results.append(val);
|
||||
});
|
||||
non_lecture_notes.forEach(child => {
|
||||
search_results.append(child);
|
||||
})
|
||||
|
||||
// @todo: wip
|
||||
// notes.tags.forEach(tag => {
|
||||
|
|
@ -196,13 +226,12 @@ function loadIndex() {
|
|||
// tags.append(child)
|
||||
// });
|
||||
//
|
||||
});
|
||||
}, root);
|
||||
}
|
||||
|
||||
|
||||
function fetchJSON(callback) {
|
||||
|
||||
const requestURL = '/MATH201/index.json';
|
||||
function fetchJSON(callback, root) {
|
||||
const requestURL = root + '/index.json';
|
||||
const request = new XMLHttpRequest();
|
||||
request.open('GET', requestURL, true);
|
||||
request.responseType = 'json';
|
||||
|
|
|
|||
|
|
@ -1,19 +1,13 @@
|
|||
var thumbnail_mode = false
|
||||
function imageMode() {
|
||||
const note_wrapper = document.getElementById('note-wrapper')
|
||||
const images = note_wrapper.getElementsByTagName('img')
|
||||
// Resize images using an input range.
|
||||
function resizeImage() {
|
||||
// make p tags wrapping img tags inline, to resize images correctly
|
||||
$("#main p").has("img").css("display", "inline-block");
|
||||
|
||||
if (thumbnail_mode) {
|
||||
var els = note_wrapper.getElementsByTagName('img')
|
||||
for(var i = 0, all = els.length; i < all; i++){
|
||||
els[i].classList.remove('thumbnail');
|
||||
}
|
||||
thumbnail_mode = false
|
||||
} else {
|
||||
var els = note_wrapper.getElementsByTagName('img')
|
||||
for(var i = 0, all = els.length; i < all; i++){
|
||||
els[i].classList.add('thumbnail');
|
||||
}
|
||||
thumbnail_mode = true
|
||||
}
|
||||
// toggle vectical input range
|
||||
$("#toolbar input[type=range][orient=vertical]").slideToggle()
|
||||
|
||||
// resize image
|
||||
$("#toolbar input[type=range][orient=vertical]").mouseup(function () {
|
||||
$("#main p img").css("width", this.value + "%")
|
||||
});
|
||||
}
|
||||
|
|
@ -23,11 +23,15 @@ search-menu {
|
|||
overflow-y: auto;
|
||||
opacity: 0;
|
||||
|
||||
-ms-overflow-style: none; /* IE and Edge */
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* IE and Edge */
|
||||
scrollbar-width: none;
|
||||
/* Firefox */
|
||||
}
|
||||
|
||||
#search::-webkit-scrollbar { display: none; }
|
||||
#search::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#search-header {
|
||||
padding: 12px;
|
||||
|
|
@ -51,7 +55,7 @@ search-menu {
|
|||
height: 24px;
|
||||
border: 1px solid var(--separator-color);
|
||||
border-radius: 4px;
|
||||
padding-left: 16px;
|
||||
padding-left: 24px;
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
}
|
||||
|
|
@ -94,14 +98,19 @@ search-menu {
|
|||
|
||||
}
|
||||
|
||||
#search-results a:first-child:hover, a:first-child:focus, .selected {
|
||||
#search-results a:first-child:hover,
|
||||
a:first-child:focus,
|
||||
.selected {
|
||||
outline: 0;
|
||||
background-color: var(--note-table-cell-selected-color);
|
||||
border-left: 6px solid var(--note-table-cell-ribbon-color) !important;
|
||||
}
|
||||
|
||||
// Reseting default styles inside search component scope
|
||||
#search-results li { text-indent: 0; }
|
||||
/* // Reseting default styles inside search component scope */
|
||||
#search-results li {
|
||||
text-indent: 0;
|
||||
}
|
||||
|
||||
#search-results li:before,
|
||||
#search-results h1:before,
|
||||
#search-results h2:before,
|
||||
|
|
@ -119,12 +128,14 @@ search-menu {
|
|||
<search-menu id="search" data-turbolinks-permanent>
|
||||
<header id="search-header">
|
||||
<div class="input-container">
|
||||
<svg aria-hidden="true" style="" class="search-icon" width="12" height="12" viewBox="0 0 18 18">
|
||||
<path d="M18 16.5l-5.14-5.18h-.35a7 7 0 10-1.19 1.19v.35L16.5 18l1.5-1.5zM12 7A5 5 0 112 7a5 5 0 0110 0z">
|
||||
<svg aria-hidden="true" class="search-icon" width="12" height="12" viewBox="0 0 18 18">
|
||||
<path
|
||||
d="M18 16.5l-5.14-5.18h-.35a7 7 0 10-1.19 1.19v.35L16.5 18l1.5-1.5zM12 7A5 5 0 112 7a5 5 0 0110 0z">
|
||||
</path>
|
||||
</svg>
|
||||
|
||||
<input type="search" autocomplete="off" id="search-input" onkeyup="performSearch()" tabindex="0" placeholder="Search note">
|
||||
<input type="search" autocomplete="off" id="search-input" onkeyup="performSearch()" tabindex="0"
|
||||
placeholder="Search Notes">
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
<script>
|
||||
</script>
|
||||
|
||||
<style>
|
||||
#toolbar {
|
||||
position: fixed;
|
||||
|
|
@ -29,14 +26,32 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
#toolbar input[type=range][orient=vertical] {
|
||||
appearance: slider-vertical;
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<aside id="toolbar">
|
||||
<span 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>
|
||||
<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 onclick="imageMode()" style="cursor:pointer;margin-top:16px;">
|
||||
<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><polyline fill="none" stroke="var(--text-base-color" stroke-width="1.01" points="4,13 8,9 13,14"></polyline><polyline fill="none" stroke="var(--text-base-color)" stroke-width="1.01" points="11,12 12.5,10.5 16,14"></polyline></svg>
|
||||
<span 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>
|
||||
<polyline fill="none" stroke="var(--text-base-color" stroke-width="1.01" points="4,13 8,9 13,14"></polyline>
|
||||
<polyline fill="none" stroke="var(--text-base-color)" stroke-width="1.01" points="11,12 12.5,10.5 16,14">
|
||||
</polyline>
|
||||
</svg>
|
||||
</span>
|
||||
<input type="range" orient="vertical" min="0" max="100" step="0.5" value="100">
|
||||
</aside>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
Loading…
Reference in New Issue