reupload

ll0zlk · Jun 24, 2024 · 445701b · 445701b
commit 445701b
Show file tree

Hide file tree

Showing 554 changed files with 67,637 additions and 0 deletions.
diff --git a/api.js b/api.js
@@ -0,0 +1,33 @@
+const express = require('express');
+const app = express();
+const cors = require('cors');
+const port = 4000;
+app.use(cors());
+
+app.get('/', (req, res) => {
+  res.send('Server is running');
+});
+
+/* API 정보 */
+app.get('/:name', (req, res) => {
+  const name = req.params.name;
+  const members = {
+    '이효진': { where: 'atv', genre: 'hiphop', position: 'member'},
+    '김성환': { where: 'atv', genre: 'hiphop', position: 'leader'},
+    '한소민': { where: 'atv', genre: 'waacking', position: 'leader'},
+    '임다희': { where: 'atv', genre: 'locking', position: 'member'},
+    '최서원': { where: 'atv', genre: 'hiphop', position: 'member'},
+    '유승주': { where: 'pre', genre: 'bboying', position: 'leader'},
+    '한이윤': { where: 'reserve', genre: 'hiphop', position: 'leader'}
+  };
+
+  if (members[name]) {
+    res.json(members[name]);
+  } else {
+    res.status(404).json({ error: 'Member not found' });
+  }
+});
+
+app.listen(port, () => {
+  console.log(`Server is running on port ${port}`);
+});
diff --git a/contact.html b/contact.html
@@ -0,0 +1,128 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>UCDC</title>
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:[email protected]&family=Oswald:[email protected]&display=swap" rel="stylesheet">
+  <script src="main.js"></script>
+  <link rel="stylesheet" href="style.css">
+  <style>
+    .wrap-container {
+      height: auto;
+      min-height: 100%;
+      padding-bottom: 30px; /* footer의 높이 */
+      border: 1px solid #d05555;
+      border-radius: 10px;
+      width: 80%;
+      margin: 0 auto;
+    }
+
+    .function-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      min-height: 548px;
+      text-align: center;
+      justify-content: center;
+    }
+
+    .function-list a {
+      text-decoration-line: none;
+    }
+
+    .function-list p {
+      width: 50%;
+      max-width: 500px;
+      min-width: 300px;
+      color: #e96d6d;
+      border: 1px solid #d05555;
+      border-radius: 50px;
+      margin: 5px auto;
+      padding: 10px;
+      font-size: 16px;
+    }
+
+    .function-list p:hover {
+      background-color: #e96d6dd2;
+      color: #fff;
+    }
+
+    footer {
+      height: 30px;
+      position: relative;
+      transform: translateY(0%);
+      background-color: #444444;
+      color: #fff;
+      text-align: center;
+      align-content: center;
+      margin-top: 35px;
+    }
+
+    @keyframes fadeOut {
+      0% {
+        opacity: 1;
+      }
+      100% {
+        opacity: 0;
+      }
+    }
+
+    .copy-complete::after {
+      content: "복사 완료!";
+      position: absolute;
+      top: 20%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background-color: #e96d6dd2;
+      color: #fff;
+      padding: 5px 10px;
+      border-radius: 5px;
+      animation: fadeOut 3s forwards;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="header-container">
+    <header>
+      <a href="index.html" target="_self" title="main-page">
+        <img src="images/UCDC_namelogo.png" alt="UCDC-namelogo">
+      </a>
+    </header>
+    <nav>
+      <div id="menu">
+        <ul>
+          <li><a href="introduce.html" class="menuLink" target="_self">INTRODUCE</a></li>
+          <li><a href="member.html" class="menuLink" target="_self">MEMBER</a></li>
+          <li><a href="#" class="menuLink" onclick="passWord()">FUNCTION</a></li>
+          <li><a href="contact.html" class="menuLink" target="_self" style="color: #d05555;">CONTACT</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+  <div class="wrap-container">
+    <div class="function-list">
+      <a href="https://youtube.com/@pknuucdc?si=VqtMf6Ln6-ctWPPl" target="_blank"><p>YOUTUBE</p></a>
+      <a href="https://www.instagram.com/pknuucdc/" target="_blank"><p>INSTAGRAM</p></a>
+      <a href="https://www.facebook.com/ucdcpknu/" target="_blank"><p>FACEBOOK</p></a>
+      <p onclick="copy(event, '[email protected]')">E-MAIL</p>
+      <p onclick="copy(event, '부산광역시 남구 용소로 45, 국립부경대학교 D14(E31) 304호')">ADDRESS</p>
+    </div>
+  </div>
+  <footer>
+    <div>&copy; LeeHyojin</div>
+  </footer>
+  <script>
+    function copy(event, text) {
+      navigator.clipboard.writeText(text).then(function() {
+        event.target.classList.add('copied');
+        event.target.classList.add('copy-complete');
+        setTimeout(function() {
+          event.target.classList.remove('copy-complete');
+        }, 1000);
+      });
+    }
+  </script>
+</body>
+</html>
diff --git a/function.html b/function.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>UCDC</title>
+  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:[email protected]&family=Oswald:[email protected]&display=swap" rel="stylesheet">
+  <script src="main.js"></script>
+  <link rel="stylesheet" href="style.css">
+  <style>
+    .wrap-container {
+      height: auto;
+      min-height: 100%;
+      padding-bottom: 30px; /* footer의 높이 */
+      border: 1px solid #d05555;
+      border-radius: 10px;
+      width: 80%;
+      margin: 0 auto;
+    }
+
+    .function-list {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      min-height: 548px;
+      text-align: center;
+      justify-content: center;
+    }
+
+    .function-list a {
+      text-decoration-line: none;
+    }
+
+    .function-list p {
+      width: 50%;
+      max-width: 500px;
+      min-width: 300px;
+      color: #e96d6d;
+      border: 1px solid #d05555;
+      border-radius: 50px;
+      margin: 5px auto;
+      padding: 10px;
+      font-size: 16px;
+    }
+
+    .function-list p:hover {
+      background-color: #e96d6dd2;
+      color: #fff;
+    }
+
+    footer {
+      height: 30px;
+      position: relative;
+      transform: translateY(0%);
+      background-color: #444444;
+      color: #fff;
+      text-align: center;
+      align-content: center;
+      margin-top: 35px;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="header-container">
+    <header>
+      <a href="index.html" target="_self" title="main-page">
+        <img src="images/UCDC_namelogo.png" alt="UCDC-namelogo">
+      </a>
+    </header>
+    <nav>
+      <div id="menu">
+        <ul>
+          <li><a href="introduce.html" class="menuLink" target="_self">INTRODUCE</a></li>
+          <li><a href="member.html" class="menuLink" target="_self">MEMBER</a></li>
+          <li><a href="function.html" class="menuLink" style="color: #d05555;">FUNCTION</a></li>
+          <li><a href="contact.html" class="menuLink" target="_self">CONTACT</a></li>
+        </ul>
+      </div>
+    </nav>
+  </div>
+  <div class="wrap-container">
+    <div class="function-list">
+      <p onclick="window.open('timetable.html', '_blank', 'width=700'); return false;">타임테이블 생성기</p>
+      <p>기능 추가 중 . . .</p>
+      <p>기능 추가 중 . . .</p>
+    </div>
+  </div>
+  <footer>
+    <div>&copy; LeeHyojin</div>
+  </footer>
+</body>
+</html>
diff --git a/idx.css b/idx.css
@@ -0,0 +1,87 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: #e96d6daa;
+}
+
+header {
+  height: 50px;
+  padding: 0 100px;
+}
+
+.header-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #444444;
+  color: #fff;
+}
+
+header a {
+  position: absolute;
+  top: 6px;
+  left: 1%;
+}
+
+#menu ul {
+  display: flex;
+  list-style: none;
+  padding: 0;
+  gap: 30px;
+  margin-right: 20px;
+}
+
+.menuLink {
+  color: #fff;
+  font-size: 20px;
+  font-weight: 400;
+  font-family: 'Oswald';
+  text-decoration: none;
+}
+
+.menuLink:hover {
+  color: #e96d6d;
+}
+
+#main-img img {
+  width: 100%;
+}
+
+.wrap-container {
+  min-height: 649px;
+}
+
+.main-label {
+  text-align: center;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.main-label h1 {
+  font-size: 30px;
+  font-family: 'Playwrite IS';
+  color: #eeeeee9c;
+}
+
+.pics {
+  display: flex;
+  flex-direction: row;
+}
+
+.pics img {
+  width: 20%;
+}
+
+footer {
+  height: 30px;
+  position: relative;
+  transform: translateY(0%);
+  background-color: #444444;
+  color: #fff;
+  text-align: center;
+  align-content: center;
+}
diff --git a/images/UCDC_namelogo.png b/images/UCDC_namelogo.png
diff --git a/images/genre1.png b/images/genre1.png
diff --git a/images/genre2.png b/images/genre2.png
diff --git a/images/genre3.png b/images/genre3.png
diff --git a/images/genre4.png b/images/genre4.png
diff --git a/images/introd1.png b/images/introd1.png
diff --git a/images/introd2.png b/images/introd2.png
diff --git a/images/introd3.png b/images/introd3.png
diff --git a/images/introd4.png b/images/introd4.png
diff --git a/images/m1.jpg b/images/m1.jpg
diff --git a/images/m2.jpg b/images/m2.jpg
diff --git a/images/m3.png b/images/m3.png
diff --git a/images/m4.jpg b/images/m4.jpg
diff --git a/images/m5.jpg b/images/m5.jpg
diff --git a/images/main.jpg b/images/main.jpg