11<!DOCTYPE html>
22< html >
3+
34< head >
4- < meta charset ="UTF-8 ">
5- < title > 关于</ title >
6- < link rel ="icon " href ="./assets/images/favicon.svg " type ="image/svg+xml ">
5+ < meta charset ="UTF-8 ">
6+ < title > 关于</ title >
7+ < link rel ="icon " href ="./assets/images/favicon.svg " type ="image/svg+xml ">
78 < style >
89 /* 动态背景 */
910 @keyframes pearl-shimmer {
10- 0% { background-position : 0% 50% ; }
11- 50% { background-position : 100% 50% ; }
12- 100% { background-position : 0% 50% ; }
11+ 0% {
12+ background-position : 0% 50% ;
13+ }
14+
15+ 50% {
16+ background-position : 100% 50% ;
17+ }
18+
19+ 100% {
20+ background-position : 0% 50% ;
21+ }
1322 }
1423
1524 body {
1625 margin : 0 ;
1726 padding : 0 ;
1827 min-height : 100vh ;
19- background : linear-gradient (
20- 135deg ,
21- # fff5f5 0% ,
22- # f0f5ff 25% ,
23- # f5fff0 50% ,
24- # fff0f5 75% ,
25- # f5f0ff 100%
26- );
28+ background : linear-gradient (135deg ,
29+ # fff5f5 0% ,
30+ # f0f5ff 25% ,
31+ # f5fff0 50% ,
32+ # fff0f5 75% ,
33+ # f5f0ff 100% );
2734 background-size : 400% 400% ;
2835 animation : pearl-shimmer 20s ease infinite;
2936 font-family : 'Segoe UI' , sans-serif;
3441 background : rgba (255 , 255 , 255 , 0.9 );
3542 backdrop-filter : blur (10px );
3643 padding : 1rem 2rem ;
37- box-shadow : 0 2px 10px rgba (0 , 0 , 0 , 0.1 );
44+ box-shadow : 0 2px 10px rgba (0 , 0 , 0 , 0.1 );
3845 }
3946
4047 .nav a {
5764 border-radius : 15px ;
5865 padding : 2rem ;
5966 margin : 2rem 0 ;
60- box-shadow : 0 4px 20px rgba (0 , 0 , 0 , 0.08 );
67+ box-shadow : 0 4px 20px rgba (0 , 0 , 0 , 0.08 );
6168 transition : transform 0.3s ease;
6269 }
6370
6774 font-size : 3rem ;
6875 text-align : center;
6976 margin : 2rem 0 ;
70- text-shadow : 2px 2px 4px rgba (0 , 0 , 0 , 0.1 );
77+ text-shadow : 2px 2px 4px rgba (0 , 0 , 0 , 0.1 );
7178 }
7279
7380 h2 {
8289 .container {
8390 padding : 0 0.5rem ;
8491 }
85-
92+
8693 .card {
8794 padding : 1.5rem ;
8895 margin : 1rem 0 ;
8996 }
90-
97+
9198 h1 {
9299 font-size : 2.2rem ;
93100 }
94101 }
95102 </ style >
96103
97104</ head >
105+
98106< body onload ="updateTimer() ">
99- < nav class ="nav ">
107+ < nav class ="nav ">
100108 < a href ="../../index.html "> < 返回田语</ a >
101109 </ nav >
102- < div class ="header ">
103- < h1 > 关于...< h1 >
104- </ div >
105- < div class ="container ">
106- < div class ="card ">
107- < h2 > 关于田语</ h2 >
108- < p > 《田语》者,今世思想家、教育家田氏之门人,录其言行而辑成之语录也。辑于二〇二三年,具体日期未详。以语录体为主,集中显现田氏及其学派之教育主张、伦理思想、道德观念、生活态度等。然《田语》之编著,曾遭严酷压制,故编撰转入地下。《田语》不独为田氏之象征,亦乃一班级、一时代之象征,实为田学之瑰宝焉。</ p >
109- </ div >
110- < div class ="timer " id ="timer "> </ div >
111- 联系我: c09264@outlook.com
112- </ div >
113- < script type ="text/javascript " src ="../js/about.js "> </ script >
110+ < div class ="header ">
111+ < h1 > 关于...< h1 >
112+ </ div >
113+ < div class ="container ">
114+ < div class ="card ">
115+ < h2 > 关于田语</ h2 >
116+ < p > 《田语》者,今世思想家、教育家田氏之门人,录其言行而辑成之语录也。辑于二〇二三年,具体日期未详。以语录体为主,集中显现田氏及其学派之教育主张、伦理思想、道德观念、生活态度等。然《田语》之编著,曾遭严酷压制,故编撰转入地下。《田语》不独为田氏之象征,亦乃一班级、一时代之象征,实为田学之瑰宝焉。
117+ </ p >
118+ </ div >
119+ < div class ="timer " id ="timer "> </ div >
120+ 联系我: c09264@outlook.com
121+ </ div >
122+ < script type ="text/javascript " src ="../js/about.js "> </ script >
114123</ body >
115- </ html >
124+
125+ </ html >
0 commit comments