🌴 Sync 2026-03-05 23:51:42

luci-theme-inas/Makefile

@@ -0,0 +1,19 @@
+#
+# Copyright (C) 2008-2019 Jerrykuku
+#
+# This is free software, licensed under the Apache License, Version 2.0 .
+#
+
+include $(TOPDIR)/rules.mk
+
+LUCI_TITLE:=INas Theme
+LUCI_DEPENDS:=+luci-theme-argon
+PKG_VERSION:=0.0.2
+PKG_RELEASE:=1
+
+LUCI_MINIFY_CSS:=0
+LUCI_MINIFY_JS:=0
+
+include $(TOPDIR)/feeds/luci/luci.mk
+
+# call BuildPackage - OpenWrt buildroot signature

luci-theme-inas/htdocs/luci-static/inas/login/style.css

@@ -0,0 +1 @@
+*{-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent;box-sizing:border-box;word-wrap:break-word;outline:none}*{font-style:normal;font-family:PingFang SC,PingFangSC-Regular,Helvetica Neue,Helvetica,Arial,sans-serif}html,body,ul,p{margin:0;padding:0}html,body{width:100%;height:100%;position:relative;-webkit-overflow-scrolling:touch;overflow:hidden}a{cursor:pointer;text-decoration:none;outline:none}i{font-style:normal}body{background:#f9f9f9;margin:0;overflow:hidden;font-family:PingFang SC,Apple System,SF Pro SC,SF Pro Display,Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei,Microsoft JhengHei,Source Han Sans SC,Noto Sans CJK SC,Source Han Sans CN,sans-serif;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background-size:cover;background-image:url(/luci-static/inas/login/login.jpg?v=ChdA1osC);background-color:#0160b8;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;background-position:bottom center}#app{box-sizing:border-box;animation:left-slide-in .6s forwards;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;width:100vw;height:100vh}#app form{width:520px;position:relative;z-index:1}#app form .logo{width:100%;display:block;text-align:center;font-size:3rem;color:#000;margin:0;margin-bottom:3rem}#app form .logo span{position:relative;z-index:1;font-weight:700;background-clip:text;color:#ddd;white-space:nowrap}#app form .logo span svg{position:absolute;bottom:-30px;right:-30px;left:-30px;z-index:-1;stroke-dasharray:400;stroke-dashoffset:400;animation:drawline .6s forwards .6s}#app form label{display:block;width:100%;margin-bottom:1rem}#app form label span{display:block;width:100%;color:#ddd;font-size:14px}#app form label input{border:none;background:none;display:block;width:100%;height:52px;border-bottom:1px solid #ddd;font-size:18px;color:#fff;font-family:PingFang SC}#app form label input::placeholder{color:#888;font-size:14px}#app form .message{width:100%;display:block;margin-bottom:1rem;display:inline-block;color:#f09381;font-size:12px}#app form button{margin-top:2rem;margin-bottom:1rem;position:relative;width:100%;height:42px;z-index:1;background-color:#057feb;cursor:pointer;display:flex;align-items:center;justify-content:center;border:none;border-radius:10rem;box-shadow:0 5px 14px #057feb57}#app form button:before{content:"";position:absolute;top:0;width:100%;height:100%;border-radius:10rem;background-color:#057feb;-webkit-animation-name:btnPulse;-moz-animation-name:btnPulse;-ms-animation-name:btnPulse;animation-name:btnPulse;-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;-moz-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}#app form button span{color:#fff;font-size:18px;z-index:1}#app form button:hover{transition:.3s;transform:scale(1.1)}@media screen and (max-width: 680px){#app{padding:1rem}#app form{width:100%}}@keyframes btnPulse{0%{transform:scale(1)}80%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes left-slide-in{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes right-slide-in{0%{transform:translateY(50%) skew(0);opacity:0}to{transform:translateY(0) skew(-10deg,5deg);opacity:1}}@keyframes left-flow{0%{transform:translateY(0)}50%{transform:translateY(2%)}to{transform:translateY(0)}}@keyframes right-flow{0%{transform:translateY(0) skew(-10deg,5deg)}50%{transform:translateY(-2%) skew(-10deg,4deg)}to{transform:translateY(0) skew(-10deg,5deg)}}@keyframes drawline{to{stroke-dashoffset:0}}

luci-theme-inas/luasrc/view/themes/inas/sysauth.htm

@@ -0,0 +1,49 @@
+<%
+	local node = luci.dispatcher.context.dispatched;
+	local hostname = luci.sys.hostname();
+	local lang = luci.i18n.context.lang;
+	luci.http.prepare_content("text/html; charset=UTF-8");
+-%>
+    <!doctype html>
+    <html lang="<%=lang%>">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>
+            <%=hostname%>
+        </title>
+    <link rel="stylesheet" crossorigin href="/luci-static/inas/login/style.css<%# ?v=PKG_VERSION %>">
+    </head>
+    <body name="<%=hostname%>" class="lang_<%=lang%> <% if node then %><%= striptags( node.title ) %><%- end %>">
+        <div id="app">
+            <form method="post" class="cbi-map">
+                <div class="logo">
+                    <span>
+                        <%=hostname%>
+                        <svg viewBox="0 0 190 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M97.4999 3.5C1.00023 10.2006 -26 77.5 38 83.5C127.5 91.8906 241 58.5 156.5 6.29944"
+                                stroke="#ddd" stroke-width="6" stroke-linecap="round"></path>
+                        </svg>
+                    </span>
+                </div>
+                <label>
+                    <span>登录账号</span>
+                    <input name="luci_username" placeholder="<%:Username%>" <%=attr("value", duser)%> required>
+                </label>
+                <label>
+                    <span>登录密码</span>
+                    <input name="luci_password" placeholder="<%:Password%>" type="password">
+                </label>
+                <% if fuser then %>
+                    <div class="message">
+						<%:Invalid username and/or password! Please try again.%>
+                    </div>
+				<% end %>
+                <button>
+                    <span><%:Login%></span>
+                </button>
+            </form>
+        </div>
+        </main>
+    </body>
+    </html>

luci-theme-inas/root/etc/uci-defaults/30_luci-theme-inas

@@ -0,0 +1,12 @@
+#!/bin/sh
+
+if [ "$PKG_UPGRADE" != 1 ]; then
+	uci get luci.themes.INas >/dev/null 2>&1 || \
+	uci batch <<-EOF
+		set luci.themes.INas=/luci-static/inas
+		set luci.main.mediaurlbase=/luci-static/inas
+		commit luci
+	EOF
+fi
+
+exit 0