Skip to content

Commit 5c48cc2

Browse files
PythonnotJavaPythonnotJava
committed
NEW
1 parent 2c8ff17 commit 5c48cc2

3 files changed

Lines changed: 400 additions & 218 deletions

File tree

‎404.html‎

Lines changed: 89 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,104 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Page Not Found</title>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>404 - Page Not Found</title>
77
<style>
8+
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
9+
810
body {
9-
font-family: Arial, sans-serif;
11+
height: 100vh;
12+
display: flex;
13+
align-items: center;
14+
justify-content: center;
15+
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
16+
color: #fff;
17+
overflow: hidden;
18+
flex-direction: column;
19+
}
20+
21+
.container {
1022
text-align: center;
11-
padding: 50px;
23+
padding: 40px;
24+
border-radius: 20px;
25+
backdrop-filter: blur(15px);
26+
background: rgba(255, 255, 255, 0.05);
27+
box-shadow: 0 20px 40px rgba(0,0,0,0.4);
28+
animation: fadeIn 1.2s ease;
29+
z-index: 2;
1230
}
31+
1332
h1 {
14-
font-size: 2em;
33+
font-size: 120px;
34+
letter-spacing: 5px;
35+
background: linear-gradient(90deg, #00dbde, #fc00ff);
36+
-webkit-background-clip: text;
37+
-webkit-text-fill-color: transparent;
38+
animation: float 3s ease-in-out infinite;
39+
}
40+
41+
h2 { margin-top: 10px; font-size: 28px; opacity: 0.9; }
42+
p { margin-top: 15px; font-size: 16px; opacity: 0.7; }
43+
44+
.btn {
45+
display: inline-block;
46+
margin: 15px;
47+
padding: 12px 30px;
48+
border-radius: 30px;
49+
background: linear-gradient(90deg, #00dbde, #fc00ff);
50+
color: #fff;
51+
text-decoration: none;
52+
font-weight: bold;
53+
transition: 0.3s;
54+
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
55+
cursor: pointer;
56+
}
57+
58+
.btn:hover {
59+
transform: translateY(-3px) scale(1.05);
60+
box-shadow: 0 15px 30px rgba(0,0,0,0.5);
61+
}
62+
63+
canvas {
64+
display: none;
65+
margin-top: 20px;
66+
border-radius: 10px;
67+
background: #000;
68+
box-shadow: 0 10px 30px rgba(0,0,0,0.6);
69+
}
70+
71+
@keyframes float {
72+
0%, 100% { transform: translateY(0); }
73+
50% { transform: translateY(-10px); }
74+
}
75+
76+
@keyframes fadeIn {
77+
from { opacity: 0; transform: scale(0.9); }
78+
to { opacity: 1; transform: scale(1); }
79+
}
80+
81+
.particle {
82+
position: absolute;
83+
width: 6px;
84+
height: 6px;
85+
background: rgba(255,255,255,0.6);
86+
border-radius: 50%;
87+
animation: move 10s linear infinite;
1588
}
16-
p {
17-
font-size: 1.2em;
89+
90+
@keyframes move {
91+
from { transform: translateY(100vh); opacity: 0; }
92+
to { transform: translateY(-10vh); opacity: 1; }
1893
}
1994
</style>
2095
</head>
2196
<body>
22-
<h1>404 - Page Not Found</h1>
23-
<p>The page you are looking for does not exist.</p>
24-
<p><a href="https://robot-shadow.cn">Back to Home</a></p>
97+
98+
<div class="container" id="main">
99+
<h1>404</h1>
100+
<h2>Oops! Page Not Found</h2>
101+
</div>
102+
25103
</body>
26104
</html>

‎home/index.html‎

Lines changed: 217 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,217 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<!--//网站上显示logo图标-->
4+
<link rel="shortcut icon" href="../src/logo/logo.ico" type="image/x-icon">
5+
<!--//收藏用logo图标-->
6+
<link rel="bookmark" href="../src/logo/logo.ico" type="image/x-icon">
7+
8+
<head>
9+
<meta charset="UTF-8">
10+
<title>A little cookie</title>
11+
<!-- 引入 Bootstrap 样式 -->
12+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
13+
<link href="../src/css/main.css" rel="stylesheet">
14+
</head>
15+
16+
<body>
17+
18+
<video autoplay muted loop id="bg-video">
19+
<source src="../src/logo/logo.mp4" type="video/mp4">
20+
</video>
21+
22+
<!-- 导航栏 -->
23+
<nav id="leader" class="navbar navbar-expand-lg navbar-light bg-light" style="padding-left: 110px">
24+
<a class="navbar-brand" href="https://blog.csdn.net/qq_54554848?spm=1000.2115.3001.5343" target="_blank">
25+
<img id="csdn-link" alt="" src="../src/logo/title.jpg" width="100" height="100">
26+
</a>
27+
28+
29+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target= "#navbarNav"
30+
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
31+
<span class="navbar-toggler-icon"></span>
32+
</button>
33+
<div class="collapse navbar-collapse" id="navbarNav">
34+
<ul class="navbar-nav ml-auto">
35+
<li class="nav-item">
36+
<a class="nav-link" href="#home">首页</a>
37+
</li>
38+
<li class="nav-item">
39+
<a class="nav-link" href="#articles">文章</a>
40+
</li>
41+
<li class="nav-item">
42+
<a class="nav-link" href="#software">软件</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="https://space.bilibili.com/1673577344?spm_id_from=333.1007.0.0" target="_blank">
46+
<img width="80" height="80" class="ico-link" src="https://is4-ssl.mzstatic.com/image/thumb/Purple124/v4/42/c1/96/42c196db-d305-e2d9-2ae0-f3ed6c72b98e/AppIcon-1x_U007emarketing-0-6-0-0-sRGB-85-220.png/1024x1024bb.png" alt="Bilibili">
47+
</a>
48+
</li>
49+
<li class="nav-item">
50+
<a class="nav-link" href="https://gitee.com/PythonnotJava" target="_blank">
51+
<img width="80" height="80" class="ico-link" src="https://l1yp.com/img/gitee-logo_themecolor.png" alt="Gitee">
52+
</a>
53+
</li>
54+
<li class="nav-item">
55+
<a class="nav-link" href="https://www.github.com/PythonnotJava" target="_blank">
56+
<img width="80" height="80" class="ico-link" src="https://www.macobserver.com/wp-content/uploads/2019/05/workfeatured-GitHub-2.png" alt="GitHub">
57+
</a>
58+
</li>
59+
</ul>
60+
</div>
61+
</nav>
62+
63+
<!-- 主界面 -->
64+
<div id="home" class="container mt-5">
65+
<h1 id="my-blogs">PythonnotJava's Blog Platform</h1>
66+
<p id="my-blogs-about">Github开源地址 ： <a href="https://github.com/PythonnotJava">https://github.com/PythonnotJava</a></p>
67+
</div>
68+
69+
<!-- 文章区 -->
70+
<div id="articles" class="container mt-5">
71+
<h2>文章</h2>
72+
<div class="row">
73+
<!-- 文章块1 -->
74+
<div class="col-lg-4 col-md-6 mb-4">
75+
<div class="card">
76+
<img src="../src/img/sjjg.png" class="card-img-top" alt="文章1封面图" width="600" height="400">
77+
<div class="card-body">
78+
<h5 class="card-title">数据结构与算法</h5>
79+
<p class="card-text">此处包含了基于C/C++实现的部分数据结构与算法模型。</p>
80+
<a href="../src/index/article/Implementation_of_data%20_structures_and_algorithms.html" class="btn btn-outline-primary">阅读更多</a>
81+
</div>
82+
</div>
83+
</div>
84+
85+
<!-- 文章块2 -->
86+
<div class="col-lg-4 col-md-6 mb-4">
87+
<div class="card">
88+
<img src="../src/img/qtpy.webp" class="card-img-top" alt="文章2封面图" width="600" height="400">
89+
<div class="card-body">
90+
<h5 class="card-title">Qt for Python</h5>
91+
<p class="card-text">Qt for Python，是包含了PySide2、PySide6、PyQt5以及PyQt6的Python版主流Qt设计框架。</p>
92+
<a href="../src/index/article/qt.html" class="btn btn-outline-primary">阅读更多</a>
93+
</div>
94+
</div>
95+
</div>
96+
97+
<!-- 文章块3 -->
98+
<div class="col-lg-4 col-md-6 mb-4">
99+
<div class="card">
100+
<img src="../src/img/py.jpg" class="card-img-top" alt="文章3封面图" width="600" height="400">
101+
<div class="card-body">
102+
<h5 class="card-title">Efficient Python</h5>
103+
<p class="card-text">时刻掌握一些改善Python代码的方法，以追求更为健壮、性能的Python。</p>
104+
<a href="../src/index/article/efficient-py.html" class="btn btn-outline-primary">阅读更多</a>
105+
</div>
106+
</div>
107+
</div>
108+
109+
110+
<!-- 文章块4 -->
111+
<div class="col-lg-4 col-md-6 mb-4">
112+
<div class="card">
113+
<img src="../src/img/idea.jpg" class="card-img-top" alt="文章4封面图" width="600" height="400">
114+
<div class="card-body">
115+
<h5 class="card-title">其他</h5>
116+
<p class="card-text">其他方面的心得以及经验分享——例如电脑知识、数据可视化等等等。</p>
117+
<a href="../src/index/article/others.html" class="btn btn-outline-primary">阅读更多</a>
118+
</div>
119+
</div>
120+
</div>
121+
</div>
122+
<!-- 查看更多文章之弹出框-->
123+
<!--<a href="" target="_blank" class="btn btn-primary">查看更多文章</a>-->
124+
<br>
125+
<button class="btn btn-primary" id="showPopup" onclick="showPopup()">查看更多文章</button>
126+
<br>
127+
<div id="overlay">
128+
<div class="popup">
129+
<p class="popup_title">提示</p>
130+
<p class="popup_content">作者拼命更新中🤔🤔🤔……</p>
131+
<div class="popup_btn">
132+
<button class="cancelBtn" onclick="hidePopup()">知道了</button>
133+
<button class="confirmBtn" onclick="hidePopup()">确认</button>
134+
</div>
135+
</div>
136+
</div>
137+
</div>
138+
139+
<!-- 软件区 -->
140+
<div id="software" class="container mt-5">
141+
<h2>软件</h2>
142+
<div class="row">
143+
<!-- 软件块1 -->
144+
<div class="col-lg-4 col-md-6 mb-4">
145+
<div class="card">
146+
<img src="../src/index/software/img/3.png" class="card-img-top" alt="文章1封面图" width="600" height="400">
147+
<div class="card-body">
148+
<h5 class="card-title">简雅Pad++</h5>
149+
<p class="card-text">简雅Pad++是一款基于Scintilla开发，用于Python入门的代码编辑器</p>
150+
<a href="../src/index/software/简雅Pad++%20for%20Python.html" class="btn btn-outline-primary">了解更多</a>
151+
</div>
152+
</div>
153+
</div>
154+
<!-- 软件块2 -->
155+
<div class="col-lg-4 col-md-6 mb-4">
156+
<div class="card">
157+
<img src="../src/index/software/img/4.png" class="card-img-top" alt="文章2封面图" width="600" height="400">
158+
<div class="card-body">
159+
<h5 class="card-title">WordTansfer</h5>
160+
<p class="card-text">WordTansfer是基于Pillow开发的Word转手写字图片的利器。</p>
161+
<a href="../src/index/software/WordTransfer.html" class="btn btn-outline-primary">了解更多</a>
162+
</div>
163+
</div>
164+
</div>
165+
166+
<!-- 软件块3 -->
167+
<div class="col-lg-4 col-md-6 mb-4">
168+
<div class="card">
169+
<img src="../src/img/jlp.png" class="card-img-top" alt="文章3封面图" width="600" height="400">
170+
<div class="card-body">
171+
<h5 class="card-title">热血精灵派天赋系统……</h5>
172+
<p class="card-text">对热血精灵派精灵天赋系统的还原</p>
173+
<a href="../src/index/software/jlp.html" class="btn btn-outline-primary">了解更多</a>
174+
</div>
175+
</div>
176+
</div>
177+
</div>
178+
<br>
179+
<a href="#" target="_blank" class="btn btn-primary">查看更多软件</a>
180+
<p></p>
181+
</div>
182+
<!-- Footer -->
183+
<footer class="bg-dark text-light py-3">
184+
<div class="container text-center">
185+
<!-- <p>&copy; 2023 My Blog. All Rights Reserved. | <a href="#">隐私政策</a> | <a href="#">使用条款</a></p>-->
186+
<p>&copy; 2023 PythonnotJava's Blog. All Rights Reserved.</p>
187+
</div>
188+
</footer>
189+
<!-- Bilibili、YouTube、GitHub图标连接按钮 -->
190+
<div class="fixed-icons">
191+
<a href="#" class="icon-link"><i class="fab fa-bilibili"></i></a>
192+
<a href="#" class="icon-link"><i class="fab fa-youtube"></i></a>
193+
<a href="#" class="icon-link"><i class="fab fa-github"></i></a>
194+
</div>
195+
<!-- JavaScript部分 -->
196+
<!-- jQuery和Popper.js，可以从CDN引入或者本地引入 -->
197+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
198+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.15.0/dist/umd/popper.min.js"></script>
199+
<!-- Bootstrap JavaScript，可以从CDN引入或者本地引入 -->
200+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
201+
<!-- Font Awesome JavaScript，可以从CDN引入或者本地引入 -->
202+
<script src="https://kit.fontawesome.com/your-kits-id.js"></script>
203+
<script>
204+
function showPopup(){
205+
const overlay = document.getElementById("overlay");
206+
overlay.style.display = "block";
207+
}
208+
function hidePopup(){
209+
const overlay = document.getElementById("overlay");
210+
overlay.style.display = "none";
211+
}
212+
213+
</script>
214+
</body>
215+
</html>
216+
217+

0 commit comments

Comments
 (0)