Skip to content

Commit fe453dd

Browse files
Everloom-129Everloom-129
authored
Merge pull request #2 from PhiloCoffee/codex/website-codex
Redesign club website homepage and article reader
2 parents e57e5c7 + e819ae1 commit fe453dd

11 files changed

Lines changed: 1764 additions & 0 deletions

File tree

‎article/index.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Article | PhiloCoffee</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Noto+Serif+SC:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="/style.css">
11+
</head>
12+
<body data-page="article">
13+
<header class="site-header" id="top">
14+
<nav class="nav-shell container">
15+
<a class="brand" href="/" aria-label="PhiloCoffee home">
16+
<span class="brand-mark" aria-hidden="true">
17+
<svg viewBox="0 0 64 64" role="img" aria-hidden="true">
18+
<path d="M16 21h26v11a13 13 0 0 1-13 13 13 13 0 0 1-13-13V21Z" fill="currentColor" opacity=".15"/>
19+
<path d="M43 25h5a7 7 0 0 1 0 14h-3" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>
20+
<path d="M16 21h27v11a13 13 0 0 1-13 13h-1a13 13 0 0 1-13-13V21Z" fill="none" stroke="currentColor" stroke-width="4" stroke-linejoin="round"/>
21+
<path d="M13 49h35" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>
22+
</svg>
23+
</span>
24+
<span class="brand-copy">
25+
<span class="brand-title">PhiloCoffee</span>
26+
<span class="brand-subtitle lang" data-en="Article Reader" data-zh="文章阅读页"></span>
27+
</span>
28+
</a>
29+
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="nav-menu">
30+
<span></span>
31+
<span></span>
32+
<span></span>
33+
</button>
34+
<div class="nav-menu" id="nav-menu">
35+
<div class="nav-links">
36+
<a href="/" class="lang" data-en="Home" data-zh="首页"></a>
37+
<a href="/philosophy/" class="lang" data-en="Philosophy" data-zh="哲学部"></a>
38+
<a href="/coffee/" class="lang" data-en="Coffee" data-zh="咖啡部"></a>
39+
<a href="/tech/" class="lang" data-en="Tech" data-zh="技术部"></a>
40+
</div>
41+
<div class="lang-toggle">
42+
<button class="lang-toggle-btn" data-lang="en" type="button">EN</button>
43+
<span>/</span>
44+
<button class="lang-toggle-btn" data-lang="zh" type="button">中文</button>
45+
</div>
46+
</div>
47+
</nav>
48+
</header>
49+
50+
<main>
51+
<section class="article-shell">
52+
<div class="container">
53+
<div class="article-reader-card">
54+
<div class="article-reader-meta">
55+
<a id="article-back-link" class="text-link" href="/">
56+
<span class="lang" data-en="Back to site" data-zh="返回网站"></span>
57+
</a>
58+
<p id="article-source" class="article-source"></p>
59+
</div>
60+
<article id="article-content" class="article-prose">
61+
<p class="lang" data-en="Loading article..." data-zh="正在加载文章..."></p>
62+
</article>
63+
</div>
64+
</div>
65+
</section>
66+
</main>
67+
68+
<footer class="site-footer">
69+
<div class="container footer-grid">
70+
<div><p class="footer-brand">PhiloCoffee / 哲咖</p></div>
71+
<div class="footer-links">
72+
<a href="/" class="lang" data-en="Home" data-zh="首页"></a>
73+
<a href="https://github.com/PhiloCoffee/PhiloCoffee.github.io" target="_blank" rel="noreferrer" class="lang" data-en="Open source on GitHub" data-zh="GitHub 开源"></a>
74+
</div>
75+
<div class="footer-meta"><p>© <span id="year"></span> PhiloCoffee Club</p></div>
76+
</div>
77+
</footer>
78+
79+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
80+
<script src="/script.js"></script>
81+
</body>
82+
</html>

‎coffee/index.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Coffee Articles | PhiloCoffee</title>
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Noto+Serif+SC:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600&display=swap" rel="stylesheet">
10+
<link rel="stylesheet" href="/style.css">
11+
</head>
12+
<body data-page="department" data-department="coffee">
13+
<header class="site-header" id="top">
14+
<nav class="nav-shell container">
15+
<a class="brand" href="/" aria-label="PhiloCoffee home">
16+
<span class="brand-mark" aria-hidden="true">
17+
<svg viewBox="0 0 64 64" role="img" aria-hidden="true">
18+
<path d="M16 21h26v11a13 13 0 0 1-13 13 13 13 0 0 1-13-13V21Z" fill="currentColor" opacity=".15"/>
19+
<path d="M43 25h5a7 7 0 0 1 0 14h-3" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>
20+
<path d="M16 21h27v11a13 13 0 0 1-13 13h-1a13 13 0 0 1-13-13V21Z" fill="none" stroke="currentColor" stroke-width="4" stroke-linejoin="round"/>
21+
<path d="M13 49h35" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="round"/>
22+
</svg>
23+
</span>
24+
<span class="brand-copy">
25+
<span class="brand-title">PhiloCoffee</span>
26+
<span class="brand-subtitle lang" data-en="Department Index" data-zh="栏目索引"></span>
27+
</span>
28+
</a>
29+
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="nav-menu">
30+
<span></span>
31+
<span></span>
32+
<span></span>
33+
</button>
34+
<div class="nav-menu" id="nav-menu">
35+
<div class="nav-links">
36+
<a href="/" class="lang" data-en="Home" data-zh="首页"></a>
37+
<a href="/philosophy/" class="lang" data-en="Philosophy" data-zh="哲学部"></a>
38+
<a href="/tech/" class="lang" data-en="Tech" data-zh="技术部"></a>
39+
</div>
40+
<div class="lang-toggle">
41+
<button class="lang-toggle-btn" data-lang="en" type="button">EN</button>
42+
<span>/</span>
43+
<button class="lang-toggle-btn" data-lang="zh" type="button">中文</button>
44+
</div>
45+
</div>
46+
</nav>
47+
</header>
48+
49+
<main>
50+
<section class="department-hero">
51+
<div class="container">
52+
<p class="eyebrow lang" data-en="Coffee Department" data-zh="咖啡部"></p>
53+
<h1 class="section-title lang" data-en="Brewing notes, city cafe visits, and coffee culture in practice" data-zh="冲煮笔记、城市探店与咖啡文化实践"></h1>
54+
<p class="section-intro lang" data-en="From coffee history to shop tours and member projects, this collection documents how the club learns through tasting, making, and going out into the world." data-zh="从咖啡史到探店纪实，再到成员项目，这里记录了社团如何通过品尝、制作与出走来学习。"></p>
55+
</div>
56+
</section>
57+
58+
<section class="section">
59+
<div class="container">
60+
<div id="department-article-grid" class="card-grid"></div>
61+
</div>
62+
</section>
63+
</main>
64+
65+
<footer class="site-footer">
66+
<div class="container footer-grid">
67+
<div><p class="footer-brand">PhiloCoffee / 哲咖</p></div>
68+
<div class="footer-links">
69+
<a href="/" class="lang" data-en="Home" data-zh="首页"></a>
70+
<a href="/philosophy/" class="lang" data-en="Philosophy" data-zh="哲学部"></a>
71+
<a href="/tech/" class="lang" data-en="Tech" data-zh="技术部"></a>
72+
</div>
73+
<div class="footer-meta"><p>© <span id="year"></span> PhiloCoffee Club</p></div>
74+
</div>
75+
</footer>
76+
77+
<script src="/script.js"></script>
78+
</body>
79+
</html>

‎image/mentor-tseng.png‎

33.1 KB
Loading

philocoffee_club_link.png renamed to image/philocoffee_club_link.png

File renamed without changes.

poita_art_club_link.png renamed to image/poita_art_club_link.png

File renamed without changes.

poster_v3.png renamed to image/poster_v3.png

File renamed without changes.

0 commit comments

Comments
 (0)