0912trytrysee

YouLan203 · Sep 12, 2024 · d0602fc · d0602fc
1 parent 22de12c
commit d0602fc
Show file tree

Hide file tree

Showing 1,102 changed files with 177,147 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.env
diff --git a/0815記錄.docx b/0815記錄.docx
diff --git a/0822記錄.docx b/0822記錄.docx
diff --git a/0823記錄.docx b/0823記錄.docx
diff --git a/0828記錄.docx b/0828記錄.docx
diff --git a/0902記錄.docx b/0902記錄.docx
diff --git a/0911記錄.docx b/0911記錄.docx
diff --git a/0912記錄.docx b/0912記錄.docx
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+# 2024GiftChangeWeb
+ Try to build a web for changing gift at 25th Dec.
diff --git a/css/home_style.css b/css/home_style.css
@@ -0,0 +1,90 @@
+@import url('https://fonts.googleapis.com/css2?family=Stick&display=swap&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=DotGothic16&family=Klee+One:wght@400;600&family=Yusei+Magic&&family=Zen+Old+Mincho:wght@400;500;600;700;900');
+html {
+    font-family: 'Klee One', sans-serif;/*字體*/
+    background-image: url('/image/background.png'); /*背景圖片*/
+    background-size: cover;
+  }
+
+body {
+    width: 1000px; /*寬度*/
+    margin: 0 auto; /*頂部、左右側（auto自動均分）*/
+    padding: 40px 20px 20px 20px; /*設定邊界*/
+}
+
+h1 {
+    font-family: 'DotGothic16', sans-serif;/*字體*/
+    margin: 0;
+    font-size: 44px;
+    line-height: 20px;
+    text-align: center;
+    padding: 20px 20px;
+    color: #6bb8ff;
+}
+
+h2{
+    font-size: 20px;
+    text-align: left;
+    line-height: 50px;
+}
+
+h3{
+    font-size: 18px;
+    text-align: center;
+    line-height: 10px;
+}
+
+.data, .goGift{
+    margin: 0 auto;
+    width: 100%;
+}
+
+.clear{
+    clear: both;
+}
+
+.left{
+    float: left;
+    font-size: 20px;
+    line-height: 20px;
+    width: 45%;
+
+}
+
+.right{
+    float: right;
+    font-size: 20px;
+    line-height: 20px;
+    width: 45%;
+}
+
+input{
+    height: 25px;
+    width: 70%;
+    float: right;
+    position:relative;
+    top: -3px;
+}
+
+.save{
+    font-family: 'DotGothic16', sans-serif;/*字體*/
+    font-size: 20px;
+    width: 80px;
+    height: 40px;
+    margin-left: 82%;
+}
+
+.go{
+    margin-left: 46%;
+    font-family: 'Zen Maru Gothic', sans-serif;/*字體*/
+    font-size: 32px;
+    color: #e51212;
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+}
+
+footer{
+    position: absolute;
+    bottom: 20px;
+    text-align: left;
+}
diff --git a/css/index_style.css b/css/index_style.css
@@ -0,0 +1,65 @@
+@import url('https://fonts.googleapis.com/css2?family=Stick&display=swap&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=DotGothic16&family=Klee+One:wght@400;600&family=Yusei+Magic&&family=Zen+Old+Mincho:wght@400;500;600;700;900');
+html {
+    font-family: 'Klee One', sans-serif;/*字體*/
+    background-image: url('/image/background.png'); /*背景圖片*/
+    background-size: cover;
+  }
+
+body {
+    width: 1000px; /*寬度*/
+    margin: 0 auto; /*頂部、左右側（auto自動均分）*/
+    padding: 120px 20px 20px 20px; /*設定邊界*/
+}
+
+h1 {
+    font-family: 'DotGothic16', sans-serif;/*字體*/
+    margin: 0;
+    font-size: 44px;
+    line-height: 20px;
+    text-align: center;
+    padding: 20px 20px;
+    color: #6bb8ff;
+}
+
+h2{
+    font-size: 20px;
+    text-align: center;
+    line-height: 20px;
+}
+
+h3{
+    font-size: 18px;
+    text-align: center;
+    line-height: 10px;
+}
+
+main{
+    font-size: 24px;
+    text-align: center;
+    line-height: 20px;
+}
+
+.login{
+    font-family: 'DotGothic16', sans-serif;/*字體*/
+}
+
+button{
+    font-family: 'DotGothic16', sans-serif;/*字體*/
+    font-size: 20px;
+    padding: auto;
+    width: 80px;
+    height: 40px;
+}
+
+input{
+    height: 30px;
+    padding: auto;
+    position:relative;
+    top: -2px;
+}
+
+footer{
+    position: absolute;
+    bottom: 20px;
+    text-align: left;
+}
diff --git a/css/signUp_style.css b/css/signUp_style.css
@@ -0,0 +1,66 @@
+@import url('https://fonts.googleapis.com/css2?family=Stick&display=swap&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=DotGothic16&family=Klee+One:wght@400;600&family=Yusei+Magic&&family=Zen+Old+Mincho:wght@400;500;600;700;900');
+html {
+    font-family: 'Klee One', sans-serif;/*字體*/
+    background-image: url('/image/background.png'); /*背景圖片*/
+    background-size: cover;
+  }
+
+body {
+    width: 1000px; /*寬度*/
+    margin: 0 auto; /*頂部、左右側（auto自動均分）*/
+    padding: 50px 20px 20px 20px; /*設定邊界*/
+}
+
+h1 {
+    margin: 0;
+    font-size: 36px;
+    line-height: 20px;
+    text-align: center;
+    padding: 20px 20px;
+}
+
+h2{
+    font-size: 20px;
+    text-align: center;
+    line-height: 20px;
+}
+
+h3{
+    font-size: 18px;
+    text-align: center;
+    line-height: 10px;
+}
+
+main{
+    font-size: 24px;
+    text-align: center;
+    line-height: 30px;
+}
+
+.signUP{
+    width: 80%;
+    text-align: left;
+    padding-left: 160px;
+}
+
+button{
+    font-family: 'DotGothic16', sans-serif;/*字體*/
+    font-size: 20px;
+    width: 80px;
+    height: 40px;
+    margin-left: 90%;
+}
+
+input{
+    height: 25px;
+    width: 80%;
+    float: right;
+    position:relative;
+    top: -1px;
+}
+
+footer{
+    position: absolute;
+    bottom: 20px;
+    text-align: left;
+}
diff --git a/favicon.ico b/favicon.ico
diff --git a/home.html b/home.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="zh-Hant-TW">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="個人資料設定與抽獎結果確認( •̀ ω •́ )✧">
+    <meta name="author" content="UU">
+
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><!--修改icon-->
+    <link href="/css/home_style.css" rel="stylesheet" type="text/css"><!--導入CSS樣式文件-->
+    <script type="text/javascript" src="js/scripts.js"></script><!--導入JS文件-->
+    <title>2024 交換禮物大作戰_個人資料</title>
+</head>
+
+<body>
+    <header>
+        <h1>2024 聖誕交換禮物大作戰!!!╰(*°▽°*)╯</h1>
+    </header>
+    <main>
+        <div class="data">
+            <div class="left">
+                <h2>以下個人資料如需修改可直接修正，記得按保存~</h2>
+                <form id="loginForm" action="home.html">
+                    <p>帳號：<input type="text" id="username" placeholder="帳號"></p>
+                    <p>密碼：<input type="text" id="password" placeholder="密碼"></p>
+                    <p>暱稱：<input type="text" id="id" placeholder="暱稱"></p>
+                    <p>郵遞區號：<input type="text" id="localNum" placeholder="郵遞區號(超商請寫超商種類)"></p>
+                    <p>地址：<input type="text" id="address" placeholder="地址(超商請寫分店名稱或代號)"></p>
+                    <p>收件人名字：<input type="text" id="name" placeholder="收件人名字(未填則以暱稱郵寄)"></p>
+                    <p>手機號碼：<input type="text" id="phoneNum" placeholder="手機號碼(外地請寫+886或+852等開頭)"></p>
+                    <p>禮物上傳：<input type="file" id="giftCheck" accept="image/*"></p>
+                    <button type="submit" class="save" onclick="save()">保存</button>
+                </form>
+            </div>
+            <script>
+                const personData = JSON.parse(sessionStorage.getItem('personData'));
+                if (personData) {
+                    document.getElementById("username").value = personData.user;
+                    document.getElementById("password").value = personData.password;
+                    document.getElementById("id").value = personData.nickname;
+                    document.getElementById("localNum").value = personData.postCode;
+                    document.getElementById("address").value = personData.address;
+                    document.getElementById("name").value = personData.name;
+                    document.getElementById("phoneNum").value = personData.phone;
+                } else {
+                    // 如果 personData 不存在，重定向回登入頁面
+                    window.location.href = "/index.html";
+                }
+            </script>
+            <div class="right">
+                <h2>以下為收禮對象的資料，請在時間內寄出！</h2>
+                <p>暱稱：(尚未開抽)</p>
+                <p>郵遞區號：(尚未開抽)</p>
+                <p>地址：(尚未開抽)</p>
+                <p>收件人名字：(尚未開抽)</p>
+                <p>手機號碼：(尚未開抽)</p>
+            </div>
+        </div>
+        <div class="clear"></div>
+        <div class="goGift">
+            <button type="button" class="go" onclick="go()">抽!!!</button>
+        </div>
+    </main>
+    <div class="clear"></div>
+    <footer>
+        <a href="index.html">回首頁</a>
+    </footer>
+</body>
+
+</html>
diff --git a/image/background.png b/image/background.png
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="zh-Hant-TW">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="為了2024年聖誕交換禮物建立的網站╰(*°▽°*)╯">
+    <meta name="author" content="UU">
+
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><!--修改icon-->
+    <link href="css/index_style.css" rel="stylesheet" type="text/css"><!--導入CSS樣式文件-->
+    <script type="text/javascript" src="js/scripts.js"></script><!--導入JS文件-->
+    <title>2024 交換禮物大作戰!!!!</title>
+</head>
+<body>
+    <header>
+        <h1>2024 聖誕交換禮物大作戰!!!( •̀ ω •́ )✧</h1>
+        <h2>本網站用於登記參與交換禮物，以及進行抽獎。</h2>
+        <h3>請登入或註冊一個帳號 :D</h3>
+    </header>
+    <main>
+        <div class="login">
+            <form id="loginForm">
+                <p>帳號：<input type="text" id="username" placeholder="帳號" required></p>
+                <p>密碼：<input type="password" id="password" placeholder="密碼" required></p>
+                <button type="button" onclick="login()">登入</button>
+                <button type="button" onclick="signJump()">註冊</button>
+            </form>
+        </div>
+    </main>
+    <footer>
+        <a href="index.html">回首頁</a>
+    </footer>
+</body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# 2024GiftChangeWeb
		Try to build a web for changing gift at 25th Dec.