+
+
+
+
距离开学报到还有
+
天
+ 时
+ 分
+ 秒
+
+
+
2月12日
+
+
+
网上冲浪的绝佳去处
+
这里有新潮的热词，时事的看法，青春的懵懂和江源工作室最新的动态。网站仍在搭建，更多内容，敬请期待。
+
等一下......
+
如果您在使用移动设备查看此网页，目前建议您转到计算机上打开它。对于移动设备尺寸的适配即将完成，造成的不便敬请谅解。
+
集思广益行千里
+
查看网页开发日历看看现在我在做什么。欢迎帮忙一起搭建！
+
主页如何使用？
+
+ 这个页面是主页。主页的上部是一个操作区，可以按下那三个杠来显示分页面。分页面目前无内容，敬请期待。右边的放大镜是搜索功能。搜索功能暂不可用。向下滑动您便会看到许多盒子。它们暂时被放在了这里来呈现最新动态。换句话说，它们稍后会被放到"Postings"里变得更加正式。
+
+
为什么网址这么长？
+
因为我没钱买域名😅。这个网页使用了GitHub的服务器，所以就相当于致谢。
话休絮烦，咱们开始吧。
+
+
+
+
+
-
+
-
+
@@ -78,6 +227,54 @@
};
setInterval("time()", 1000);
+ (function show() {
+ //1.设置目的时间
+ var oYear = 2023
+ var oMonth = 1
+ var oDay = 12
+ var oHour = 14
+ var oMinute = 0
+ var oSecond = 0
+ var funtureDate = new Date(oYear, oMonth, oDay, oHour, oMinute, oSecond);
+ // console.log(dateFormat(funtureDate))
+ //2.设置定时器
+ setInterval(function () {
+ //3.获取现在的时间
+ var presentDate = new Date();
+ //4.获取时间戳
+ var funtureTime = funtureDate.getTime();
+ var presenTime = presentDate.getTime();
+ //5.获取剩余的时间戳
+ var allTime = funtureTime - presenTime;
+ //6.把毫秒转换为秒
+ var allSecond = parseInt(allTime / 1000);
+ //7.获取剩余多少天
+ var day = size(parseInt(allSecond / 3600 / 24));
+ //8.获取剩余多少小时
+ var hour = size(parseInt(allSecond / 3600 % 24));
+ //9.获取剩余多少分钟
+ var minute = size(parseInt(allSecond / 60 % 60));
+ //10.获取剩余多少秒
+ var second = size(parseInt(allSecond % 60));
+ //11.注入：
+ document.getElementById('one').innerHTML = day;
+ document.getElementById('two').innerHTML = hour;
+ document.getElementById('three').innerHTML = minute;
+ document.getElementById('four').innerHTML = second;
+ }, 1000);
+ //如果数>=10,则在前面补0
+ function size(num) {
+ return num < 10 & num >= 0 ? '0' + num : num;
+ }
+ })()
+ //格式化日期格式 2
+ function dateFormat(data) {
+ var date = new Date(data);
+ var YY = date.getFullYear() + '-';
+ var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+ var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
+ return YY + MM + DD;
+ }
diff --git a/static/css/style-dark.css b/static/css/style-dark.css
index 0900db92..c1d9e1db 100644
--- a/static/css/style-dark.css
+++ b/static/css/style-dark.css
@@ -12,7 +12,7 @@ body {
width: 100%;
height: 80px;
border-bottom: 2px solid rgb(76, 76, 76);
- background-color: rgba(27, 27, 27, 0.75);
+ background-color: rgba(27, 27, 27, 0.89);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
list-style: none;
@@ -20,10 +20,11 @@ body {
left: 0px;
top: 0px;
z-index: 1;
- transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.45s;
overflow: hidden;
}
+/* legacy version
.top-bar:focus-within {
height: 160px;
}
@@ -36,6 +37,17 @@ body {
visibility: visible;
}
+*/
+
+.top-bar:focus-within {
+ height: 360px;
+ box-shadow: 0px 10px 20px #000000f1;
+}
+
+.top-bar:focus-within .menu {
+ top: 0px;
+}
+
.top-bar-wrapper {
display: flex;
justify-content: space-between;
@@ -111,6 +123,27 @@ body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
+#info-customized-1 {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-size: 20px;
+ font-weight: bold;
+ margin-left: 20px;
+ color: #ffffff;
+}
+
+.link-set {
+ display: block;
+ float: left;
+ list-style: none;
+ padding-left: 20px;
+ margin-top: 0px;
+}
+
+.link-customized {
+ text-decoration: none;
+ color: #ffffff;
+}
+
.banner {
width: 90vw;
height: 20vw;
@@ -186,13 +219,13 @@ body {
#time {
font-family: rockwell;
- color: rgb(255, 255, 255);
+ color: #ffffff;
}
.prompt-box {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
- color: #f0f0f000;
+ color: #ffffff;
font-size: 15px;
display: none;
}
diff --git a/static/css/style-mobile-dark.css b/static/css/style-mobile-dark.css
new file mode 100644
index 00000000..98338e45
--- /dev/null
+++ b/static/css/style-mobile-dark.css
@@ -0,0 +1,241 @@
+/* designed by jerry */
+
+@media screen and (max-width: 1000px) {
+ /* designed by jerry */
+
+ body {
+ background-color: #3a3a3a;
+ }
+
+ .foundation {
+ overflow: hidden;
+ }
+
+ .top-bar {
+ width: 100%;
+ height: 80px;
+ border-bottom: 2px solid rgb(76, 76, 76);
+ background-color: rgba(27, 27, 27, 0.89);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ list-style: none;
+ position: fixed;
+ left: 0px;
+ top: 0px;
+ z-index: 1;
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.45s;
+ overflow: hidden;
+ }
+
+ /* legacy version
+.top-bar:focus-within {
+ height: 160px;
+}
+
+.top-bar:focus-within .menu {
+ top: 35px;
+}
+
+.top-bar:focus-within .search-box {
+ visibility: visible;
+}
+
+*/
+
+ .top-bar:focus-within {
+ height: 360px;
+ box-shadow: 0px 10px 20px #000000f1;
+ }
+
+ .top-bar:focus-within .menu {
+ top: 0px;
+ }
+
+ .top-bar-wrapper {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 15px;
+ overflow: hidden;
+ }
+
+ .top-bar-buttons {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ line-height: 50px;
+ }
+
+ .top-bar-buttons {
+ color: white;
+ }
+
+ #link-3 {
+ color: white;
+ }
+
+ #link-1,
+ #link-3 {
+ width: 30px;
+ height: 30px;
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
+ position: relative;
+ top: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ }
+
+ #link-1:hover,
+ #link-3:hover {
+ box-shadow: 0px 6px 8px rgb(72, 72, 72);
+ background: rgb(97, 97, 97);
+ }
+
+ .menu {
+ position: relative;
+ top: 65px;
+ width: 100%;
+ height: 50px;
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s;
+ }
+
+ .menu-buttons {
+ width: 90px;
+ height: 40px;
+ font-size: 15px;
+ margin-left: 10px;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ border-radius: 15px;
+ font-weight: bold;
+ border: 1px solid rgba(98, 98, 98, 0.5);
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
+ background-color: rgba(230, 230, 230, 0.5);
+ }
+
+ .menu-buttons:hover {
+ box-shadow: 0px 3px 5px rgb(158, 158, 158);
+ }
+
+ .search-box {
+ height: 37.5px;
+ border-radius: 15px;
+ border: 1px solid rgba(98, 98, 98, 0.5);
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
+ position: fixed;
+ right: 15px;
+ visibility: hidden;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ }
+
+ #info-customized-1 {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-size: 20px;
+ font-weight: bold;
+ margin-left: 20px;
+ color: #ffffff;
+ }
+
+ .link-set {
+ display: block;
+ float: left;
+ list-style: none;
+ padding-left: 20px;
+ margin-top: 0px;
+ }
+
+ .link-customized {
+ text-decoration: none;
+ color: #ffffff;
+ }
+
+ .banner {
+ width: 90vw;
+ height: 20vw;
+ background-color: #fff;
+ margin: 0 auto;
+ border-radius: 15px;
+ margin-top: 120px;
+ overflow: hidden;
+ transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
+ }
+
+ .banner-info {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-size: 20px;
+ font-weight: bold;
+ text-align: center;
+ position: relative;
+ top: 10vw;
+ }
+
+ .banner:hover {
+ box-shadow: 0px 10px 15px rgb(159, 159, 159);
+ margin-top: 75px;
+ }
+
+ .return-to-top {
+ width: 25px;
+ height: 25px;
+ background-color: rgba(66, 66, 66, 0.5);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ position: fixed;
+ bottom: 20px;
+ left: auto;
+ right: 0;
+ box-shadow: 0px 8px 10px rgba(23, 23, 23, 0.44);
+ border-radius: 90px;
+ text-align: center;
+ font-size: 20px;
+ margin-right: 20px;
+ color: rgb(255, 255, 255);
+ }
+
+ .dark-mode {
+ width: 25px;
+ height: 25px;
+ background-color: rgba(66, 66, 66, 0.5);
+ backdrop-filter: blur(12px);
+ -webkit-backdrop-filter: blur(12px);
+ position: fixed;
+ bottom: 20px;
+ left: auto;
+ right: 45px;
+ box-shadow: 0px 8px 10px rgba(23, 23, 23, 0.44);
+ border-radius: 90px;
+ text-align: center;
+ font-size: 17px;
+ margin-right: 20px;
+ color: rgb(255, 255, 255);
+ line-height: 26px;
+ }
+
+ .time-banner {
+ width: 100%;
+ height: 20px;
+ position: fixed;
+ left: 0;
+ top: 45px;
+ padding: 5px 0;
+ z-index: 2;
+ text-align: center;
+ }
+
+ #time {
+ font-family: rockwell;
+ color: #ffffff;
+ }
+
+ .prompt-box {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-weight: bold;
+ color: #ffffff;
+ font-size: 15px;
+ display: none;
+ }
+
+ #full-screen-button:hover .prompt-box {
+ display: inline;
+ color: white;
+ /* transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s; */
+ }
+}
\ No newline at end of file