Finite-Loop-Club-NMAMIT · musafircodes · Oct 18, 2023 · Oct 20, 2023 · Oct 22, 2023
diff --git a/flclogo.jpg b/flclogo.jpg
diff --git a/hacker-pc.gif b/hacker-pc.gif
diff --git a/index.html b/index.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stealth Bot</title>
+    <link rel="stylesheet" type="text/css" href="styles.css">
+    <script src="typewriter.js "></script>
+
+</head>
+<body>
+    <div>
+        <div id='flclogo'>
+            <img src="./flclogo.jpg" alt="Logo" class='flclogo'/>
+        </div>
+        <div id='stealthlogo'>
+            <img src="./stealthlogo.jpg" alt="Logo" class='stealthlogo'/>
+        </div> 
+    </div>
+
+    <div class='menu'>
+        <header>
+        <nav>
+        <a href="#set-up">Set Me Up</a>
+        <a href="#how-to-set-up">How to Set Up</a>
+        <a href="#about-us">About Us</a>
+        <a href="#contact-my-developers">Contact my Developers</a>
+        </nav>
+        </header>
+    </div>
+
+    <div class="para1">
+        <p id="text1"></p>
+        <h1 id="title"></h1>
+    </div>    
+    <div class="para2">
+        <p id="text2"></p>
+    </div> 
+
+    <br>
+    <br>
+    <br>
+    <section id="set-up">
+        <button class="button" role="button" href=""><span class="text">SET ME UP</span></button>
+    </section>
+    <br>
+    <br>
+    <br>
+    <div class="content">
+        <section id="about-us">
+        <IMG SRC="C:\Users\Sahil Kambli\Documents\stealthbot\stealth-bot\shrek-robin-hood.gif">
+        <h1><b>About Me</b></h1>
+        <p>Hi, I'm Stealth Bot! I'm an anonymous chatbot that lets you chat on Discord without revealing your identity. You can also use me to forward messages <br> to a designated channel anonymously. Moderators can see the original sender of forwarded messages in a separate channel.</p>
+        <br><h2><b>Features:</b></h2>
+        <ul>
+            <li>Complete Anonymity: I protect your identity by letting you chat anonymously on Discord.</li>
+            <li>Anonymous Message Forwarding: You can send messages to me or the channel on the server, and I will repost them anonymously to a designated channel.</li>
+            <li>Moderator Visibility: Forwarded messages are displayed in a separate channel, allowing moderators to see the original sender.</li>
+        </ul>
+        <p>I'm still under development, but I'm excited to help you communicate with others anonymously and securely!</p></p>
+        </section>
+        <br><section id="how-to-set-up">
+        <IMG SRC="C:\Users\Sahil Kambli\Documents\stealthbot\stealth-bot\hacker-pc.gif">
+        <h1><b>How to Set Up:</b></h1>
+        <p>how to set up page.</p>
+        </section>
+        <br><section id="about-us">
+        <h1><b>About Us</b></h1>
+        <br><p>This is the about us page.</p>
+        </section>
+        <section id="contact-my-developers">
+        <br><h1><b>Contact my Developers</b></h1>
+        <p>Github?</p>
+        </section>
+    </div>
+</body>
+</html>
diff --git a/shrek-robin-hood.gif b/shrek-robin-hood.gif
diff --git a/stealthlogo.jpg b/stealthlogo.jpg
diff --git a/styles.css b/styles.css
@@ -0,0 +1,158 @@
+body {
+    font-family: 'GG Sans', sans-serif;
+    background-color: #363940;
+    width:fit-content;
+  }
+
+  .landing-page {
+    padding: 50px;
+    text-align: center;
+  }
+
+  .flclogo {
+    width: 500px; 
+    height: 15%; 
+    position: absolute;
+    top: 10px; 
+    left:1000PX;
+    z-index: 1000; 
+}
+
+.stealthlogo {
+    width: 150px;
+    height: auto;
+    position: absolute;
+    top: 10px; 
+    left: 10px; 
+    max-width: 100%;
+}
+
+
+
+
+  header {
+    width: 100%;
+    height: 15vh;
+    font-family: 'GG Sans', sans-serif;
+    font-size: 50px;
+    font-weight: bold;
+    border-bottom: 1px solid #ccc;
+    border-bottom: none;
+    margin-left: 15%;
+    opacity: 0.5;
+
+  }
+  .menu a{
+    font-family: 'GG Sans', sans-serif;
+
+    text-decoration: none;
+    color: #ffffff;
+    padding: 10px 20px;
+    font-size: 20px;
+  }
+  nav {
+    width: 100%;
+    height: 100px;
+    background-color: #363940;
+
+  }
+  nav a {
+    color: #b4b4b4;
+  }
+
+  nav a:hover {
+    color: #000;
+  }
+
+  .content {
+    margin-left: 4%;
+    font-family: 'GG Sans', sans-serif;
+    font-size:25px;
+    color: #ccc;
+    opacity: 0.5;
+}
+
+
+.button {
+  align-items: center;
+  margin-left: 650px;
+  background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
+  border: 0;
+  border-radius: 8px;
+  box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
+  box-sizing: border-box;
+  color: #FFFFFF;
+  display: flex;
+  font-family: Phantomsans, sans-serif;
+  font-size: 20px;
+  justify-content: center;
+  line-height: 1em;
+  max-width: 100%;
+  min-width: 140px;
+  padding: 3px;
+  text-decoration: none;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: manipulation;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.button:active,
+.button:hover {
+  outline: 0;
+}
+
+.button span {
+  background-color: rgb(5, 6, 45);
+  padding: 16px 24px;
+  border-radius: 6px;
+  width: 100%;
+  height: 100%;
+  transition: 300ms;
+}
+
+.button:hover span {
+  background: none;
+}
+
+@media (min-width: 768px) {
+  .button {
+    font-size: 24px;
+    min-width: 196px;
+  }
+}
+
+#text1 {
+  margin-left: 10%;
+  font-family: 'GG Sans', sans-serif;
+  font-size: px;
+  color: #ccc;
+  opacity: 0.5;
+  margin-top: 250px;
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 2px solid #000;
+}
+
+#text2 {
+  margin-left: 10%;
+  font-family: 'GG Sans', sans-serif;
+  font-size: 40px;
+  color: #ccc;
+  opacity: 0.5;
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 40px solid #000;
+}
+
+#title {
+  margin-left: 10%;
+  font-family: 'GG Sans', sans-serif;
+  color: #ccc;
+  opacity: 0.5;
+  overflow: hidden;
+  white-space: nowrap;
+  border-right: 2px solid #000;
+  font-size: 95px;
+}
diff --git a/typewriter.js b/typewriter.js
@@ -0,0 +1,19 @@
+function typeWriterEffect(id, text, speed) {
+    const element = document.getElementById(id);
+    let i = 0;
+
+    function type() {
+        if (i < text.length) {
+            element.textContent += text.charAt(i);
+            i++;
+            setTimeout(type, speed);
+        }
+    }
+
+    type();
+}
+
+window.onload = function() {
+    typeWriterEffect("title", "Hello, I am Stealth Bot", 50);
+    typeWriterEffect("text2", "A Fully Anonymous Chatbot for Your Discord Server", 50);
+};