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