Skip to content

Commit 2f9d035

Browse files
lqezlqez
committed
Update styles
1 parent 0ef2eff commit 2f9d035

File tree

2 files changed

+38
-26
lines changed

2 files changed

+38
-26
lines changed

‎pythonkr_backend/pythonkr/templates/pythonkr/pk_base.html

Lines changed: 30 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -12,42 +12,54 @@
1212
<title>{% block title %}파이썬 한국 사용자 모임{% endblock title %}</title>
1313
{% tailwind_css %}
1414
</head>
15-
<body class="bg-gray-100">
16-
<nav class="bg-white shadow-md">
15+
<body class="bg-white min-h-screen flex flex-col">
16+
<!-- 내비게이션 -->
17+
<nav class="bg-white border-b">
1718
<div class="container mx-auto px-4">
1819
<div class="flex justify-between items-center py-4">
19-
<a class="navbar-brand" href="{% pageurl current_site.root_page %}">
20-
<img class="h-12" src="{% static 'pythonkr/pythonkr-badge.png' %}" alt="Python Korea Logo"/>
21-
</a>
22-
<a href="#" class="text-xl font-bold text-gray-800">Python Korea</a>
20+
<!-- 로고 + 텍스트 타이틀 -->
21+
<div class="flex flex-row items-center space-x-4 w-auto">
22+
<a class="navbar-brand" href="{% pageurl current_site.root_page %}">
23+
<img class="h-12 mx-auto md:mx-0" src="{% static 'pythonkr/pythonkr-badge.png' %}" alt="Python Korea Logo"/>
24+
</a>
25+
<h1 class="text-xl font-bold text-gray-800 mt-2 md:mt-0 text-center md:text-left">
26+
파이썬 한국 사용자 모임
27+
</h1>
28+
</div>
29+
<!-- 내비게이션 -->
2330
<div class="hidden md:flex space-x-4">
2431
{% for menu_page in current_site.root_page.get_children.live.in_menu %}
25-
<a class="text-gray-600 hover:text-gray-800" href="{% pageurl menu_page %}">{{menu_page.title}}</a>
32+
<a class="text-gray-600 hover:text-gray-800" href="{% pageurl menu_page %}">{{ menu_page.title }}</a>
2633
{% endfor %}
2734
</div>
35+
<!-- 모바일 메뉴 버튼 -->
2836
<div class="md:hidden">
2937
<button id="mobile-menu-button" class="text-gray-600 focus:outline-none">
30-
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
31-
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
38+
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
39+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
40+
d="M4 6h16M4 12h16M4 18h16"></path>
3241
</svg>
3342
</button>
3443
</div>
3544
</div>
3645
</div>
37-
<div id="mobile-menu" class="hidden md:hidden">
46+
<!-- 모바일 메뉴 -->
47+
<div id="mobile-menu" class="hidden md:hidden px-4 pb-4">
3848
{% for menu_page in current_site.root_page.get_children.live.in_menu %}
39-
<a class="block px-4 py-2 text-gray-600 hover:bg-gray-200" href="{% pageurl menu_page %}">{{menu_page.title}}</a>
49+
<a class="block py-2 text-gray-600 hover:bg-gray-200" href="{% pageurl menu_page %}">{{ menu_page.title }}</a>
4050
{% endfor %}
4151
</div>
4252
</nav>
4353

44-
<main class="container mx-auto px-4 py-8">
54+
<!-- 메인 -->
55+
<main class="flex-grow container mx-auto px-4 py-8">
4556
<div class="prose">
46-
{% block content %}{{ page.content|richtext }}{% endblock %}
57+
{% block content %}{{ page.content|richtext }}{% endblock %}
4758
</div>
4859
</main>
4960

50-
<footer class="bg-white border-t mt-12">
61+
<!-- 푸터 -->
62+
<footer class="bg-white border-t">
5163
<div class="container mx-auto px-4 py-8">
5264
<div class="flex flex-col md:flex-row justify-between items-start md:items-center space-y-4 md:space-y-0">
5365
<!-- 로고 및 설명 -->
@@ -56,29 +68,21 @@ <h2 class="text-lg font-semibold text-gray-800">Python Korea</h2>
5668
<p class="text-sm text-gray-500 mt-1">
5769
파이썬 한국 사용자 모임은 파이썬을 사용하는 모든 사람들을 위한 열린 커뮤니티입니다.
5870
</p>
71+
<p class="mt-6 pt-4 text-sm text-gray-400">
72+
© 2025 Python Korea. All rights reserved.
73+
</p>
5974
</div>
6075
</div>
61-
62-
<div class="border-t mt-6 pt-4 text-center text-sm text-gray-400">
63-
© 2025 Python Korea. All rights reserved.
64-
</div>
6576
</div>
6677
</footer>
6778

6879
<script>
6980
const mobileMenuButton = document.getElementById('mobile-menu-button');
7081
const mobileMenu = document.getElementById('mobile-menu');
71-
7282
mobileMenuButton.addEventListener('click', () => {
7383
mobileMenu.classList.toggle('hidden');
7484
});
7585
</script>
7686
</body>
7787
</html>
78-
<!-- Footer -->
79-
<footer class="sponsor-footer mt-5">
80-
<div class="container text-center">
81-
</div>
82-
</footer>
83-
</body>
84-
</html>
88+

‎pythonkr_backend/theme/static_src/src/styles.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
11
@tailwind base;
22
@tailwind components;
33
@tailwind utilities;
4+
5+
.prose {
6+
max-width: 92ch;
7+
}
8+
9+
.container {
10+
max-width: 92ch;
11+
}

0 commit comments

Comments
 (0)