02db3d3044
* add npm dependencies used in this theme * implement helper to configure JS and ESBuild * migrate jquery popper.js bootstrap fontawesome to js bundle * refactor main.js into smaller pieces, and moved navbar.js to assets * remove list.js. It adjusts post card height to be the same, but is actually not needed. * refactored notes.js, search.js, single.js into application.js * move ityped to js asset, implement experiences horizontal vertical line in css * align recent post height via css * migrated home.js and refactored into various sections * migrated darkMode feature to js bundle * moved mermaid feature to js bundle * migrate syntax highlight to js bundle * migrate katex ( js portion ) to js bundle * migrate pdf-js to js bundle by delegating to cdn * set explicit comparisions for feature envvars so js can properly optimize * removed goat-counter * more fixes for broken achievements and small bugs * more bug fixes * allow configuration of hightlight.js, fix video-player shortcode * remove jquery all together * add null handling and fix merge conflicts Co-authored-by: Aaron Qian <aaron@yeet.io>
36 lines
708 B
JavaScript
36 lines
708 B
JavaScript
let deviceState = {
|
|
isMobile: false,
|
|
isTablet: false,
|
|
isLaptop: false
|
|
}
|
|
|
|
function detectDeviceState () {
|
|
if (window.innerWidth <= 425) {
|
|
deviceState = {
|
|
isMobile: true,
|
|
isTablet: false,
|
|
isLaptop: false
|
|
}
|
|
} else if (window.innerWidth <= 768) {
|
|
deviceState = {
|
|
isMobile: false,
|
|
isTablet: true,
|
|
isLaptop: false
|
|
}
|
|
} else {
|
|
deviceState = {
|
|
isMobile: false,
|
|
isTablet: false,
|
|
isLaptop: true
|
|
}
|
|
}
|
|
}
|
|
|
|
detectDeviceState()
|
|
window.addEventListener('resize', detectDeviceState)
|
|
|
|
// returns a copy of the device state
|
|
// so other parts of code can't override this.
|
|
export function getDeviceState () {
|
|
return { ...deviceState }
|
|
}
|