diff --git a/css/font.css b/css/font.css index cbd5dd6..80f430b 100644 --- a/css/font.css +++ b/css/font.css @@ -1,10 +1,3 @@ -@font-face { - font-family: "iconfont"; - src: url('../font/font_2831425_80aedhvquju.woff2') format('woff2'), - url('../font/font_2831425_80aedhvquju.woff') format('woff'), - url('../font/font_2831425_80aedhvquju.ttf') format('truetype'); -} - @font-face { font-family: "Pacifico-Regular"; src: url('../font/Pacifico-Regular.ttf'); @@ -15,6 +8,19 @@ src: url('../font/UnidreamLED.ttf'); } +@font-face { + font-family: "PingFangSC"; + src: url('../font/PingFangSC.woff2'); +} + +@font-face { + font-family: "iconfont"; + /* Project id 2831425 */ + src: url('../font/font_2831425_ekwvaabvo8l.woff2') format('woff2'), + url('../font/font_2831425_ekwvaabvo8l.woff') format('woff'), + url('../font/font_2831425_ekwvaabvo8l.ttf') format('truetype'); +} + .iconfont { font-family: "iconfont" !important; font-size: 16px; @@ -23,6 +29,70 @@ -moz-osx-font-smoothing: grayscale; } +.icon-undo:before { + content: "\e875"; +} + +.icon-wrench-fill:before { + content: "\e86e"; +} + +.icon-plus:before { + content: "\e653"; +} + +.icon-right:before { + content: "\e613"; +} + +.icon-right-copy:before { + content: "\ebd4"; +} + +.icon-times:before { + content: "\e857"; +} + +.icon-bars:before { + content: "\e61f"; +} + +.icon-link:before { + content: "\e603"; +} + +.icon-close:before { + content: "\e656"; +} + +.icon-photo:before { + content: "\ebd3"; +} + +.icon-navigation1:before { + content: "\e637"; +} + +.icon-cloud:before { + content: "\e624"; +} + +.icon-lab:before { + content: "\e88d"; +} + +.icon-blog-solid:before { + content: "\e631"; +} + +.icon-comment-alt-lines:before { + content: "\e679"; +} + +.icon-music-list:before { + content: "\e699"; +} + .icon-youxiang:before { content: "\e605"; } diff --git a/css/lantern.css b/css/lantern.css index 97ccda8..655172f 100644 --- a/css/lantern.css +++ b/css/lantern.css @@ -220,4 +220,10 @@ width: 8px; height: 16px } +} + +@media screen and (max-width:720px) { + .lantern__warpper { + display: none; + } } \ No newline at end of file diff --git a/css/mobile.css b/css/mobile.css index f6d92fc..be5a9bf 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -50,12 +50,22 @@ span.img-text { font-size: 1.75rem; } + + /*链接卡片文字*/ + span.link-name { + display: none !important; + } + + .link-card i { + margin-left: 10px !important; + margin-right: 10px !important; + } } /*小于840px时*/ @media (max-width: 840px) { - + /*社交链接*/ .social { max-width: 100%; @@ -123,6 +133,17 @@ } */ + /*链接卡片*/ + .link-card { + align-items: center !important; + flex-direction: column !important; + justify-content: center !important; + } + + span.link-name { + display: block !important; + } + /*菜单栏按钮*/ .menu { display: flex; @@ -169,6 +190,7 @@ /* 大于992px时 */ @media (min-width: 992px) { + /*时钟显示*/ span#win_text, span#win_speed { @@ -178,6 +200,7 @@ /* 大于1400px时 */ @media (min-width: 1400px) { + /*时钟显示*/ span#win_text, span#win_speed { @@ -222,10 +245,14 @@ text-align: center; position: fixed; top: 8%; - font-family: 'Pacifico-Regular'; font-size: 1.75rem; } +/*第二屏logo*/ +.logo-text { + font-family: 'Pacifico-Regular' !important; +} + /*切换动画*/ /* .hitokoto, diff --git a/css/style.css b/css/style.css index 54744ab..baf55c6 100644 --- a/css/style.css +++ b/css/style.css @@ -16,6 +16,7 @@ p { transition: 0.3s; color: #efefef; user-select: none; + font-family: 'PingFangSC'; } a:hover { @@ -96,19 +97,24 @@ main { width: 120px; } +.main-img img:hover { + transform: rotate(360deg); +} + .img-title { width: 100%; margin-left: 12px; - font-family: Pacifico-Regular; transform: translateY(-8%); } span.img-title { font-size: 5rem; + font-family: 'Pacifico-Regular' !important; } span.img-text { font-size: 2rem; + font-family: 'Pacifico-Regular' !important; } /*简介*/ @@ -131,7 +137,11 @@ span.img-text { p.des-title { margin: 1rem 1rem; line-height: 2rem; - font-family: Pacifico-Regular; + font-size: 1.10rem; +} + +span#change { + font-family: 'Pacifico-Regular' !important; } i.iconfont.icon-yinhao-copy { @@ -151,6 +161,10 @@ i.iconfont.icon-yinhao-copy { margin: 0px 10px; } +.social .link i:hover { + color: #707070; +} + #link-text { display: none; flex: 1; @@ -165,6 +179,10 @@ i.iconfont.icon-yinhao-copy { backdrop-filter: blur(10px); padding: 20px; border-radius: 6px; + height: 165px; + display: flex; + justify-content: center; + flex-direction: column; } .hitokoto-all { @@ -173,10 +191,15 @@ i.iconfont.icon-yinhao-copy { flex-direction: column; } +.hitokoto-text { + font-size: 1.2rem; +} + .hitokoto-from { margin-top: 10px; font-weight: bold; align-self: flex-end; + font-size: 1.10rem; } /*时间卡片*/ @@ -189,21 +212,35 @@ i.iconfont.icon-yinhao-copy { text-align: center; display: flex; flex-direction: column; + height: 165px; + font-size: 1.10rem; } span.time-text { font-size: 3.25rem; letter-spacing: 2px; - font-family: UnidreamLED; + font-family: 'UnidreamLED' !important; } -/*链接卡片*/ +/*分割线*/ .line { margin: 1rem 0.25rem; margin-top: 2rem; - font-size: 1.10rem; + font-size: 1.2rem; + display: flex; + align-items: center; } +span.line-text { + font-size: 1.35rem; + margin: 0px 6px; +} + +i.iconfont.icon-link { + font-size: 1.4rem; +} + +/*链接卡片*/ .link-card { height: 100px; width: 100%; @@ -212,8 +249,13 @@ span.time-text { backdrop-filter: blur(10px); display: flex; align-items: center; - flex-direction: column; - justify-content: space-evenly; + flex-direction: row; + justify-content: center; +} + +.link-card i { + margin-left: 0px; + font-size: 2.2rem; } .link-card:hover { @@ -221,6 +263,14 @@ span.time-text { transition: 0.5s; } +span.link-name { + font-size: 1.2rem; +} + +.link-card:hover span.link-name { + font-size: 1.25rem; +} + /*更多页面*/ .more { display: none !important; @@ -276,7 +326,7 @@ span.time-text { } .progress-bar { - font-family: 'UnidreamLED'; + font-family: 'UnidreamLED' !important; background-color: #efefef !important; color: rgb(86 77 89) !important; font-size: 0.95rem; @@ -341,15 +391,24 @@ span.time-text { .closebox { left: auto; - top: 4px; - right: 8px; - font-size: 1.45rem; + top: 10px; + right: 16px; } .closebox:hover { transform: scale(1.2); } +i.iconfont.icon-close { + font-size: 1.45rem; +} + +/*移动端页面切换按钮*/ +i.iconfont.icon-bars, +i.iconfont.icon-times { + font-size: 1.25rem; +} + /*页脚样式*/ footer { text-align: center; diff --git a/font/Pacifico-Regular.ttf b/font/Pacifico-Regular.ttf index b9265a2..772b44e 100644 Binary files a/font/Pacifico-Regular.ttf and b/font/Pacifico-Regular.ttf differ diff --git a/font/PingFangSC.woff2 b/font/PingFangSC.woff2 new file mode 100644 index 0000000..ca0ea82 Binary files /dev/null and b/font/PingFangSC.woff2 differ diff --git a/font/font_2831425_80aedhvquju.ttf b/font/font_2831425_80aedhvquju.ttf deleted file mode 100644 index d4272f5..0000000 Binary files a/font/font_2831425_80aedhvquju.ttf and /dev/null differ diff --git a/font/font_2831425_80aedhvquju.woff b/font/font_2831425_80aedhvquju.woff deleted file mode 100644 index 01b0741..0000000 Binary files a/font/font_2831425_80aedhvquju.woff and /dev/null differ diff --git a/font/font_2831425_80aedhvquju.woff2 b/font/font_2831425_80aedhvquju.woff2 deleted file mode 100644 index 244bf0a..0000000 Binary files a/font/font_2831425_80aedhvquju.woff2 and /dev/null differ diff --git a/font/font_2831425_ekwvaabvo8l.ttf b/font/font_2831425_ekwvaabvo8l.ttf new file mode 100644 index 0000000..5278118 Binary files /dev/null and b/font/font_2831425_ekwvaabvo8l.ttf differ diff --git a/font/font_2831425_ekwvaabvo8l.woff b/font/font_2831425_ekwvaabvo8l.woff new file mode 100644 index 0000000..d5f77e4 Binary files /dev/null and b/font/font_2831425_ekwvaabvo8l.woff differ diff --git a/font/font_2831425_ekwvaabvo8l.woff2 b/font/font_2831425_ekwvaabvo8l.woff2 new file mode 100644 index 0000000..05c21c8 Binary files /dev/null and b/font/font_2831425_ekwvaabvo8l.woff2 differ diff --git a/index.html b/index.html index 619a484..7322b0e 100644 --- a/index.html +++ b/index.html @@ -27,10 +27,8 @@ - - - + @@ -116,7 +114,7 @@
@@ -125,7 +123,7 @@
-
 一言
+
每一个人都应该明确自己的方向和位置
@@ -149,7 +147,7 @@
- + 网站列表
@@ -159,23 +157,23 @@
- + 博客
- +
- - 网址导航 + + 网盘
- + 音乐
@@ -186,23 +184,23 @@
- + 实验室
- +
- - 网盘 + + 网址导航
- + 相册
@@ -214,18 +212,18 @@
-
+
- +
- + 时间胶囊 - +
@@ -254,9 +252,9 @@
- + 杂七杂八 - +
@@ -277,7 +275,7 @@
- Markdown + 编辑器
@@ -311,22 +309,23 @@
- +
imsyy .top -   v 1.3 +   v 1.4
-  点击左侧简介可弹出更多页面 -  修复时间胶囊（ 时光进度条 ） -  隐藏页面新增全屏弹窗 -  星期进度条显示错误 -  移动端动画及细节 -  Js 文件优化 -   点击左侧简介可弹出更多页面 +  修复时间胶囊（ 时光进度条 ） +  隐藏页面新增全屏弹窗 +  新增动态跟随鼠标样式 +  时光胶囊显示错误 +  移动端动画及细节 +  图标由 Fontawesome 改为 Iconfont +  返回旧版站点
diff --git a/js/main.js b/js/main.js index 02c4bf3..a199199 100644 --- a/js/main.js +++ b/js/main.js @@ -40,15 +40,16 @@ color: rgb(30,152,255); var title1 = '無名の主页' var title2 = 'imsyy.top' var content = ` -版 本 号：1.3.0 -更新日期：2021-10-02 14:26:31 +版 本 号：1.4.0 +更新日期：2022-01-12 14:38:34 更新说明： -1. 新增 点击左侧简介弹出更多页面 -2. 修复 时间胶囊（ 时光进度条 ） -3. 优化 移动端动画及细节 -4. 优化 Js 文件优化 -5. 修复 星期进度条显示错误 +1. 新增 部分页面样式调整 +2. 新增 动态跟随鼠标样式 +3. 修复 部分控件无法点击 +4. 优化 移动端动画及细节 +5. 优化 页面加载缓慢 +6. 修复 时光胶囊显示错误 主页: https://imsyy.top Github: https://github.com/imsyy/home @@ -57,7 +58,7 @@ console.log(`%c${title1} %c${title2} %c${content}`, styleTitle1, styleTitle2, styleContent) //获取一言 -fetch('https://v1.hitokoto.cn') +fetch('https://v1.hitokoto.cn?max_length=24') .then(response => response.json()) .then(data => { const hitokoto = document.getElementById('hitokoto_text') @@ -237,10 +238,10 @@ $('#switchmenu').on('click', function () { switchmenu = !switchmenu; if (switchmenu) { $('#row').attr('class', 'row menus'); - $("#menu").html(""); + $("#menu").html(""); } else { $('#row').attr('class', 'row'); - $("#menu").html(""); + $("#menu").html(""); } }); @@ -262,7 +263,7 @@ window.addEventListener('load', function () { //关闭移动端样式 if (window.innerWidth >= 600) { $('#row').attr('class', 'row'); - $("#menu").html(""); + $("#menu").html(""); //移除移动端切换功能区 $('#rightone').attr('class', 'row rightone'); }