Skip to content

Commit

Permalink
Merge pull request BooMzXI#5 from BankTNBD/main
Browse files Browse the repository at this point in the history
✨ : All features available
  • Loading branch information
BooMzXI authored Dec 4, 2023
2 parents b9a5e2e + 27570cc commit 07060bd
Show file tree
Hide file tree
Showing 17 changed files with 735 additions and 451 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
node_modules
data
data
package-lock.json
2 changes: 1 addition & 1 deletion app.js
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@ app.post("/write", (req, res) => {
});

app.get("/read/:id", (req, res) => {
let file = require(`${req.params.id}.json`);
let file = require(`./data/${req.params.id}.json`);
res.json(file);
res.end();
});
Expand Down
2 changes: 1 addition & 1 deletion public/about.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<script src="https://kit.fontawesome.com/009230d963.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">
<link rel="stylesheet" href="./css/about.css">
<link rel="stylesheet" href="./css/style.css">
<title>New Year!!</title>
</head>
Expand Down Expand Up @@ -42,7 +43,6 @@ <h2>Wishes and Prayers for the New Year</h2>
</div>

</div>

<script src="./js/fall.js"></script>
<script src="./js/menu.js"></script>
<script src="./js/script.js"></script>
Expand Down
49 changes: 27 additions & 22 deletions public/chat.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,19 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/chat.css">
<script src="https://kit.fontawesome.com/009230d963.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">

<title>New Year!!</title>
</head>

<body>
<div class="container">

Expand All @@ -25,43 +29,44 @@


<div class="text-explain">
<h2>What is this?<h3 class="icon"><i class="fa-regular fa-circle-question"></i></h3></h2>
<h3 id="question-hover">You can write something here and see what others have written</h3>
<h4>What is this?<h3 class="icon"><i class="fa-regular fa-circle-question"></i></h3>
</h4>
<h5 id="question-hover">You can write something here and see what others have written</h5>
</div>

<div class="prayBox">
<div class="inpBox">
<div class="headLine"></div>
<div class="textWrite">
<div class="text_inside_textWrite">
<h2><i class="fa-regular fa-envelope"></i></h2>
<div class="chat-container">
<div class="center">
<h1>Write<br>Something...</h1>
<div>
<div class="inputbox">
<input type="text" id="msg" required="required">
<span>Pray</span>
</div>
<div class="inputbox">
<input type="button" onclick="writeMsg()" value="Submit">
</div>
<input type="text" class="all-text" id="msg" placeholder="Write Something...">
<button class="confirm" onclick="writeMsg()">Confirm</button>
</div>
</div>
</div>

<div class="seeText">
<h2 id="text-pic">Randomly look at what other people have written</h2>
<div class="pic">
<button class="frame" onclick="openMsgPanel()">
<img src="./img/Doc.png" alt="">
<button class="frame">
<p id="text1"></p>
</button>
<button class="frame" id="img1" onclick="openMsgPanel()">
<img src="./img/Doc.png" alt="">
<button class="frame">
<p id="text2"></p>
</button>
<button class="frame" id="img2" onclick="openMsgPanel()">
<img src="./img/Doc.png" alt="">
<button class="frame">
<a id="text3"></a>
</button>
</div>
<div class="line"></div>
</div>

</div>

<script src="./js/fall.js"></script>
<script src="./js/menu.js"></script>
<script src="./js/script.js"></script>
<script src="./js/chat.js"></script>
</body>

</html>
70 changes: 39 additions & 31 deletions public/contact.html
Original file line number Diff line number Diff line change
@@ -1,56 +1,63 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/009230d963.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">
<link rel="stylesheet" href="./css/contact.css">
<link rel="stylesheet" href="./css/style.css">
<title>New Year!!</title>
</head>

<body>
<div class="container">

<div id="menuContainer"></div>
<div id="fallAnimationID"></div>

<div class="contact-text">
<h1>Contact us</h1>
</div>
<div class="contact-frame">
<div class="contact-frame_2">
<img src="./img/Banky.jpg" alt="" id="contact-img_1">
<div class="contact-data">
<p><i class="fa-brands fa-facebook"></i> Facebook:Thanabadee Techakasiwattana (Banky)</p>
<p><i class="fa-brands fa-instagram"></i> IG:iam.banky</p>
<p><i class="fa-brands fa-github"></i> Github:BankTNBD</p>
<p><i class="fa-brands fa-square-x-twitter"></i> X:CallMeBanky</p>
<div class="Iconexplain-text">
<p>Click on the icon below for speed</p>
</div>
<div class="button_bar">
<a href="https://www.facebook.com/IamBanky"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/iam.banky/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/BankTNBD"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/CallMeBanky"><i class="fa-brands fa-square-x-twitter"></i></a>
<div class="person">
<img src="./img/Banky.jpg" alt="" id="contact-img">
<div class="contact-data">
<p><i class="fa-brands fa-facebook"></i> Facebook:Thanabadee Techakasiwattana (Banky)</p>
<p><i class="fa-brands fa-instagram"></i> IG:iam.banky</p>
<p><i class="fa-brands fa-github"></i> Github:BankTNBD</p>
<p><i class="fa-brands fa-square-x-twitter"></i> X:CallMeBanky</p>
<div class="Iconexplain-text">
<p>Click on the icon below for speed</p>
</div>
<div class="button_bar">
<a href="https://www.facebook.com/IamBanky"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/iam.banky/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/BankTNBD"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/CallMeBanky"><i class="fa-brands fa-square-x-twitter"></i></a>
</div>
</div>
</div>

<img src="./img/Bummi.jpg" alt="" id="contact-img_1">
<div class="contact-data">
<p><i class="fa-brands fa-facebook"></i> Facebook:Patipon pongsawat</p>
<p><i class="fa-brands fa-instagram"></i> IG:Patiix06</p>
<p><i class="fa-brands fa-github"></i> Github:BooMzXI</p>
<p><i class="fa-brands fa-square-x-twitter"></i> X:BIz_Xiz</p>
<div class="Iconexplain-text">
<br>
<p>Click on the icon below for speed</p>
<div class="button_bar">
<a href="https://www.facebook.com/profile.php?id=100031681724544"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/patii0x/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/BooMzXI"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/BIz_Xiz"><i class="fa-brands fa-square-x-twitter"></i></a>
<div class="person">
<img src="./img/Bummi.jpg" alt="" id="contact-img">
<div class="contact-data">
<p><i class="fa-brands fa-facebook"></i> Facebook:Patipon pongsawat</p>
<p><i class="fa-brands fa-instagram"></i> IG:Patiix06</p>
<p><i class="fa-brands fa-github"></i> Github:BooMzXI</p>
<p><i class="fa-brands fa-square-x-twitter"></i> X:BIz_Xiz</p>
<div class="Iconexplain-text">
<p>Click on the icon below for speed</p>
<div class="button_bar">
<a href="https://www.facebook.com/profile.php?id=100031681724544"><i
class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/patii0x/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://github.com/BooMzXI"><i class="fa-brands fa-github"></i></a>
<a href="https://twitter.com/BIz_Xiz"><i class="fa-brands fa-square-x-twitter"></i></a>
</div>
</div>
</div>
</div>
Expand All @@ -64,4 +71,5 @@ <h1>Contact us</h1>
<script src="./js/menu.js"></script>
<script src="./js/script.js"></script>
</body>

</html>
41 changes: 36 additions & 5 deletions public/countdown.html
Original file line number Diff line number Diff line change
@@ -1,24 +1,54 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/009230d963.js" crossorigin="anonymous"></script>
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha384-rqDz0AgxNMDL7u3T8tNvPZkFsfAVLzchzHvrjN3R8f+k5B4L78o1Bq1XaQ3fl5or" crossorigin="anonymous">
<link rel="stylesheet" href="./css/countdown.css">
<link rel="stylesheet" href="./css/style.css">
<title>New Year!!</title>
</head>

<body>
<div class="container">

<div id="menuContainer"></div>
<div id="fallAnimationID"></div>

<div class="Cd-text">Countdown</div>
<div class="Cd-frame">
<div class="Cd-data-frame">
<div id="countdown"></div>
<div class="wrapper">
<div class="heading">
<h3>Countdown</h3>
<h1>2024</h1>
</div>
<div class="countdown">
<div class="box">
<span class="num" id="day-box">00</span>
<!--
<span class="text">Days</span>
-->
</div>
<div class="box">
<span class="num" id="hr-box">00</span>
<!--
<span class="text">Hours</span>
-->
</div>
<div class="box">
<span class="num" id="min-box">00</span>
<!--
<span class="text">Minutes</span>
-->
</div>
<div class="box">
<span class="num" id="sec-box">00</span>
<!--
<span class="text">Seconds</span>
-->
</div>
</div>
</div>

Expand All @@ -29,4 +59,5 @@
<script src="./js/script.js"></script>
<script src="./js/countdown.js"></script>
</body>

</html>
26 changes: 26 additions & 0 deletions public/css/about.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@

.about-text {
font-size: 30px;
width: 100%;
height: 100px;
display: flex;
align-items: start;
padding: 20px;
margin: 150px 0 20px 0;
}
.about-text-frame {
width: auto;
height: auto;
background: rgb(211, 211, 211);
padding: 50px;
margin: 50px;
border-radius: 10px;
}
.about-text-frame h2 {
font-size: 30px;
}
.about-text-frame p {
margin-left: 20px;
margin-top: 20px;
font-size: 18px;
}
Loading

0 comments on commit 07060bd

Please sign in to comment.