today-coding.github.io/index.html at main · today-coding/today-coding.github.io · GitHub

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
<!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">
                오늘도, 코딩<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>
        </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>