Skip to content

Commit 01d13f9

Browse files
riverforriverfor
committed
Added: logo
1 parent 53d3334 commit 01d13f9

5 files changed

Lines changed: 64 additions & 74 deletions

File tree

‎.DS_Store‎

0 Bytes
Binary file not shown.

‎docs/.DS_Store‎

0 Bytes
Binary file not shown.

‎docs/assets/images/qpypluslogo.png‎

25.1 KB
Loading

‎docs/css/footer.css‎

Lines changed: 55 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -19,32 +19,36 @@
1919
pointer-events: none;
2020
}
2121

22-
/* PC端布局优化 */
23-
.footer-content {
24-
display: grid;
25-
grid-template-columns: 300px 1fr 200px;
26-
gap: 60px;
27-
padding: 60px 0 40px;
28-
position: relative;
29-
z-index: 2;
30-
align-items: start;
31-
max-width: 1200px;
32-
margin: 0 auto;
33-
}
34-
22+
/* 页脚品牌区域修复 */
3523
.footer-brand {
3624
display: flex;
3725
flex-direction: column;
3826
gap: 20px;
3927
align-items: flex-start;
4028
}
4129

30+
/* 修复logo和文字同行显示 */
31+
.footer-brand > div {
32+
display: flex;
33+
align-items: center;
34+
gap: 12px;
35+
}
36+
4237
.footer-logo {
4338
width: 60px;
4439
height: 60px;
4540
filter: drop-shadow(0 0 10px rgba(0, 255, 159, 0.3));
4641
}
4742

43+
.footer-brand .brand-text {
44+
font-family: 'Orbitron', monospace;
45+
font-size: 28px;
46+
font-weight: 700;
47+
color: #00ff9f;
48+
text-shadow: 0 0 10px rgba(0, 255, 159, 0.5);
49+
line-height: 1;
50+
}
51+
4852
.footer-brand p {
4953
color: rgba(255, 255, 255, 0.7);
5054
font-size: 15px;
@@ -53,6 +57,19 @@
5357
max-width: 250px;
5458
}
5559

60+
/* PC端布局优化 */
61+
.footer-content {
62+
display: grid;
63+
grid-template-columns: 300px 1fr 200px;
64+
gap: 60px;
65+
padding: 60px 0 40px;
66+
position: relative;
67+
z-index: 2;
68+
align-items: start;
69+
max-width: 1200px;
70+
margin: 0 auto;
71+
}
72+
5673
/* 链接区域居中对齐 */
5774
.footer-links {
5875
display: grid;
@@ -150,21 +167,6 @@
150167
font-size: 20px;
151168
}
152169

153-
.social-link::before {
154-
content: '';
155-
position: absolute;
156-
top: 0;
157-
left: -100%;
158-
width: 100%;
159-
height: 100%;
160-
background: linear-gradient(90deg, transparent, rgba(0, 255, 159, 0.3), transparent);
161-
transition: left 0.5s ease;
162-
}
163-
164-
.social-link:hover::before {
165-
left: 100%;
166-
}
167-
168170
.social-link:hover {
169171
border-color: rgba(0, 255, 159, 0.5);
170172
background: rgba(0, 255, 159, 0.1);
@@ -263,6 +265,15 @@
263265
padding: 50px 20px 30px;
264266
}
265267

268+
.footer-logo {
269+
width: 50px;
270+
height: 50px;
271+
}
272+
273+
.footer-brand .brand-text {
274+
font-size: 24px;
275+
}
276+
266277
.footer-links {
267278
gap: 30px;
268279
}
@@ -277,10 +288,6 @@
277288
padding: 8px 0;
278289
}
279290

280-
.social-links {
281-
align-items: center;
282-
}
283-
284291
.social-link {
285292
width: 45px;
286293
height: 45px;
@@ -302,15 +309,23 @@
302309
order: 1;
303310
}
304311

312+
.footer-brand > div {
313+
justify-content: center;
314+
}
315+
305316
.footer-brand p {
306317
max-width: 300px;
307318
text-align: center;
308319
font-size: 14px;
309320
}
310321

311322
.footer-logo {
312-
width: 50px;
313-
height: 50px;
323+
width: 45px;
324+
height: 45px;
325+
}
326+
327+
.footer-brand .brand-text {
328+
font-size: 22px;
314329
}
315330

316331
.footer-links {
@@ -337,28 +352,12 @@
337352
padding: 10px 0;
338353
}
339354

340-
.link-group a:hover {
341-
transform: none;
342-
}
343-
344-
.link-group a:hover::before {
345-
display: none;
346-
}
347-
348355
.social-links {
349356
flex-direction: row;
350357
justify-content: center;
351358
order: 2;
352359
gap: 25px;
353360
}
354-
355-
.back-to-top {
356-
bottom: 20px;
357-
right: 20px;
358-
width: 50px;
359-
height: 50px;
360-
font-size: 20px;
361-
}
362361
}
363362

364363
/* 超小屏幕适配 */
@@ -369,8 +368,12 @@
369368
}
370369

371370
.footer-logo {
372-
width: 45px;
373-
height: 45px;
371+
width: 40px;
372+
height: 40px;
373+
}
374+
375+
.footer-brand .brand-text {
376+
font-size: 20px;
374377
}
375378

376379
.footer-brand p {
@@ -392,22 +395,6 @@
392395
height: 40px;
393396
font-size: 16px;
394397
}
395-
396-
.footer-bottom {
397-
padding: 20px 0;
398-
}
399-
400-
.footer-bottom p {
401-
font-size: 12px;
402-
}
403-
404-
.back-to-top {
405-
bottom: 15px;
406-
right: 15px;
407-
width: 45px;
408-
height: 45px;
409-
font-size: 18px;
410-
}
411398
}
412399

413400
/* 横屏适配 */

‎docs/index.html‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@
1919
<nav class="navbar" id="navbar">
2020
<div class="navbar-container">
2121
<div class="navbar-brand">
22-
<img src="assets/icons/logo.svg" alt="Q+2077 Logo" class="logo">
23-
<span class="brand-text">Q+2077</span>
22+
<img src="assets/images/qpypluslogo.png" alt="Q+2077 Logo" class="logo">
23+
<span class="brand-text">2077</span>
2424
</div>
2525
<ul class="nav-menu">
2626
<li class="nav-item">
@@ -201,7 +201,7 @@ <h3>技术栈</h3>
201201
<div class="tech-stack">
202202
<div class="tech-item">
203203
<div class="tech-icon python"></div>
204-
<span>Python</span>
204+
<span>RenPy & Python</span>
205205
</div>
206206
<div class="tech-item">
207207
<div class="tech-icon ai"></div>
@@ -234,8 +234,8 @@ <h3>团队构成</h3>
234234
</div>
235235
</div>
236236
<div class="qpython-info">
237-
<h4>QPython</h4>
238-
<p>集成Python解释器、AI模型引擎和移动开发工具链，支持Web开发、科学计算和智能应用构建，提供完整的移动编程解决方案。</p>
237+
<h4>QPython Team</h4>
238+
<p>由QPython开发团队发起并给予支持</p>
239239
</div>
240240
</div>
241241
</div>
@@ -249,7 +249,10 @@ <h4>QPython</h4>
249249
<div class="container">
250250
<div class="footer-content">
251251
<div class="footer-brand">
252-
<img src="assets/icons/logo.svg" alt="Q+2077 Logo" class="footer-logo">
252+
<div>
253+
<img src="assets/images/qpypluslogo.png" alt="Q+2077 Logo" class="logo">
254+
<span class="brand-text">2077</span>
255+
</div>
253256
<p>构建数字时代的代码边疆</p>
254257
</div>
255258
<div class="footer-links">

0 commit comments

Comments
 (0)