diff --git a/Makefile b/Makefile index 8a7b829..3367bc0 100644 --- a/Makefile +++ b/Makefile @@ -1,5 +1,5 @@ # LuCI Alpha Theme -# Copyright 2022 derisamedia +# Copyright 2024 derisamedia # # Licensed under the Apache License v2.0 # http://www.apache.org/licenses/LICENSE-2.0 @@ -10,7 +10,7 @@ THEME_NAME:=alpha THEME_TITLE:=Alpha PKG_NAME:=luci-theme-$(THEME_NAME) -PKG_VERSION:=0.3.8-beta +PKG_VERSION:=0.3.9-beta PKG_RELEASE:=8 include $(INCLUDE_DIR)/package.mk @@ -20,7 +20,7 @@ define Package/luci-theme-$(THEME_NAME) CATEGORY:=LuCI SUBMENU:=9. Themes DEPENDS:=+libc - TITLE:=Tema LuCi - $(THEME_TITLE) + TITLE:=LuCi Theme For OpenWrt And Alpha OS ONLY - $(THEME_TITLE) URL:=http://facebook.com/derisamedia/ PKGARCH:=all endef diff --git a/luasrc/app.js b/luasrc/app.js index 6d4a69c..c61ad08 100644 --- a/luasrc/app.js +++ b/luasrc/app.js @@ -13,23 +13,23 @@ false ); - const isDark = localStorage.getItem("isDark"); - if (isDark == 1) { - const element = document.querySelector("body"); - element.classList.add("dark"); - } - const themetoggler = document.querySelector(".themetoggler"); - themetoggler.addEventListener( - "click", - function (e) { - e.preventDefault(); - const element = document.querySelector("body"); - element.classList.toggle("dark"); + // const isDark = localStorage.getItem("isDark"); + // if (isDark == 1) { + // const element = document.querySelector("body"); + // element.classList.add("dark"); + // } + // const themetoggler = document.querySelector(".themetoggler"); + // themetoggler.addEventListener( + // "click", + // function (e) { + // e.preventDefault(); + // const element = document.querySelector("body"); + // element.classList.toggle("dark"); - const isDark = localStorage.getItem("isDark"); - localStorage.setItem("isDark", isDark == 1 ? 0 : 1); - }, - false - ); + // const isDark = localStorage.getItem("isDark"); + // localStorage.setItem("isDark", isDark == 1 ? 0 : 1); + // }, + // false + // ); })(); \ No newline at end of file diff --git a/luasrc/favicon.ico b/luasrc/favicon.ico index 72c3115..c84d86b 100644 Binary files a/luasrc/favicon.ico and b/luasrc/favicon.ico differ diff --git a/luasrc/fonts/Anime.otf b/luasrc/fonts/Anime.otf deleted file mode 100644 index 2c61294..0000000 Binary files a/luasrc/fonts/Anime.otf and /dev/null differ diff --git a/luasrc/fonts/DESIGNER.otf b/luasrc/fonts/DESIGNER.otf deleted file mode 100644 index 8263707..0000000 Binary files a/luasrc/fonts/DESIGNER.otf and /dev/null differ diff --git a/luasrc/fonts/FUTRFW.TTF b/luasrc/fonts/FUTRFW.TTF deleted file mode 100644 index 6c63ef8..0000000 Binary files a/luasrc/fonts/FUTRFW.TTF and /dev/null differ diff --git a/luasrc/fonts/LEMONMILK-Bold.otf b/luasrc/fonts/LEMONMILK-Bold.otf deleted file mode 100644 index d0391fc..0000000 Binary files a/luasrc/fonts/LEMONMILK-Bold.otf and /dev/null differ diff --git a/luasrc/fonts/Louis-George-Cafe.ttf b/luasrc/fonts/Louis-George-Cafe.ttf deleted file mode 100644 index f8ffc4b..0000000 Binary files a/luasrc/fonts/Louis-George-Cafe.ttf and /dev/null differ diff --git a/luasrc/fonts/MADEINFINITYPersonalUse-Black.otf b/luasrc/fonts/MADEINFINITYPersonalUse-Black.otf deleted file mode 100644 index 3c49626..0000000 Binary files a/luasrc/fonts/MADEINFINITYPersonalUse-Black.otf and /dev/null differ diff --git a/luasrc/fonts/THEBOLDFONT.ttf b/luasrc/fonts/THEBOLDFONT.ttf deleted file mode 100644 index f8c25a9..0000000 Binary files a/luasrc/fonts/THEBOLDFONT.ttf and /dev/null differ diff --git a/luasrc/fonts/argon.woff b/luasrc/fonts/argon.woff deleted file mode 100644 index ef1e9c2..0000000 Binary files a/luasrc/fonts/argon.woff and /dev/null differ diff --git a/luasrc/fonts/font.eot b/luasrc/fonts/font.eot deleted file mode 100644 index 9e6ffc9..0000000 Binary files a/luasrc/fonts/font.eot and /dev/null differ diff --git a/luasrc/fonts/font.svg b/luasrc/fonts/font.svg deleted file mode 100644 index d38d057..0000000 --- a/luasrc/fonts/font.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - \ No newline at end of file diff --git a/luasrc/fonts/font.ttf b/luasrc/fonts/font.ttf deleted file mode 100644 index 8466932..0000000 Binary files a/luasrc/fonts/font.ttf and /dev/null differ diff --git a/luasrc/fonts/font.woff b/luasrc/fonts/font.woff deleted file mode 100644 index 00cf84e..0000000 Binary files a/luasrc/fonts/font.woff and /dev/null differ diff --git a/luasrc/fonts/iconfont.ttf b/luasrc/fonts/iconfont.ttf deleted file mode 100644 index c8b4013..0000000 Binary files a/luasrc/fonts/iconfont.ttf and /dev/null differ diff --git a/luasrc/fonts/iconfont.woff b/luasrc/fonts/iconfont.woff deleted file mode 100644 index e9749c9..0000000 Binary files a/luasrc/fonts/iconfont.woff and /dev/null differ diff --git a/luasrc/fonts/iconfont.woff2 b/luasrc/fonts/iconfont.woff2 deleted file mode 100644 index 0754f35..0000000 Binary files a/luasrc/fonts/iconfont.woff2 and /dev/null differ diff --git a/luasrc/gaya/gaya.css b/luasrc/gaya/gaya.css index e660a32..eedf2ec 100755 --- a/luasrc/gaya/gaya.css +++ b/luasrc/gaya/gaya.css @@ -66,7 +66,7 @@ b { -webkit-border-radius: 100px; } ::-webkit-scrollbar { - width: 0.5em !important; + width: 0.2em !important; overflow: visible; border-radius: 4px; -webkit-border-radius: 4px; @@ -289,7 +289,7 @@ label { font-family: inherit; font-weight: 400; line-height: 1.1 !important; - color: inherit; + color: #fff; } html { overflow-y: hidden; @@ -304,6 +304,7 @@ label { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; + background-color: rgb(10, 10, 10); } .text { @@ -329,17 +330,17 @@ label { select, input, .cbi-dropdown { - height: 1.8rem; + height: 2.3rem; color: rgba(255, 255, 255, 0.87); border: 0; border-bottom: 2px solid #30304b; border-radius: 10px; - border-radius: 0; + border-radius: 20px; outline: 0; background-color: #222235; background-image: none; box-shadow: none; - padding: 0; + padding: 0.5rem; } select, .cbi-dropdown { @@ -464,8 +465,9 @@ label { width: 32px; height: 32px; content: ""; - background: url(./icons/logout.svg) no-repeat; + background: url(./icon/logout.svg) no-repeat; text-indent: -9999px; + background-size: 32px; } /* End Header */ @@ -480,6 +482,7 @@ label { } footer > a { text-decoration: none; + align-items: center; color: #e6e6e696; border-bottom: 0; background-color: #2222359a; @@ -586,8 +589,10 @@ label { text-align: center; height: calc(50px + constant(safe-area-inset-bottom)); height: calc(50px + env(safe-area-inset-bottom)); - background-color: #000000f3; + background-color: #00000079; border-radius: 20px; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); } .navbar--hidden { @@ -626,7 +631,7 @@ label { height: 100%; pointer-events: none; background-color: rgba(0, 0, 0, 0.781); - transition: visibility 400ms, opacity 400ms; + transition: .4s ease-in-out; border-radius: 10px; } .main > .loading > span { @@ -640,17 +645,29 @@ label { color: #888; } .main > .loading > span > .loading-img { - position: relative; - top: 0.1rem; - left: 0.05rem; - display: inline-block; - width: 36px; - height: 36px; - margin-right: 1rem; - animation: anim-rotate 2s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28); - background: url(./icons/spinner.svg) no-repeat center; + display: inline-flex; + gap: 10px; } + .main > .loading > span > .loading-img:before,.loading-img:after { + content: ""; + height: 20px; + aspect-ratio: 1; + border-radius: 50%; + background: + linear-gradient(#222 0 0) top/100% 0% no-repeat, + radial-gradient(farthest-side,#000 95%,#0000) 50%/8px 8px no-repeat + #ffffff; + animation: l9 4s infinite ease-in; + } + + @keyframes l9 { + 0% {background-size:100% 0%,8px 8px;background-position:top, 50% 50%} + 80% {background-size:100% 70%,8px 8px;background-position:top, 50% 70%} + 84%, + 100%{background-size:100% 0%,8px 8px;background-position:top, 50% 50%} + } + .cbi-map { margin-top: 10px; } @@ -692,6 +709,7 @@ strong { border-bottom-right-radius: 20px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); + height: calc(100% - 3.5rem); } .main > .main-left > .nav { @@ -707,13 +725,18 @@ strong { } .main > .main-left > .nav > li:last-child { display: flex; - margin: 2rem 0 1rem; - padding: 0 0 0 2rem; + padding: 0.5rem 1rem; } .main > .main-left > .nav > li a { display: block; color: #cbcbcb; } + + .main > .main-left > .nav > li > [data-title="Logout"] { + font-size: 1rem; + color: #fff; + } + .main > .main-left > .nav > li.slide.active { background-color: unset; } @@ -737,10 +760,11 @@ strong { .main > .main-left > .nav > .slide > .menu::before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/layout-fluid.png) no-repeat; + background: url(./icon/sidebar-icon/app.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > .menu.active::before { } @@ -748,74 +772,83 @@ strong { .main > .main-left > .nav > .slide > [data-title="Status"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/list.png) no-repeat; + background: url(./icon/sidebar-icon/status.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="System"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/settings.png) no-repeat; + background: url(./icon/sidebar-icon/system.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="Services"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/settings-sliders.png) no-repeat; + background: url(./icon/sidebar-icon/services.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="NAS"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/add-folder.png) no-repeat; + background: url(./icon/sidebar-icon/nas.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="Modem"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/books-medical.png) no-repeat; + background: url(./icon/sidebar-icon/modem.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="Network"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/broadcast-tower.png) no-repeat; + background: url(./icon/sidebar-icon/network.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="VPN"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/syringe.png) no-repeat; + background: url(./icon/sidebar-icon/vpn.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide > [data-title="Docker"]:before { position: absolute; right: 14px; - width: 16px; - height: 16px; + width: 25px; + height: 25px; content: ""; - background: url(./sidebar-icon/docker.png) no-repeat; + background: url(./icon/sidebar-icon/docker.svg) no-repeat; + background-size: 25px; } + /* End Sidebar */ .modemenu-buttons { @@ -846,8 +879,9 @@ strong { background-color: #ff7d60 !important; } .warning { - background-color: #bebebe !important; + background-color: #bebebe87 !important; border-radius: 10px; + color: #fff; } .success { background-color: #5cb85c !important; @@ -860,10 +894,10 @@ strong { font-weight: 700; margin-bottom: 1em; border: 0; - border-radius: 10px; - background-color: #fff; - text-shadow: 1px 1px rgba(173, 31, 31, 0.1); + border-radius: 20px; + background-color: #2222359a; padding: 1rem; + margin: 1rem; } .alert-message > h4 { font-size: 110%; @@ -885,12 +919,12 @@ strong { } .main > .main-left > .nav > li:last-child::before { position: absolute; - top:50%; - transform: translateY(-50%); - left: 14px; - width: 16px; - height: 16px; - content: url(./sidebar-icon/exit.png); + right: 14px; + width: 25px; + height: 25px; + content: ""; + background: url(./icon/logout.svg) no-repeat; + background-size: 25px; } .main > .main-left > .nav > .slide:hover { background: none; @@ -982,6 +1016,17 @@ strong { padding-bottom: 10px; margin: 2rem 0 0; } + + .cbi-tab-descr { + color: #09c; + margin: 1em; + padding: 1rem; + } + +#tabmenu { + padding: 0; +} + .cbi-section, .cbi-section-error, #iptables, @@ -1204,7 +1249,8 @@ strong { .cbi-button-neutral[onclick="handleConfig(event)"] { font-weight: 400; color: #fff; - background-color: #00e1ff38; + background-color: rgba(0, 229, 255, 0.47); + border-radius: 20px; } .cbi-page-actions .cbi-button-apply, .cbi-section-actions .cbi-button-edit, @@ -1218,7 +1264,8 @@ strong { .cbi-button[onclick="addKey(event)"] { font-weight: 400; color: #fff; - background-color: #00e1ff38; + background-color: rgba(0, 229, 255, 0.47); + border-radius: 20px; } .btn.danger, .cbi-section-remove > .cbi-button, @@ -1231,8 +1278,8 @@ strong { .cbi-button-neutral[value="Restart"] { font-weight: 400; color: #fff; - - background-color: #d9534f52; + background-color: rgba(255, 0, 0, 0.47); + border-radius: 20px; } .btn[value="Dismiss"], .cbi-button[value="Terminate"], @@ -1279,9 +1326,15 @@ strong { display: inline-block; cursor: pointer; padding: 0.4rem; + margin: 0.3rem; align-items: center; } + + .tool_label_span { + color: aqua; +} + .tabs > li { padding-bottom: 0.4rem; } @@ -1306,22 +1359,22 @@ strong { .cbi-tabmenu { border-bottom: 0; background-color: #2222359a; - border-radius: 10px; + border-radius: 20px; padding: 9px; padding-bottom: 3px; padding-top: 3px; - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); } .cbi-tabmenu > li:hover { background-color: #474747; - border-radius: 10px; + border-radius: 20px; } .cbi-tabmenu > li[class~="cbi-tab"] { - background-color: #ff9494; - border-radius: 10px; + background-color: #ff94946a; + border-radius: 20px; } .cbi-tabmenu > li[class~= data-tab=] { @@ -1489,6 +1542,7 @@ strong { border: thin solid #d43f3a; background-color: #d9534f; padding: 0 6px; + border-radius: 5px; } .cbi-dynlist > .item > span { white-space: normal; @@ -1579,7 +1633,7 @@ strong { min-height: 20px; white-space: nowrap; text-overflow: ellipsis; - padding: 0.25em; + padding: 0.3rem; } .cbi-dropdown > ul > li[display]:not([display="0"]) { border-left: thin solid #ccc; @@ -1672,6 +1726,7 @@ strong { height: 100%; transition: width 2s ease-in; background: #0099cc; + padding: 0.5rem; } .cbi-progressbar::after { font-family: monospace; @@ -1712,9 +1767,11 @@ strong { min-width: 270px; max-width: 600px; min-height: 32px; - border-radius: 10px !important; - background: #838383; + border-radius: 20px !important; + background: #8f8f8f75; margin: 5em auto; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); padding: 1em; } @@ -1784,14 +1841,13 @@ strong { position: absolute; font-size: medium; font-style: "Quicksand-Bold"; - top: -8px; - bottom: 0; - left: -10px; - width: 36px; - height: 36px; + left: 8px; + width: 20px; + height: 20px; content: ""; animation: anim-rotate 2s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28); - background: url(./icons/spinner16.svg) no-repeat center; + background: url(./icon/loading.svg) no-repeat center; + background-size: 20px; } } .left, @@ -1886,8 +1942,8 @@ strong { resize: none; color: #eee; border: 0; - border-radius: 0; - background-color: #101010; + border-radius: 20px; + background-color: #10101057; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12); padding: 1rem; } @@ -1936,6 +1992,7 @@ strong { .uci-change-legend-label { float: left; width: 150px; + color: #fff; } .uci-change-legend-label > ins, .uci-change-legend-label > del, @@ -1959,14 +2016,30 @@ strong { .ifacebox { line-height: 1.25; display: inline-flex; - flex-direction: column; - min-width: 100px; - background-color: #6c6c6c; - border-radius: 10px; + flex-direction: row; + min-width: 150px; + background-color: #54545450; + border-radius: 20px; + flex-wrap: nowrap; + align-content: stretch; + justify-content: space-evenly; + align-items: flex-start; } + + div.ifacebox-head { + --zone-color-rgb: 144, 240, 144; + background-color: rgb(43, 79, 43); + } + + style attribute { + --zone-color-rgb: 144, 240, 144; + background-color: rgb(43, 79, 43); + } + .ifacebox-head { background: #939393; padding: 0.25em; + color: #fff; } .ifacebox-head.active { background: var(--bar-bg); @@ -2042,10 +2115,13 @@ strong { white-space: pre; pointer-events: none; opacity: 0; - border-radius: 3px; - background: #fff; + border-radius: 20px; + background: #54545450; box-shadow: 0 0 2px #444; padding: 2px 5px; + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); + } .cbi-tooltip-container:hover .cbi-tooltip { left: auto; @@ -2358,9 +2434,10 @@ strong { width: 32px; height: 32px; content: ""; - background: url(./icons/refresh.svg) no-repeat; + background: url(./icon/loading.svg) no-repeat; text-indent: -9999px; animation: anim-rotate 5s infinite ease-in-out; + background-size: 32px; } [data-indicator="poll-status"][data-style="inactive"] { @@ -2369,8 +2446,9 @@ strong { width: 32px; height: 32px; content: ""; - background: url(./sidebar-icon/pause-circle.png) no-repeat; + background: url(./icon/pause.svg) no-repeat; text-indent: -9999px; + background-size: 32px; } @@ -2379,8 +2457,9 @@ strong { width: 32px; height: 32px; content: ""; - background: url(./sidebar-icon/floppy-disk-circle-arrow-right.png) no-repeat; + background: url(./icon/save.svg) no-repeat; text-indent: -9999px; + background-size: 32px; } #modemenu > li > a.active, @@ -2568,7 +2647,7 @@ strong { font-size: 0.8rem; padding: 0.3rem 0.6rem; position: relative; - bottom: -0.5rem; + /*bottom: -0.5rem;*/ } .label, [data-indicator] { @@ -2598,7 +2677,7 @@ strong { padding: 0.3rem 0.6rem; } } - @media screen and (max-width: 1366px) { + @media screen and (max-width: 2000000000px) { header { height: 3.5rem; } @@ -2648,7 +2727,8 @@ strong { .main > .main-left > .nav > li a, .main > .main-left > .nav > .slide > .menu, .main > .main-left > .nav > li > [data-title="Logout"] { - font-size: 0.9rem; + font-size: 1rem; + color: #fff; } .main > .main-left > .nav > .slide > .slide-menu > li > a { font-size: 0.7rem; @@ -2982,7 +3062,7 @@ strong { .cbi-value-field .cbi-input-select, .cbi-value input[type="text"], .node-system-packages > .main .cbi-value .cbi-value-field input { - width: 100%; + width: 30%; color: #fff; } .cbi-page-actions > div > input, diff --git a/luasrc/gaya/icons/arrow.svg b/luasrc/gaya/icon/arrow.svg old mode 100755 new mode 100644 similarity index 100% rename from luasrc/gaya/icons/arrow.svg rename to luasrc/gaya/icon/arrow.svg diff --git a/luasrc/gaya/icon/loading.svg b/luasrc/gaya/icon/loading.svg new file mode 100644 index 0000000..0112b31 --- /dev/null +++ b/luasrc/gaya/icon/loading.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/logout.svg b/luasrc/gaya/icon/logout.svg new file mode 100644 index 0000000..78c0fe4 --- /dev/null +++ b/luasrc/gaya/icon/logout.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icons/menu_icon.svg b/luasrc/gaya/icon/menu_icon.svg old mode 100755 new mode 100644 similarity index 100% rename from luasrc/gaya/icons/menu_icon.svg rename to luasrc/gaya/icon/menu_icon.svg diff --git a/luasrc/gaya/icon/navbar/interface.png b/luasrc/gaya/icon/navbar/interface.png new file mode 100644 index 0000000..d5888cc Binary files /dev/null and b/luasrc/gaya/icon/navbar/interface.png differ diff --git a/luasrc/gaya/icon/navbar/modem.png b/luasrc/gaya/icon/navbar/modem.png new file mode 100644 index 0000000..aa2d96a Binary files /dev/null and b/luasrc/gaya/icon/navbar/modem.png differ diff --git a/luasrc/gaya/icon/navbar/nas.png b/luasrc/gaya/icon/navbar/nas.png new file mode 100644 index 0000000..de16803 Binary files /dev/null and b/luasrc/gaya/icon/navbar/nas.png differ diff --git a/luasrc/gaya/icon/navbar/oc.png b/luasrc/gaya/icon/navbar/oc.png new file mode 100644 index 0000000..7a7ded8 Binary files /dev/null and b/luasrc/gaya/icon/navbar/oc.png differ diff --git a/luasrc/gaya/icon/navbar/status.png b/luasrc/gaya/icon/navbar/status.png new file mode 100644 index 0000000..1da0390 Binary files /dev/null and b/luasrc/gaya/icon/navbar/status.png differ diff --git a/luasrc/gaya/icon/navbar/terminal.png b/luasrc/gaya/icon/navbar/terminal.png new file mode 100644 index 0000000..4594e8c Binary files /dev/null and b/luasrc/gaya/icon/navbar/terminal.png differ diff --git a/luasrc/gaya/icon/pause.svg b/luasrc/gaya/icon/pause.svg new file mode 100644 index 0000000..862a712 --- /dev/null +++ b/luasrc/gaya/icon/pause.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/save.svg b/luasrc/gaya/icon/save.svg new file mode 100644 index 0000000..690905d --- /dev/null +++ b/luasrc/gaya/icon/save.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/app.svg b/luasrc/gaya/icon/sidebar-icon/app.svg new file mode 100644 index 0000000..366ace3 --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/app.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/docker.svg b/luasrc/gaya/icon/sidebar-icon/docker.svg new file mode 100644 index 0000000..c28d199 --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/docker.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/modem.svg b/luasrc/gaya/icon/sidebar-icon/modem.svg new file mode 100644 index 0000000..c270cbf --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/modem.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/nas.svg b/luasrc/gaya/icon/sidebar-icon/nas.svg new file mode 100644 index 0000000..273fadb --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/nas.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/network.svg b/luasrc/gaya/icon/sidebar-icon/network.svg new file mode 100644 index 0000000..5131c17 --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/network.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/services.svg b/luasrc/gaya/icon/sidebar-icon/services.svg new file mode 100644 index 0000000..5280c99 --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/services.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/status.svg b/luasrc/gaya/icon/sidebar-icon/status.svg new file mode 100644 index 0000000..f1e3c2c --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/status.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/system.svg b/luasrc/gaya/icon/sidebar-icon/system.svg new file mode 100644 index 0000000..ba932d4 --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/system.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icon/sidebar-icon/vpn.svg b/luasrc/gaya/icon/sidebar-icon/vpn.svg new file mode 100644 index 0000000..0f48cba --- /dev/null +++ b/luasrc/gaya/icon/sidebar-icon/vpn.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + diff --git a/luasrc/gaya/icons/Bookmark.svg b/luasrc/gaya/icons/Bookmark.svg deleted file mode 100755 index ed9875e..0000000 --- a/luasrc/gaya/icons/Bookmark.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/luasrc/gaya/icons/Home-gray.svg b/luasrc/gaya/icons/Home-gray.svg deleted file mode 100755 index 44564bd..0000000 --- a/luasrc/gaya/icons/Home-gray.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/luasrc/gaya/icons/Untitled-1.png b/luasrc/gaya/icons/Untitled-1.png deleted file mode 100755 index a3af264..0000000 Binary files a/luasrc/gaya/icons/Untitled-1.png and /dev/null differ diff --git a/luasrc/gaya/icons/home.png b/luasrc/gaya/icons/home.png deleted file mode 100755 index 2ae9194..0000000 Binary files a/luasrc/gaya/icons/home.png and /dev/null differ diff --git a/luasrc/gaya/icons/home.svg b/luasrc/gaya/icons/home.svg deleted file mode 100755 index 5ab3d48..0000000 --- a/luasrc/gaya/icons/home.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/luasrc/gaya/icons/logout.svg b/luasrc/gaya/icons/logout.svg deleted file mode 100755 index ee35ddd..0000000 --- a/luasrc/gaya/icons/logout.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - - - - - - - diff --git a/luasrc/gaya/icons/menu.svg b/luasrc/gaya/icons/menu.svg deleted file mode 100755 index 46bd0ae..0000000 --- a/luasrc/gaya/icons/menu.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/luasrc/gaya/icons/refresh.svg b/luasrc/gaya/icons/refresh.svg deleted file mode 100644 index 894db4f..0000000 --- a/luasrc/gaya/icons/refresh.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - diff --git a/luasrc/gaya/icons/rotate-right.svg b/luasrc/gaya/icons/rotate-right.svg deleted file mode 100755 index fa20f5b..0000000 --- a/luasrc/gaya/icons/rotate-right.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/luasrc/gaya/icons/settings-sliders.svg b/luasrc/gaya/icons/settings-sliders.svg deleted file mode 100755 index f5c59e4..0000000 --- a/luasrc/gaya/icons/settings-sliders.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/luasrc/gaya/icons/settings.svg b/luasrc/gaya/icons/settings.svg deleted file mode 100755 index 939cbc5..0000000 --- a/luasrc/gaya/icons/settings.svg +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/luasrc/gaya/icons/spinner.png b/luasrc/gaya/icons/spinner.png deleted file mode 100755 index 30d2521..0000000 Binary files a/luasrc/gaya/icons/spinner.png and /dev/null differ diff --git a/luasrc/gaya/icons/spinner.svg b/luasrc/gaya/icons/spinner.svg deleted file mode 100644 index 2fa9891..0000000 --- a/luasrc/gaya/icons/spinner.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - diff --git a/luasrc/gaya/icons/spinner16.svg b/luasrc/gaya/icons/spinner16.svg deleted file mode 100644 index cdb99f9..0000000 --- a/luasrc/gaya/icons/spinner16.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - diff --git a/luasrc/gaya/icons/spinner2.svg b/luasrc/gaya/icons/spinner2.svg deleted file mode 100755 index 6ddd3b3..0000000 --- a/luasrc/gaya/icons/spinner2.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/luasrc/gaya/sidebar-icon/add-folder.png b/luasrc/gaya/sidebar-icon/add-folder.png deleted file mode 100644 index 937fcea..0000000 Binary files a/luasrc/gaya/sidebar-icon/add-folder.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/books-medical.png b/luasrc/gaya/sidebar-icon/books-medical.png deleted file mode 100644 index bbc3484..0000000 Binary files a/luasrc/gaya/sidebar-icon/books-medical.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/broadcast-tower.png b/luasrc/gaya/sidebar-icon/broadcast-tower.png deleted file mode 100644 index f9d55a7..0000000 Binary files a/luasrc/gaya/sidebar-icon/broadcast-tower.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/clone.png b/luasrc/gaya/sidebar-icon/clone.png deleted file mode 100644 index 4db926a..0000000 Binary files a/luasrc/gaya/sidebar-icon/clone.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/data-report.png b/luasrc/gaya/sidebar-icon/data-report.png deleted file mode 100644 index 2ee9226..0000000 Binary files a/luasrc/gaya/sidebar-icon/data-report.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/docker.png b/luasrc/gaya/sidebar-icon/docker.png deleted file mode 100644 index 34d4335..0000000 Binary files a/luasrc/gaya/sidebar-icon/docker.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/exit.png b/luasrc/gaya/sidebar-icon/exit.png deleted file mode 100644 index 3ed1def..0000000 Binary files a/luasrc/gaya/sidebar-icon/exit.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/floppy-disk-circle-arrow-right.png b/luasrc/gaya/sidebar-icon/floppy-disk-circle-arrow-right.png deleted file mode 100644 index 3c53ae6..0000000 Binary files a/luasrc/gaya/sidebar-icon/floppy-disk-circle-arrow-right.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/layout-fluid.png b/luasrc/gaya/sidebar-icon/layout-fluid.png deleted file mode 100644 index a84e3b5..0000000 Binary files a/luasrc/gaya/sidebar-icon/layout-fluid.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/list.png b/luasrc/gaya/sidebar-icon/list.png deleted file mode 100644 index ecc9028..0000000 Binary files a/luasrc/gaya/sidebar-icon/list.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/pause-circle.png b/luasrc/gaya/sidebar-icon/pause-circle.png deleted file mode 100644 index 4e1a134..0000000 Binary files a/luasrc/gaya/sidebar-icon/pause-circle.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/refresh.png b/luasrc/gaya/sidebar-icon/refresh.png deleted file mode 100644 index 9abecdf..0000000 Binary files a/luasrc/gaya/sidebar-icon/refresh.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/refresh.svg b/luasrc/gaya/sidebar-icon/refresh.svg deleted file mode 100644 index 943b832..0000000 --- a/luasrc/gaya/sidebar-icon/refresh.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/luasrc/gaya/sidebar-icon/settings-sliders.png b/luasrc/gaya/sidebar-icon/settings-sliders.png deleted file mode 100644 index 0181fdb..0000000 Binary files a/luasrc/gaya/sidebar-icon/settings-sliders.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/settings.png b/luasrc/gaya/sidebar-icon/settings.png deleted file mode 100644 index f68f021..0000000 Binary files a/luasrc/gaya/sidebar-icon/settings.png and /dev/null differ diff --git a/luasrc/gaya/sidebar-icon/syringe.png b/luasrc/gaya/sidebar-icon/syringe.png deleted file mode 100644 index c72dcc6..0000000 Binary files a/luasrc/gaya/sidebar-icon/syringe.png and /dev/null differ diff --git a/luasrc/gaya/transform v3 to v4.png b/luasrc/gaya/transform v3 to v4.png deleted file mode 100644 index 585410d..0000000 Binary files a/luasrc/gaya/transform v3 to v4.png and /dev/null differ diff --git a/luasrc/images/about.png b/luasrc/images/about.png deleted file mode 100644 index 920d19f..0000000 Binary files a/luasrc/images/about.png and /dev/null differ diff --git a/luasrc/images/add.png b/luasrc/images/add.png deleted file mode 100644 index 9f53666..0000000 Binary files a/luasrc/images/add.png and /dev/null differ diff --git a/luasrc/images/bridge.png b/luasrc/images/bridge.png deleted file mode 100644 index 7d4ab5c..0000000 Binary files a/luasrc/images/bridge.png and /dev/null differ diff --git a/luasrc/images/chart.png b/luasrc/images/chart.png deleted file mode 100644 index 237aba8..0000000 Binary files a/luasrc/images/chart.png and /dev/null differ diff --git a/luasrc/images/ethernet.png b/luasrc/images/ethernet.png deleted file mode 100644 index 7cc7667..0000000 Binary files a/luasrc/images/ethernet.png and /dev/null differ diff --git a/luasrc/images/ethernet_disabled.png b/luasrc/images/ethernet_disabled.png deleted file mode 100644 index 6624680..0000000 Binary files a/luasrc/images/ethernet_disabled.png and /dev/null differ diff --git a/luasrc/images/file.png b/luasrc/images/file.png deleted file mode 100644 index d263d34..0000000 Binary files a/luasrc/images/file.png and /dev/null differ diff --git a/luasrc/images/home.png b/luasrc/images/home.png deleted file mode 100644 index c8e900a..0000000 Binary files a/luasrc/images/home.png and /dev/null differ diff --git a/luasrc/images/house-blank.png b/luasrc/images/house-blank.png deleted file mode 100644 index c916676..0000000 Binary files a/luasrc/images/house-blank.png and /dev/null differ diff --git a/luasrc/images/interfaces.png b/luasrc/images/interfaces.png deleted file mode 100644 index 25811ee..0000000 Binary files a/luasrc/images/interfaces.png and /dev/null differ diff --git a/luasrc/images/link.png b/luasrc/images/link.png deleted file mode 100644 index e5307d9..0000000 Binary files a/luasrc/images/link.png and /dev/null differ diff --git a/luasrc/images/loading.gif b/luasrc/images/loading.gif deleted file mode 100644 index a84d1ca..0000000 Binary files a/luasrc/images/loading.gif and /dev/null differ diff --git a/luasrc/images/oc.png b/luasrc/images/oc.png deleted file mode 100644 index 0bb93bd..0000000 Binary files a/luasrc/images/oc.png and /dev/null differ diff --git a/luasrc/images/port_up.png b/luasrc/images/port_up.png deleted file mode 100644 index f093102..0000000 Binary files a/luasrc/images/port_up.png and /dev/null differ diff --git a/luasrc/images/rank.png b/luasrc/images/rank.png deleted file mode 100644 index eccc5c1..0000000 Binary files a/luasrc/images/rank.png and /dev/null differ diff --git a/luasrc/images/reload.png b/luasrc/images/reload.png deleted file mode 100644 index 1cff5fe..0000000 Binary files a/luasrc/images/reload.png and /dev/null differ diff --git a/luasrc/images/remove.png b/luasrc/images/remove.png deleted file mode 100644 index fce54d9..0000000 Binary files a/luasrc/images/remove.png and /dev/null differ diff --git a/luasrc/images/terminal.png b/luasrc/images/terminal.png deleted file mode 100644 index baaac6a..0000000 Binary files a/luasrc/images/terminal.png and /dev/null differ diff --git a/luasrc/images/vnstat.png b/luasrc/images/vnstat.png deleted file mode 100644 index 6596c2d..0000000 Binary files a/luasrc/images/vnstat.png and /dev/null differ diff --git a/luasrc/style/brand.png b/luasrc/style/brand.png index d1a4f3c..243457d 100644 Binary files a/luasrc/style/brand.png and b/luasrc/style/brand.png differ diff --git a/luasrc/style/style.css b/luasrc/style/style.css index 78a27ac..bf78e93 100644 --- a/luasrc/style/style.css +++ b/luasrc/style/style.css @@ -160,24 +160,14 @@ Login Box text-align: center; overflow: hidden; z-index: 2; - -webkit-backdrop-filter: blur(10px); - backdrop-filter: blur(10px); - - -webkit-border-top-right-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-bottomright: 6px; - border-top-right-radius: 6px; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - - -webkit-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); - -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); - box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + -webkit-border-radius: 20px: + -moz-border-radius= 20px; + border-radius: 20px; + -moz-box-shadow: 15px 30px 30px rgba(0,0,0,0.32); + box-shadow: 15px 30px 30px rgba(0,0,0,0.32); } - .box-info { width: 260px; top: 60px; @@ -291,7 +281,7 @@ label { font-size: 13px; font-weight: 700; text-align: center; - line-height: 1.5; + line-height: 2.5; } label.checkbox { @@ -396,7 +386,10 @@ img.tengah { display: block; margin-left: auto; margin-right: auto; - padding: 1rem; + text-align: center; + padding: 20px; + text-decoration: none; + width: 200px; } img.bawah {