forked from today-coding/today-coding.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (131 loc) · 6.66 KB
/
index.html
File metadata and controls
134 lines (131 loc) · 6.66 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
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>오늘도, 코딩</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="img/오코로고.png">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#000000">
</head>
<body>
<header class="header">
<nav class="container nav">
<div class="logo">오늘도, 코딩</div>
<ul class="menu">
<li><a href="#about">소개</a></li>
<li><a href="#rules">규칙</a></li>
<li><a href="https://open.kakao.com/o/gU6ieMfi" class="btn-join">참여하기</a></li>
</ul>
</nav>
</header>
<section id="hero">
<div class="container">
<img src="img/오코로고.png" style="width: 150px; height: auto;" data-aos="fade-up">
<h1 data-aos="fade-up" class="greeting-msg">
오늘도, 코딩<br>
함께 성장하는 <span>코딩 커뮤니티</span>
</h1>
<p data-aos="fade-up">맛코딩 = 맛소금</p>
<a href="https://open.kakao.com/o/gU6ieMfi" class="cta-button" data-aos="flip-up" data-aos-delay="130">오픈채팅 참여</a>
</div>
</section>
<section id="about">
<div class="container">
<h2 data-aos="fade-up">우리는 무엇을 하나요??</h2>
<div class="features">
<div class="card" data-aos="fade-up">
<h3>지식 공유</h3>
<p>에러 해결과 기능 구현을 함께 고민합니다.</p>
</div>
<div class="card" data-aos="fade-up" data-aos-delay="100">
<h3>잡담</h3>
<p>코딩 외에도 일상의 즐거움을 나누며 편안하게 소통합니다.</p>
</div>
<div class="card" data-aos="fade-up" data-aos-delay="200">
<h3>프로젝트</h3>
<p>6개월에 한번, 팀원들끼리 서로 협력하여 프로젝트를 완성합니다.</p>
</div>
</div>
</div>
</section>
<img src="img/msg.png" data-aos="zoom-in" class="msg">
<section id="rules">
<div class="container" data-aos="fade-up">
<h2>방 운영 수칙</h2>
<ul>
<li>욕설 사용 금지</li>
<li>존댓말 사용</li>
<li>들낙 많이 금지</li>
<li>권력남용 금지</li>
<li>홍보는 하루에 2번만</li>
<li>과도한 봇 사용 금지</li>
<li>보이스룸 인당 주에 최대 3번</li>
<li>멘션 후 튀기 금지</li>
<li>새로운 사람들 반겨주기</li>
</ul>
</div>
</section>
<section id="people">
<div class="container">
<h2>운영자 소개</h2>
<div class="people-grid">
<div class="person-card" data-aos="fade-up">
<img src="img/맛코딩.jpg" alt="맛코딩" class="img">
<h3>맛코딩</h3>
<p class="role">방장</p>
<p class="desc">
코딩 커뮤니티 ‘오늘도, 코딩’을 운영하며
지식 공유와 프로젝트 문화를 만들어가는 방장입니다.
</p>
<img src="img/대표자소개/맛코딩소개.png" alt="맛코딩 소개" class="intro-img">
</div>
<div class="person-card" data-aos="fade-up" data-aos-delay="100">
<img src="img/엠티.jpg" alt="엠티" class="img">
<h3>엠티</h3>
<p class="role">부방장</p>
<p class="desc">
맛코딩님과 함께 ‘오늘도, 코딩’을 운영하며
부방장을 맡고있는 개발자입니다.
</p>
<img src="img/대표자소개/엠티소개.png" alt="엠티 소개" class="intro-img">
</div>
<div class="person-card" data-aos="fade-up" data-aos-delay="200">
<img src="img/서울민트초코.png" alt="서울민트초코" class="img">
<h3>서울민트초코</h3>
<p class="role">부방장</p>
<p class="desc">
부방장으로써 최선을 다하고 웹 부서에서 열심히 활동하고 있는 프론트엔드 개발자입니다.
</p>
<img src="img/대표자소개/서울민트초코소개.jpg" alt="서울민트초코 소개" class="intro-img">
</div>
<div class="person-card" data-aos="fade-up" data-aos-delay="300">
<img src="img/컴맹.png" alt="컴맹" class="img">
<h3>나는컴맹이다</h3>
<p class="role">부방장</p>
<p class="desc">
오늘도, 코딩의 부방장이며 카톡봇 등을 개발하고 있는 학생 개발자입니다!
</p>
<img src="img/대표자소개/컴맹소개.jpg" alt="컴맹 소개" class="intro-img">
</div>
</div>
</div>
</section>
<footer>
<p>Copyright © 2026 <strong>오늘도, 코딩</strong> & <strong>서울민트초코</strong>. All rights reserved.</p>
<p class="notice">
본 사이트의 모든 콘텐츠는 저작권법의 보호를 받으며, <br class="mobile-br">
<strong>허가받지 않은 무단 전재, 복제 및 재배포를 엄격히 금합니다.</strong>
</p>
<p class="maker">사이트 제작자: <a href="https://github.com/minirang">서울민트초코</a></p>
<p class="maker">도움: <a href="https://chatgpt.com">ChatGPT</a></p>
<p class="maker">문의: <!--<a href="https://open.kakao.com/o/sJdbg89h">방장 오픈프로필</a>--><a href="mailto:cjoonyoung0416@gmail.com">cjoonyoung0416@gmail.com</a>
</p>
</footer>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="script.js"></script>
</body>
</html>