Merge pull request #8 from AnXing233/main

一点效果
Cxxw233 · Aug 19, 2023 · 11517c2 · 11517c2
2 parents ab5dd3c + 5a150df
commit 11517c2
Show file tree

Hide file tree

Showing 7 changed files with 116 additions and 74 deletions.
diff --git a/_includes/author.liquid b/_includes/author.liquid
@@ -1,25 +1,20 @@
 {%- unless include.author.team -%}
-	<p>
-		<div class="author-avatar-pres">
-			<div>
-				<img
-					src="{{ '/assets/images/authors/' | append: include.author.image | relative_url }}"
-					title="{{ include.author.title }}">
-			</div>
-			<div>
-				<span
-					>由<a href="{{ include.author.homepage }}">@{{ include.author.title }}</a>制作的汉化项目</span
-				>
-			</div>
-		</div>
-	</p>
+  <p>
+    <div class="author-avatar-pres">
+      <div>
+        <img src="{{ '/assets/images/authors/' | append: include.author.image | relative_url }}" title="{{ include.author.title }}">
+      </div>
+      <div>
+        <span>由<a class="a-link" href="{{ include.author.homepage }}">@{{ include.author.title }}</a>制作的汉化项目</span>
+      </div>
+    </div>
+  </p>
 {%- endunless -%}
 
 {{ content }}
 
-{%- assign tls = site.translations
-	| where_exp: 'item', 'item.authors contains include.author.slug'
--%}
+{%- assign tls = site.translations 
+  | where_exp: 'item', 'item.authors contains include.author.slug' -%}
 {%- for tl in tls -%}
-	{{ tl.output }}
-{%- endfor -%}
+  {{ tl.output }}
+{%- endfor -%}
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -7,40 +7,43 @@
 			data-idle="{{ '/assets/images/ui/dog.png' | relative_url }}"
 			data-bark="{{ '/assets/images/ui/dog-bark.png' | relative_url }}" />
 	</div>
-	<div class="footer-1">
-		<p>网站创始者：Cxx | 网站贡献者：Cxx、暗星、宇航、Dobby233Liu</p>
-		<br />
-		<p>本站仅做汉化资源的收录</p>
-		<p>如果站内收录的汉化资源未经授权/侵犯了您的利益</p>
-		<p>可以通知我们以删除相应链接</p>
-		<p>但就侵权问题请自行与站内附带的汉化作者协商</p>
-		<p>本站不负任何责任</p>
-		<p>最终解释权归Cxx_w所有</p>
+	<div class="footer-flex">
+		<div class="footer-1">
+			<p>网站创始者：Cxx | 网站贡献者：Cxx、暗星、宇航、Dobby233Liu</p>
+			<br />
+			<p>本站仅做汉化资源的收录</p>
+			<p>如果站内收录的汉化资源未经授权/侵犯了您的利益</p>
+			<p>可以通知我们以删除相应链接</p>
+			<p>但就侵权问题请自行与站内附带的汉化作者协商</p>
+			<p>本站不负任何责任</p>
+			<p>最终解释权归Cxx_w所有</p>
+		</div>
+		<div class="end">
+			<ul>
+				<li>友情宣群</li>
+				<li class="shake-slow">
+					<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=hqIxhHHx">Undertale: Bits and Pieces交流群</a>
+				</li>
+				<li class="shake-vertical">
+					<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=PPmsM9gU">Facing Demons官方中文交流群</a>
+				</li>
+				<li class="shake-rotate">
+					<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=voIlslSg">UT同人汉化讨论群</a>
+				</li>
+				<li class="shake-hard">
+					<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=YBumZ2Xs">Cxxの交♂流群</a>
+				</li>
+				<br />
+				<li>友情链接</li>
+				<li class="shake-vertical">
+					<a target="_blank" href="https://utcwiki.com">Undertale社区Wiki</a>
+				</li>
+			</ul>
+		</div>
 	</div>
-	<div class="end">
-		<ul>
-			<li>友情宣群</li>
-			<li>
-				<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=hqIxhHHx"
-					>Undertale: Bits and Pieces交流群</a
-				>
-			</li>
-			<li>
-				<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=PPmsM9gU">Facing Demons官方中文交流群</a>
-			</li>
-			<li>
-				<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=voIlslSg">UT同人汉化讨论群</a>
-			</li>
-			<li>
-				<a target="_blank" href="https://jq.qq.com/?_wv=1027&k=YBumZ2Xs">Cxxの交♂流群</a>
-			</li>
-			<li>友情链接</li>
-			<li>
-				<a target="_blank" href="https://utcwiki.com">Undertale社区Wiki</a>
-			</li>
-		</ul>
-	</div>
-	<div>最后更新: {{ site.time | date: "%Y/%m/%d" }}</div>
+	<div>
+		<i style="text-decoration: none;font-style: normal;text-shadow: 1px 1px 1px black, -1px -1px 1px black;"><span style="color: red;">最</span><span style="color: green;">后</span><span style="color: blue;">更</span><span style="color: yellow;">新</span>: 
+			{{ site.time | date: "%Y/%m/%d" }} </i></div>
 	<!--Dobby233Liu 永远滴神！-->
 	<!--43E341FAEC313193CB0C179157C910B925F2028A246526263B24FBBF48274D9E-->
 </footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -3,7 +3,7 @@
 <meta charset="utf-8" />
 
 <title>{{ include.title | default: site.title }}</title>
-<meta name="keywords" content="Undertale, 汉化, 中文本地化, Deltarune, Undertale AU, UT同人" />
+<meta name="keywords" content="Undertale 汉化 中文本地化 Deltarune Undertale AU UT同人" />
 
 <meta name="viewport" content="width=device-width" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -18,3 +18,4 @@
 <link rel="prefetch" as="image" href="{{ '/assets/images/ui/dog-bark.png' | relative_url }}" />
 
 <link rel="stylesheet" href="{{ '/assets/style.css' | relative_url }}" />
+<link rel="stylesheet" href="{{ '/assets/CSShake.css' | relative_url }}" />
diff --git a/_includes/header.html b/_includes/header.html
@@ -29,8 +29,8 @@
 	<div class="title-pt3">
 		<p>如果你希望让自己(所在团队)的汉化项目被收录，</p>
 		<p>
-			请联系<a href="https://b23.tv/taTppEI">@Cxx_w</a>/<a href="https://b23.tv/TkwY3TA">@AX暗星233</a
-			>/<a href="https://b23.tv/rNuVZ02">@憨憨羊の宇航鸽鸽</a>（三选一）
+			请联系<span><a class="shake-little" href="https://b23.tv/taTppEI">@Cxx_w</a></span>/<span><a class="shake-hard" href="https://b23.tv/TkwY3TA">@AX暗星233</a
+			></span>/<span><a class="shake-slow" href="https://b23.tv/rNuVZ02">@憨憨羊の宇航鸽鸽</a></span>（三选一）
 		</p>
 		<p>如果是团队项目，最好附上成员名单、分工和B站主页</p>
 		<p>或者直接向Github仓库提交Pull Request</p>
@@ -48,4 +48,4 @@
 			>00</span
 		>
 	</div>
-</header>
+</header>
diff --git a/_includes/tl_file.liquid b/_includes/tl_file.liquid
@@ -1,20 +1,23 @@
 {%- assign filename = include.name | default: include.file.name -%}
 
 {%- if include.file.url -%}
-	<a href="{{ include.file.url | uri_escape }}" target="_blank">
-		{{ filename }}
-	</a>
+  <a
+    class="a-link"
+    href="{{ include.file.url | uri_escape }}"
+    target="_blank">
+    {{ filename }}
+  </a>
 {%- else -%}
-	{{ filename }}
+  {{ filename }}
 {%- endif -%}
 
 {%- if include.file.passcode or include.file.notes -%}
-	（
-	{%- if include.file.passcode -%}
-		提取码：{{ include.file.passcode }}
-		{%- if include.file.notes -%}；{%- endif -%}
-	{%- endif -%}
-	{{ include.file.notes }}
-	{%- comment -%} whitespace {%- endcomment -%}
-	）
-{%- endif -%}
+  （
+  {%- if include.file.passcode -%}
+    提取码：{{ include.file.passcode }}
+    {%- if include.file.notes -%}；{%- endif -%}
+  {%- endif -%}
+  {{ include.file.notes }}
+  {%- comment -%} whitespace {%- endcomment -%}
+  ）
+{%- endif -%}
diff --git a/assets/CSShake.css b/assets/CSShake.css
diff --git a/assets/style.css b/assets/style.css
@@ -76,11 +76,11 @@ body {
 a {
 	color: var(--link);
 	text-decoration: none;
+	transition: all 0.1s;
 }
 a:hover {
 	text-decoration: underline;
 }
-
 img {
 	image-rendering: auto;
 }
@@ -173,6 +173,11 @@ header .title-pt3 {
 	text-align: center;
 	margin: 10px;
 }
+/*为了能让CSShake效果能用在title-pt3下面的效果 故使用inlineblock*/
+header .title-pt3 span {
+	display: inline-block;
+}
+
 h2,
 h3,
 h4,
@@ -272,18 +277,26 @@ footer .dog {
 	padding: 0;
 	justify-content: right;
 }
+footer .footer-flex {
+	display: flex;
+	margin: 0 10px;
+	padding: 0px;
+}
 footer .footer-1 {
+	padding: 10px;
 	background-color: #6b6b6b;
+	width: 100%;
 }
 footer .end {
+	padding: 10px;
 	background-color: var(--end-color);
+	width: 100%;
 }
 footer .end > ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 }
-
 /*选项卡样式*/
 .tabbed-table {
 	outline: 1px solid var(--primary-color);
@@ -319,10 +332,11 @@ footer .end > ul {
 }
 
 .tabbed-table-content li p {
-	transition: all 0.1s;
+	transition: all 0.2s;
 }
 .tabbed-table-content li p:hover {
-	transform: translateX(10px);
+	transform: translateX(90px) scale(1.15);
+
 }
 .tabbed-table-content {
 	margin: 0;
@@ -358,6 +372,7 @@ footer .end > ul {
 .search-form-container {
 	margin-bottom: 15px;
 }
+/*input新增 选中加阴影 过渡效果 | button新增transition属性*/
 form[name="search-form"] {
 	display: flex;
 	flex-flow: row nowrap;
@@ -367,6 +382,15 @@ form[name="search-form"] {
 }
 form[name="search-form"] button {
 	flex-basis: 100px;
+	transition: all 1s;
+}
+
+form[name="search-form"] input {
+	transition: all 0.5s;
+}
+
+form[name="search-form"] input:focus {
+	box-shadow: 0px 0px 5px 2px gray;
 }
 
 .search-screens {
@@ -410,9 +434,17 @@ form[name="search-form"] button {
 	padding: 0;
 	list-style-type: none;
 }
-.search-results-listing > li {
+/*这里新增 搜索结果的li 放大比例 加阴影的 过渡效果（修改部分为下面 li的transition 和 li:hover）*/
+.search-results-listing>li {
 	margin: 10px 0;
+	transition: all 0.5s;
 }
+
+.search-results-listing>li:hover {
+	box-shadow: 0px 0px 10px 2px gray;
+	transform: scale(1.05);
+}
+
 .search-results-listing > li > div {
 	max-width: 100%;
 	padding: 15px;