homepage update
This commit is contained in:
xiaoqi.cxq
parent
4243a41e31
commit
2e9e4b73f6
@ -2,7 +2,7 @@
|
|||||||
<html manifest="cache.manifest">
|
<html manifest="cache.manifest">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>StackEdit中文版 – 浏览器内 Markdown 编辑器</title>
|
<title>StackEdit中文版 – 浏览器内 Markdown 编辑器 & 笔记利器</title>
|
||||||
<link rel="canonical" href="https://stackedit.cn/">
|
<link rel="canonical" href="https://stackedit.cn/">
|
||||||
<link rel="icon" href="static/landing/favicon.ico" type="image/x-icon">
|
<link rel="icon" href="static/landing/favicon.ico" type="image/x-icon">
|
||||||
<link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="static/landing/favicon.ico" type="image/x-icon">
|
||||||
@ -134,9 +134,16 @@
|
|||||||
background-color: #2c2c2c;
|
background-color: #2c2c2c;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation-bar__write {
|
||||||
|
text-align: center;
|
||||||
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation-bar__button {
|
.navigation-bar__button {
|
||||||
@ -150,6 +157,49 @@
|
|||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 语言切换样式 */
|
||||||
|
.navigation-bar__lang-switcher {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: auto;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
/* 隐藏下拉内容区域 */
|
||||||
|
.navigation-bar__dropdown-content {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 当鼠标悬停在按钮上时，显示下拉内容区域 */
|
||||||
|
.navigation-bar__dropdown:hover .navigation-bar__dropdown-content {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 样式化下拉按钮 */
|
||||||
|
.navigation-bar__dropbtn {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
padding: 10px 16px;
|
||||||
|
font-size: 16px;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 样式化下拉选项 */
|
||||||
|
.navigation-bar__dropdown-content a {
|
||||||
|
color: black;
|
||||||
|
background-color: #f1f1f1;
|
||||||
|
padding: 12px 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 当鼠标悬停在下拉选项上时，更改其背景颜色 */
|
||||||
|
.navigation-bar__dropdown-content a:hover {
|
||||||
|
background-color: #b2b2b2;
|
||||||
|
}
|
||||||
|
|
||||||
.splash-screen {
|
.splash-screen {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -269,15 +319,26 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="landing">
|
<div class="landing">
|
||||||
<div class="navigation-bar">
|
<div class="navigation-bar">
|
||||||
<a class="navigation-bar__button button" href="app" title="The app">
|
<div class="navigation-bar__write">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 16.8363,2.73375C 16.45,2.73375 16.0688,2.88125 15.7712,3.17375L 13.6525,5.2925L 18.955,10.5962L 21.0737,8.47625C 21.665,7.89 21.665,6.94375 21.0737,6.3575L 17.895,3.17375C 17.6025,2.88125 17.2163,2.73375 16.8363,2.73375 Z M 12.9437,6.00125L 4.84375,14.1062L 7.4025,14.39L 7.57875,16.675L 9.85875,16.85L 10.1462,19.4088L 18.2475,11.3038M 4.2475,15.0437L 2.515,21.7337L 9.19875,19.9412L 8.955,17.7838L 6.645,17.6075L 6.465,15.2925"></path></svg>
|
<a class="navigation-bar__button button" href="app" title="The app">
|
||||||
开始写作
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon"><path d="M 16.8363,2.73375C 16.45,2.73375 16.0688,2.88125 15.7712,3.17375L 13.6525,5.2925L 18.955,10.5962L 21.0737,8.47625C 21.665,7.89 21.665,6.94375 21.0737,6.3575L 17.895,3.17375C 17.6025,2.88125 17.2163,2.73375 16.8363,2.73375 Z M 12.9437,6.00125L 4.84375,14.1062L 7.4025,14.39L 7.57875,16.675L 9.85875,16.85L 10.1462,19.4088L 18.2475,11.3038M 4.2475,15.0437L 2.515,21.7337L 9.19875,19.9412L 8.955,17.7838L 6.645,17.6075L 6.465,15.2925"></path></svg>
|
||||||
</a>
|
开始写作
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="navigation-bar__lang-switcher">
|
||||||
|
<div class="navigation-bar__dropdown">
|
||||||
|
<button class="navigation-bar__dropbtn">Language</button>
|
||||||
|
<div class="navigation-bar__dropdown-content">
|
||||||
|
<a href="/">简体中文</a>
|
||||||
|
<a href="https://stackedit.net" target="_blank">English</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="splash-screen">
|
<div class="splash-screen">
|
||||||
<div class="splash-screen__logo">
|
<div class="splash-screen__logo">
|
||||||
<div class="splash-screen__subtitle">
|
<div class="splash-screen__subtitle">
|
||||||
笔记利器(浏览器内 Markdown 编辑器)
|
浏览器内 Markdown 笔记利器
|
||||||
|
|
||||||
<div class="social">
|
<div class="social">
|
||||||
<a href="https://jq.qq.com/?_wv=1027&k=wUSCNqmN" target="_blank" title="QQ交流群">
|
<a href="https://jq.qq.com/?_wv=1027&k=wUSCNqmN" target="_blank" title="QQ交流群">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user