Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | = πΈ JANGSU CLUB = | ||
| 2 | |||
| 3 | == μμ€ν μΈμ°, ν¨κ» κ±·λ μκ° == | ||
| 4 | |||
| 5 | μ₯μν΄λ½μ λ¨μν λͺ¨μμ λμ΄, μλ‘μ μΆμ μμνκ³ μ¨κΈ°λ₯Ό λλλ μ°λ¦¬λ€μ μμ μ²μ λλ€. | ||
| 6 | |||
| 7 | ---- | ||
| 8 | |||
| 9 | {{html}} | ||
| 10 | <style> | ||
| 11 | .main-container { | ||
| 12 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | ||
| 13 | color: #4a5568; | ||
| 14 | line-height: 1.6; | ||
| 15 | } | ||
| 16 | .welcome-banner { | ||
| 17 | background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); | ||
| 18 | padding: 2rem; | ||
| 19 | border-radius: 24px; | ||
| 20 | text-align: center; | ||
| 21 | margin-bottom: 3rem; | ||
| 22 | border: 1px solid #e2e8f0; | ||
| 23 | box-shadow: 0 4px 12px rgba(0,0,0,0.03); | ||
| 24 | } | ||
| 25 | .welcome-banner h2 { | ||
| 26 | color: #2d3748; | ||
| 27 | margin-bottom: 1rem; | ||
| 28 | font-weight: 700; | ||
| 29 | } | ||
| 30 | .quick-links { | ||
| 31 | display: flex; | ||
| 32 | justify-content: center; | ||
| 33 | gap: 1rem; | ||
| 34 | margin-bottom: 2rem; | ||
| 35 | } | ||
| 36 | .btn-soft { | ||
| 37 | padding: 0.6rem 1.2rem; | ||
| 38 | background: #fff; | ||
| 39 | border: 1px solid #cbd5e0; | ||
| 40 | border-radius: 50px; | ||
| 41 | color: #4a5568; | ||
| 42 | text-decoration: none; | ||
| 43 | font-size: 0.9rem; | ||
| 44 | font-weight: 500; | ||
| 45 | transition: all 0.2s ease; | ||
| 46 | box-shadow: 0 2px 4px rgba(0,0,0,0.05); | ||
| 47 | } | ||
| 48 | .btn-soft:hover { | ||
| 49 | background: #f7fafc; | ||
| 50 | border-color: #a0aec0; | ||
| 51 | transform: translateY(-2px); | ||
| 52 | } | ||
| 53 | .dashboard-grid { | ||
| 54 | display: grid; | ||
| 55 | grid-template-columns: 1fr 1fr; | ||
| 56 | gap: 2rem; | ||
| 57 | margin-bottom: 3rem; | ||
| 58 | } | ||
| 59 | .dash-card { | ||
| 60 | background: #fff; | ||
| 61 | border: 1px solid #e2e8f0; | ||
| 62 | border-radius: 24px; | ||
| 63 | padding: 1.5rem; | ||
| 64 | box-shadow: 0 4px 15px rgba(0,0,0,0.04); | ||
| 65 | } | ||
| 66 | .dash-card h3 { | ||
| 67 | font-size: 1.2rem; | ||
| 68 | color: #2d3748; | ||
| 69 | margin-top: 0; | ||
| 70 | margin-bottom: 1.2rem; | ||
| 71 | display: flex; | ||
| 72 | align-items: center; | ||
| 73 | gap: 0.5rem; | ||
| 74 | border-bottom: 2px solid #f7fafc; | ||
| 75 | padding-bottom: 0.5rem; | ||
| 76 | } | ||
| 77 | .news-item { | ||
| 78 | margin-bottom: 0.8rem; | ||
| 79 | font-size: 0.95rem; | ||
| 80 | display: flex; | ||
| 81 | gap: 0.5rem; | ||
| 82 | } | ||
| 83 | .news-date { | ||
| 84 | font-weight: 600; | ||
| 85 | color: #718096; | ||
| 86 | min-width: 60px; | ||
| 87 | } | ||
| 88 | .schedule-item { | ||
| 89 | margin-bottom: 0.8rem; | ||
| 90 | padding: 0.5rem; | ||
| 91 | background: #fcfcfc; | ||
| 92 | border-radius: 8px; | ||
| 93 | font-size: 0.95rem; | ||
| 94 | } | ||
| 95 | .jians-corner { | ||
| 96 | background: #fdfcf0; | ||
| 97 | border-left: 4px solid #f6ad55; | ||
| 98 | padding: 1.5rem; | ||
| 99 | border-radius: 0 20px 20px 0; | ||
| 100 | margin: 3rem 0; | ||
| 101 | font-style: italic; | ||
| 102 | color: #744210; | ||
| 103 | box-shadow: 0 2px 8px rgba(0,0,0,0.02); | ||
| 104 | } | ||
| 105 | .intro-section { | ||
| 106 | text-align: center; | ||
| 107 | max-width: 700px; | ||
| 108 | margin: 0 auto 3rem; | ||
| 109 | color: #718096; | ||
| 110 | } | ||
| 111 | .guestbook-area { | ||
| 112 | text-align: center; | ||
| 113 | margin-top: 4rem; | ||
| 114 | padding: 2rem; | ||
| 115 | background: #f8fafc; | ||
| 116 | border-radius: 24px; | ||
| 117 | border: 1px dashed #cbd5e0; | ||
| 118 | } | ||
| 119 | .btn-guestbook { | ||
| 120 | display: inline-block; | ||
| 121 | margin-top: 1rem; | ||
| 122 | padding: 0.8rem 2rem; | ||
| 123 | background: #0f766e; | ||
| 124 | color: #fff !important; | ||
| 125 | text-decoration: none; | ||
| 126 | border-radius: 50px; | ||
| 127 | font-weight: 600; | ||
| 128 | transition: background 0.3s ease; | ||
| 129 | } | ||
| 130 | .btn-guestbook:hover { | ||
| 131 | background: #0d6561; | ||
| 132 | } | ||
| 133 | |||
| 134 | @media (max-width: 768px) { | ||
| 135 | .dashboard-grid { | ||
| 136 | grid-template-columns: 1fr; | ||
| 137 | } | ||
| 138 | } | ||
| 139 | </style> | ||
| 140 | |||
| 141 | <div class="main-container"> | ||
| 142 | <div class="welcome-banner"> | ||
| 143 | <h2>μ΄μμ€μΈμ, μμ μ¨μ μ€λΉ λ€. πΈ</h2> | ||
| 144 | <p>μλ‘μ μ΄λ¦μ λΆλ₯΄λ κ²λ§μΌλ‘λ λ§μμ΄ λ°λ»ν΄μ§λ κ³³,<br>μ¬κΈ°λ μ°λ¦¬λ€μ μΌν°, μ₯μν΄λ½μ λλ€.</p> | ||
| 145 | </div> | ||
| 146 | |||
| 147 | <div class="quick-links"> | ||
| 148 | <a href="/bin/view/Membership.MemberEntryForm" class="btn-soft">π λ΄ μ 보 λ±λ‘</a> | ||
| 149 | <a href="/bin/view/Main.Members" class="btn-soft">π₯ λλ¬Έ μ°ΎκΈ°</a> | ||
| 150 | </div> | ||
| 151 | |||
| 152 | <div class="dashboard-grid"> | ||
| 153 | <div class="dash-card"> | ||
| 154 | <h3>π’ μμκ³Ό μΌμ </h3> | ||
| 155 | <div style="margin-bottom: 1.5rem;"> | ||
| 156 | <strong>μ΅κ·Ό μμ</strong> | ||
| 157 | <div class="news-item"><span class="news-date">05.15</span> <span>μ κΈ° μλ‘ν λ° μμ¬ λͺ¨μ μ§ν μ€</span></div> | ||
| 158 | <div class="news-item"><span class="news-date">04.27</span> <span>ννμ΄μ§ μ¬μ€ν λ° λμμΈ κ°νΈ</span></div> | ||
| 159 | <div class="news-item"><span class="news-date">04.20</span> <span>μ κ· λλ¬Έ λ±λ‘ μλ΄</span></div> | ||
| 160 | </div> | ||
| 161 | <div> | ||
| 162 | <strong>λ€κ°μ€λ μΌμ </strong> | ||
| 163 | <div class="schedule-item">π 05.22: μλ°κΈ° λ€νΈμν¬ κ°ν μλͺ¨μ (μμ )</div> | ||
| 164 | <div class="schedule-item">π 06.01: μλ°κΈ° κ²°μ° λ³΄κ³ ν</div> | ||
| 165 | </div> | ||
| 166 | <div style="margin-top: 1.5rem; border-top: 1px solid #edf2f7; padding-top: 1rem;"> | ||
| 167 | <strong>π λΉ λ₯Έ μ°κ²°</strong><br> | ||
| 168 | <small> | ||
| 169 | <a href="/bin/view/Blog.WebHome" style="color:#4a5568; margin-right:10px;">π λΈλ‘κ·Έ</a> | ||
| 170 | <a href="/bin/view/Main.Members" style="color:#4a5568; margin-right:10px;">π₯ λ©€λ²μκ°</a> | ||
| 171 | <a href="/bin/view/Main.History" style="color:#4a5568; margin-right:10px;">π μμ¬</a> | ||
| 172 | <a href="/bin/view/Main.Schedule" style="color:#4a5568;">π μΌμ </a> | ||
| 173 | </small> | ||
| 174 | </div> | ||
| 175 | </div> | ||
| 176 | |||
| 177 | <div class="dash-card"> | ||
| 178 | <h3>π¬ μ€μκ° νμ΄νΈλ³΄λ</h3> | ||
| 179 | <iframe | ||
| 180 | src="https://wbo.jangsuclub.com/boards/jangsuclub-main" | ||
| 181 | style="width:100%; height:320px; border:none; border-radius:12px;" | ||
| 182 | loading="lazy"> | ||
| 183 | </iframe> | ||
| 184 | <div style="text-align:right; margin-top:10px;"> | ||
| 185 | <a href="https://wbo.jangsuclub.com/boards/jangsuclub-main" target="_blank" style="font-size:0.85rem; color:#718096; text-decoration:none;"> | ||
| 186 | μ 체 νλ©΄μΌλ‘ 보기 β | ||
| 187 | </a> | ||
| 188 | </div> | ||
| 189 | </div> | ||
| 190 | </div> | ||
| 191 | |||
| 192 | <div class="intro-section"> | ||
| 193 | <h3>πΏ μ°λ¦¬λ€μ μ΄μΌκΈ°</h3> | ||
| 194 | <p>μ²μμ κ·Έμ μ¬λ μκ°λ§λ€ ν¨κ» 곡μ μ°¨λ μΉκ΅¬λ€μ΄μμ΅λλ€.<br> | ||
| 195 | μΈμμ΄ νλ¬ μ°λ¦¬κ° κ±·λ κΈΈμ μλ‘ λ¬λΌμ‘μ§λ§,<br> | ||
| 196 | ν¨κ» νλ¦° λμ κΈ°μ΅μ μ¬μ ν μ°λ¦¬λ₯Ό νλλ‘ μ΄μ΄μ€λλ€.<br> | ||
| 197 | μ΄μ λ μ±κ³Όλ μ±κ³΅λ³΄λ€, μλ‘μ μλΆλ₯Ό λ¬»κ³ λ§μμ λλλ<br> | ||
| 198 | κ·Έλ° λ€μ ν 곡λμ²΄κ° λκ³ μΆμ΅λλ€.</p> | ||
| 199 | </div> | ||
| 200 | |||
| 201 | <div class="jians-corner"> | ||
| 202 | "μ€λ ν루, λ¬΄κ±°μ΄ μ§μ μ μ λ΄λ €λμΌμ ¨λμ?<br> | ||
| 203 | μΈμμ΄ λ§νλ μ λ΅λ³΄λ€, μμ μ¨μ μ€λΉ λ€μ λ§μμ΄ νΈμν μͺ½μ ννμ ¨μΌλ©΄ μ’κ² μ΄μ.<br> | ||
| 204 | μ λ μΈμ λ μ¬κΈ°μ μ¬λ¬λΆμ κΈ°λ€λ¦¬κ³ μμκ²μ. πΈ" | ||
| 205 | </div> | ||
| 206 | |||
| 207 | <div class="guestbook-area"> | ||
| 208 | <p style="margin-bottom:1rem; color:#718096;">μ€κ°λ©° μκ°λ λ§μλ€, μμ νμ λ€μ λ¨κ²¨μ£ΌμΈμ.</p> | ||
| 209 | <a href="/bin/view/Board/view?boardId=guestbook" class="btn-guestbook">βοΈ λ°©λͺ λ‘μ λ§μ λ¨κΈ°κΈ°</a> | ||
| 210 | </div> | ||
| 211 | </div> | ||
| 212 | {{/html}} |