🔀 Merge branch 'wei' of gitcode.com:qingss0/micro_servers into wei

static/public/css/qing.css

@@ -0,0 +1,71 @@
+code {
+    color: red;
+    background-color: rgb(254, 235, 238);
+    padding: 5px;
+    border-radius: 5px;
+}
+pre > code {
+    display: block;
+    color: white;
+    background-color: rgb(96, 96, 96);
+    padding: 5px;
+    border-radius: 5px;
+}
+blockquote {
+    margin-right: 0px;
+    background-color: #cfcfcf;
+}
+
+/* by qing */
+body {
+    min-height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #fffbf0;
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
+    padding: 1rem;
+}
+
+.box {
+    width: 90%;
+}
+
+.card {
+    background-color: #eedeb0;
+    border: 1px solid #000000;
+    border-radius: 1.125rem;
+    padding: 1.5rem 1.25rem;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);
+    /*max-width: 480px;*/
+    width: 90%;
+    color: #4d3e2b;
+    transition: box-shadow 0.2s, border-color 0.2s;
+    overflow-wrap: break-word;
+}
+
+.card:hover {
+    border-color: #c7b38a;
+    box-shadow: 0 10px 24px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);
+}
+
+/* 移动端微调 */
+@media (max-width: 480px) {
+    body {
+        padding: 0.8rem;
+    }
+
+    .card {
+        padding: 1.2rem, 1rem;
+        border-radius: 1rem;
+        border-width: 1px;
+    }
+}
+
+/* 极小屏 (宽度 < 360px)  */
+@media (max-width: 360px) {
+    .card {
+        padding: 1rem 0.8rem;
+        border-radius: 0.9rem;
+    }
+}

static/public/dnfs.html

@@ -5,34 +5,26 @@
 		<!-- 移动端适配核心标签 -->
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>DNFS · 树状笔记</title>
-		<style>
+		<link rel="stylesheet" href="css/qing.css">
-			code {
-				color: red;
-				background-color: rgb(254, 235, 238);
-				padding: 5px;
-				border-radius: 5px;
-			}
-			pre > code {
-				display: block;
-				color: white;
-				background-color: rgb(96, 96, 96);
-				padding: 5px;
-				border-radius: 5px;
-			}
-			blockquote {
-				margin-right: 0px;
-				background-color: #cfcfcf;
-			}
-		</style>
 	</head>
 	<body>
-		<center>
+		<div class="box">
-		<!-- 文章主标题 -->
+			<h1><div id="article-title"></div></h1>
-		<h1><div id="article-title">title</div></h1>
 
-		<!-- 文章详情 -->
+			</center>
-		<div>
+			<div id="article-content"></div>
-			发布时间：<span id="publish-time">2026-1-1</span>
+			<div class="recommend-list" id="recommend-list"></div>
+			<br>
+			<div class="card">
+				<h3>节点操作</h3>
+				<label>新增节点</label><input id="input-note-title"></input><br>
+				<label>节点内容</label><textarea id="input-note-content"></textarea><br>
+				<button id="input-note-submit">提交</button>
+				<button id="input-note-clear">重置</button>
+			</div>
+			<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.0.0/markdown-it.min.js"></script>
+			<script src="/js/validation.js"></script>
+			<script src="/js/dnfs.js"></script>
 		</div>
 		<div>
 			浏览：<span id="visit-count">999</span>

static/public/js/dnfs.js

@@ -144,21 +144,23 @@ function load_notes(main_node) {
 	}
 	for (i in main_node) {
 		item = main_node[i]
+		var card = document.createElement('div'); 
+		card.className = "card";
 		var ttl = document.createElement('center');
 		ttl.addEventListener('click', function(event) {
 			var id = Number(item.id)
 			stack.push(id)
 			getNode(token, id).then(load_notes)
 		});
-		var ttl1 =document.createElement('h1');
+		var ttl1 =document.createElement('h3');
 		ttl1.textContent = item.title
 		ttl.appendChild(ttl1)
-		recommend_list.appendChild(ttl)
+		card.appendChild(ttl)
 		var ctt = document.createElement('p');
 		renderMarkdown(ctt, item.content);
-		recommend_list.appendChild(ctt)
+		card.appendChild(ctt)
+		recommend_list.appendChild(card)
 		recommend_list.appendChild(document.createElement('br'))
-		recommend_list.appendChild(document.createElement('hr'))
 	}
 };
 

static/public/login.html

@@ -5,6 +5,7 @@
 		<!-- 移动端适配核心标签 -->
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>登录</title>
+		<link rel="stylesheet" href="css/qing.css">
 		<style>
 			.tip-red {color:red;}
 			.tip-yellow {color: orange;}
@@ -12,6 +13,7 @@
 		</style>
 	</head>
 	<body>
+		<div class="card">
 			<h2>用户登录</h2>
 			<form action="" id="form" method="post">
 				<div>
@@ -42,6 +44,7 @@
 					<span id="agreeTip"></span>
 				</div>
 			</form>
+		</div>
 		<script src="js/validation.js"></script>
 		<script src="js/login.js"></script>
 	</body>

static/public/register.html

@@ -4,6 +4,7 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>注册页面</title>
+		<link rel="stylesheet" href="css/qing.css">
 		<style>
 			.tip-red {color:red;}
 			.tip-yellow {color: orange;}
@@ -11,6 +12,7 @@
 		</style>
 	</head>
 	<body>
+		<div class="card">
 			<h2>注册页面</h2>
 			<form id="form">
 				<div>
@@ -39,6 +41,7 @@
 					<input type="button" value="返回登录" onclick="location.href='login.html'"> 
 				</div>
 			</form>
+		</div>
 		<script src="js/validation.js"></script>
 		<script src="js/register.js?v=6"></script>
 	</body>