Progressbar restructure and UI design update

This commit is contained in:
Jackie Sung
2021-01-29 00:49:49 +08:00
parent c55cb942b3
commit d831c00895
8 changed files with 285 additions and 305 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
function callAllJsFiles(t){var e=document.createElement("script");e.setAttribute("type","text/javascript"),e.setAttribute("src",t),document.getElementsByTagName("head")[0].appendChild(e)}callAllJsFiles("/static/theme-daynight/js/mode.js?v202101241800"),callAllJsFiles("/static/theme-daynight/js/navtop.js?v202101241800");
function callAllJsFiles(t){var e=document.createElement("script");e.setAttribute("type","text/javascript"),e.setAttribute("src",t),document.getElementsByTagName("head")[0].appendChild(e)}callAllJsFiles("/static/theme-daynight/js/mode.js?v202101290086"),callAllJsFiles("/static/theme-daynight/js/navtop.js?v202101290086");

View File

@@ -1 +1 @@
var darkCheckBox=document.querySelector("input[name=theme]"),themeStatus=document.getElementsByTagName("BODY")[0];darkCheckBox.addEventListener("change",(function(){this.checked?(trans(),themeStatus.setAttribute("data-theme","dark")):(trans(),themeStatus.setAttribute("data-theme","light"))}));let trans=()=>{themeStatus.classList.add("transition-theme"),window.setTimeout(()=>{themeStatus.classList.remove("transition-theme")},1e3)};var listCheckBox=document.querySelector("input[name=grid]");themeStatus=document.getElementsByTagName("BODY")[0];listCheckBox.addEventListener("change",(function(){this.checked?(transs(),themeStatus.setAttribute("data-gridlist","list")):(transs(),themeStatus.setAttribute("data-gridlist","grid"))}));let transs=()=>{themeStatus.classList.add("transition-theme"),window.setTimeout(()=>{themeStatus.classList.remove("transition-theme")},1e3)};
let darkCheckBox=$("input[name=theme]"),listCheckBox=$("input[name=grid]");darkCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-theme","dark")):(trans(),$("body").attr("data-theme","light"))})),listCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-gridlist","list")):(trans(),$("body").attr("data-gridlist","grid"))}));let servicedarkCheckBox=$("input[name=service-theme]"),servicelistCheckBox=$("input[name=service-grid]");function lightModeSwitch(){trans(),$("body").attr("data-theme","light")}function darkModeSwitch(){trans(),$("body").attr("data-theme","dark")}function gridModeSwitch(){trans(),$("body").attr("data-gridlist","grid")}function listModeSwitch(){trans(),$("body").attr("data-gridlist","list")}servicedarkCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-theme","dark"),$(".service-mobile-toggle").toggleClass("smt-active")):(trans(),$("body").attr("data-theme","light"),$(".service-mobile-toggle").toggleClass("smt-active"))})),servicelistCheckBox.change((function(){this.checked?(trans(),$("body").attr("data-gridlist","list"),$(".service-mobile-toggle").toggleClass("smt-active")):(trans(),$("body").attr("data-gridlist","grid"),$(".service-mobile-toggle").toggleClass("smt-active"))})),$(document).ready((function(){$(".sidebar-container ul li:first-child").click(lightModeSwitch),$(".sidebar-container ul li:nth-child(2)").click(darkModeSwitch),$(".sidebar-container ul li:nth-child(3)").click(gridModeSwitch),$(".sidebar-container ul li:last-child").click(listModeSwitch)}));let trans=()=>{$("body").addClass("transition-theme"),window.setTimeout(()=>{$("body").removeClass("transition-theme")},1e3)},transSidebar=()=>{$("body").addClass("transition-sidebar"),window.setTimeout(()=>{$("body").removeClass("transition-sidebar")},1e3)};$(document).ready((function(){$(".sidebar-container ul li").hover((function(){transSidebar()}))}));

View File

@@ -1 +1 @@
$(document).ready((function(){$(".hamburger").click((function(){$(this).toggleClass("is-active"),$(".nav-menu").toggleClass("active"),$(".nav-bar").toggleClass("active")}))}));var btn=$("#back-to-top");$(window).scroll((function(){$(window).scrollTop()>300?btn.addClass("show"):btn.removeClass("show")})),btn.on("click",(function(o){o.preventDefault(),$("html, body").animate({scrollTop:0},"300")}));
$(document).ready((function(){$(".hamburger").click((function(){$(this).toggleClass("is-active"),$(".nav-menu").toggleClass("active"),$(".nav-bar").toggleClass("active")}))}));var btn=$("#back-to-top");$(window).scroll((function(){$(window).scrollTop()>300?btn.addClass("show"):btn.removeClass("show")})),btn.on("click",(function(o){o.preventDefault(),$(".service-mobile-toggle").hasClass("smt-active")&&($(".service-mobile-toggle ").removeClass("smt-active"),$("html, body").animate({scrollTop:0},"300")),$("html, body").animate({scrollTop:0},"300")}));

View File

@@ -1 +1 @@
function callAllJsFiles(t){var e=document.createElement("script");e.setAttribute("type","text/javascript"),e.setAttribute("src",t),document.getElementsByTagName("head")[0].appendChild(e)}callAllJsFiles("/static/theme-daynight/js/navtop.js?v202101241800"),callAllJsFiles("/static/theme-daynight/js/mode.js?v202101241800"),callAllJsFiles("/static/theme-daynight/js/tooltip.js?v202101241800"),$(".corner").hover((function(){$(this).attr("aria-expanded","true")}));const hour=new Date(Date.now()).getHours();(hour>17||hour<4)&&(document.querySelector("input[name=theme]").checked=!0,document.getElementsByTagName("BODY")[0].setAttribute("data-theme","dark"));
function callAllJsFiles(e){var t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",e),document.getElementsByTagName("head")[0].appendChild(t)}callAllJsFiles("/static/theme-daynight/js/navtop.js?v202101290086"),callAllJsFiles("/static/theme-daynight/js/mode.js?v202101290086"),callAllJsFiles("/static/theme-daynight/js/tooltip.js?v202101290086"),$(".corner").hover((function(){$(this).attr("aria-expanded","true"===$(this).attr("aria-expanded")?"false":"true")}));const hour=new Date(Date.now()).getHours();(hour>17||hour<4)&&(document.querySelector("input[name=service-theme]").checked=!0,document.getElementsByTagName("BODY")[0].setAttribute("data-theme","dark")),$(document).ready((function(){$(".fa-plus").click((function(){$(".service-mobile-toggle").toggleClass("smt-active")}))}));