Skip to content

Commit

Permalink
Added animated stats in landing page!
Browse files Browse the repository at this point in the history 
Added Terms of Services!
Added Teams Page(Not Content Yet)
  • Loading branch information
@Sayad-Uddin-Tahsin
Sayad-Uddin-Tahsin committed Oct 24, 2022
1 parent 2c2db40 commit 819f20e
Show file tree
Hide file tree
Showing 8 changed files with 292 additions and 33 deletions.
2 changes: 1 addition & 1 deletion assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ nav.nav-w {
}
.vert-move {
border-radius: 10%;
box-shadow: inset 0px 0px 19px 5px #fff, inset 20px 0 80px #f0f, inset -20px 0 80px #0ff, inset 20px 0 100px #f0f, inset -20px 0 50px #0ff, 0 0 50px #fff, -10px 0 30px #5600ff5e, 10px 0 30px #fe000038;
box-shadow: inset 0px 0px 19px 5px #fff, inset 20px 0 80px #f0f, inset -20px 0 80px #0ff, inset 20px 0 100px #f0f, inset -20px 0 50px #0ff, 0 0 50px #fff, -10px 0 30px #4300feeb, 10px 0 30px #ff5900;
}

.has-image-centered {
Expand Down
Empty file added assets/css/teams.css
View file
Empty file.
Binary file added assets/img/ADT.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
62 changes: 43 additions & 19 deletions assets/js/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,44 +88,68 @@ $('.counter').each(function() {
});
});

document.getElementById("cp-year").innerHTML = new Date().getFullYear();

// ------------------ Start ----------------------

document.getElementById("cp-year").innerHTML = new Date().getFullYear();
// conter Boxs
let boxOne = document.getElementsByClassName("boxOne"); // 380+
let boxTwo = document.getElementsByClassName("boxTwo"); // 85+
let boxThree = document.getElementsByClassName("boxThree"); // 100,000+
let boxOne = document.getElementsByClassName("boxOne"); // x
let boxTwo = document.getElementsByClassName("boxTwo"); // y
let boxThree = document.getElementsByClassName("boxThree"); // z

// Counter function
// conter function
const counter = () => {
// First Counter
let count = setInterval(() => {
// First conter
const x = 380;
const y = 85;
const z = 100000;

const count = setInterval(() => {
let i = parseInt(boxOne[0].innerText);
boxOne[0].innerText = (i += 5).toString();
if (i == 380) {
boxOne[0].innerText = i += 5;
if (i === x) {
clearInterval(count);
}
}, 21);
}, 10);

// Second Counter
let countTow = setInterval(() => {
const countTow = setInterval(() => {
let j = parseInt(boxTwo[0].innerText);
boxTwo[0].innerText = (j += 5).toString();
if (j == 85) {
boxTwo[0].innerText = j += 5;
if (j === y) {
clearInterval(countTow);
}
}, 59);
}, 10);

// Thired Counter
let countThree = setInterval(() => {
const countThree = setInterval(() => {
let k = parseInt(boxThree[0].innerText);
boxThree[0].innerText = (k += 500).toString();
if (k === 100000) {
boxThree[0].innerText = k += 500;
if (k === z) {
clearInterval(countThree);
}
}, 5);
console.log("now it works");
};
counter()

//-------------------- End ---------------------
// counter();
//-------------------- End ---------------------

const elem = document.querySelector("#statsx");

const observer = new IntersectionObserver(intersectionObserverHandler, {
root: null,
rootMargin: "170px",
threshold: 1.0,
});

observer.observe(elem);

function intersectionObserverHandler(intersectionObserverEntries) {
const entry0 = intersectionObserverEntries[0];

if (entry0.target === elem && entry0.isIntersecting) {
counter();
observer.unobserve(elem);
}
}
7 changes: 6 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,6 +83,9 @@
</div>

<div class="navbar-end">
<a href="./teams.html" class="navbar-item is-tab">
Team
</a>
<a href="https://discord.gg/UYKsjp5AeK" class="navbar-item is-tab" target="_blank">
Support Server
</a>
Expand Down Expand Up @@ -119,7 +122,7 @@
</div>
<div class="column mt-6" data-aos="fade-left">
<img class="image has-image-centered vert-move mt-4"
src="https://cdn.discordapp.com/avatars/821445736322695179/8b62eb7c1a4feeced2c0a24ce78cc671.png?size=1024"
src="https://cdn.discordapp.com/avatars/821445736322695179/8b62eb7c1a4feeced2c0a24ce78cc671.png?size=1024"
alt="hero image" style="width: 20rem;" />
</div>
</div>
Expand Down Expand Up @@ -258,6 +261,7 @@ <h4 class="title">Fun<span class="has-text-info">#4</span></h4>
<!-- Features Section End -->

<!-- Stats Section Start -->
<div id="statsx">
<section id="stats" class="section mt-6">
<div class="has-text-centered">
<h1 class="title lined">Stats</h1>
Expand All @@ -284,6 +288,7 @@ <h1 class="title lined">Stats</h1>
</div>
</div>
</section>
</div>
<!-- Stats Section End -->

<!-- Invite Section Start -->
Expand Down
4 changes: 3 additions & 1 deletion privacy-policy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,6 +168,8 @@ <h3><span class="subtitle has-text-weight-bold lined">
Bot)</li>
<br>
<li>Suggestion/Report Message (For further inquiry)</li>
<br>
<li>Number from Counting Feature <b><i>[Upcoming]</i></b></li>
</p>

<h3><span class="subtitle has-text-weight-bold lined"><br><strong>Database Security</strong></span></h3>
Expand Down Expand Up @@ -201,7 +203,7 @@ <h3><span class="subtitle has-text-weight-bold lined"><br><strong>Database Secur
<small>
<p class="is-uppercase">By Pressing the Button you are agreeing our
<a href="./privacy-policy.html" class="blurple has-text-weight-bold">Privacy Policy</a> & <a
href="./terms-conditions.html" class="blurple has-text-weight-bold">Terms of Services</a>
href="./terms-of-services.html" class="blurple has-text-weight-bold">Terms of Services</a>
</small>
</p>
<a href="https://discord.com/api/oauth2/authorize?client_id=821445736322695179&permissions=8&redirect_uri=https%3A%2F%2Fdiscord.com%2Finvite%2FUYKsjp5AeK&response_type=code&scope=identify%20bot%20applications.commands"
Expand Down
215 changes: 215 additions & 0 deletions teams.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,215 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Assistant - Development Team</title>
<meta property="og:title" content="Assistant Discord Bot">
<meta name="twitter:title" content="Assistant Discord Bot">
<meta name="description" content="Development Team">
<meta property="og:description" content="Development Team">
<meta name="twitter:description" content="Development Team">

<meta property="og:image"
content="https://cdn.discordapp.com/attachments/923117576832290826/1033720475177734144/ADT.jpg">
<meta name="twitter:image"
content="https://cdn.discordapp.com/attachments/923117576832290826/1033720475177734144/ADT.jpg">


<link rel="icon" type="image/x-icon" href="https://cdn.discordapp.com/attachments/923117576832290826/1033720475177734144/ADT.jpg">
<link rel="stylesheet" href="assets/css/bulma.min.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/teams.css" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/tippy.js@6/animations/scale.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer" />

<script src="assets/js/jquery-3.6.0.js"></script>
</head>

<body>
<!-- Back To Top Start -->
<a id="backtotop" data-tippy-content="Back To Top.">
<i class="fa-solid fa-angle-up has-text-white fa-2xl mt-5"></i>
</a>
<!-- Back To Top End -->

<!-- Navbar Start -->
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand mt-2 mb-2">
<a class="navbar-item" href="./">
<strong>Assistant</strong>

<!-- or if you want to use image -->
<!-- <img
src="image link or path"
width="112"
height="28"
/> -->
</a>

<a role="button" class="navbar-burger has-text-white" data-target="navMenu" aria-label="menu"
aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>

<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a href="./" class="navbar-item is-tab">
Home
</a>
<a href="#invite" class="navbar-item is-tab">
Invite
</a>
<a href="#team" class="navbar-item is-tab">
Development Team
</a>
<a href="./privacy-policy.html" class="navbar-item is-tab">
Privacy Policy
</a>
</div>
<div class="navbar-end">
<a href="https://discord.gg/UYKsjp5AeK" class="navbar-item is-tab" target="_blank">
Support Server
</a>
</div>
</div>
</div>
</nav>
<!-- Navbar End -->
<!-- Hero Section Start -->
<section class="hero bg-base is-fullheight">
<div class="hero-body">
<div class="">
<div class="columns">
<div class="column mr-6 mt-12" data-aos="fade-up">
<p class="title has-text-white has-text-weight-bold">
Let's meet with our cool <span class="blurple">Development Team</span>
</p>
<p class="subtitle has-text-grey-light is-size-6 mt-3">
Why we are waiting? Let's meet with them!
</p>
<div class="buttons">
<a href="https://discord.com/api/oauth2/authorize?client_id=821445736322695179&permissions=8&redirect_uri=https%3A%2F%2Fdiscord.com%2Finvite%2FUYKsjp5AeK&response_type=code&scope=identify%20bot%20applications.commands"
class="button is-info">
<strong>Add To Discord</strong>
</a>

<a href="https://discord.gg/UYKsjp5AeK" class="button is-primary is-outlined">
<strong>Support</strong>
</a>
</div>
</div>
<div class="column mt-6" data-aos="fade-left">
<img class="image has-image-centered vert-move mt-4" src="https://cdn.discordapp.com/attachments/923117576832290826/1033720475177734144/ADT.jpg" alt="hero image"
style="width: 20rem;" />
</div>
</div>
</div>
</div>
<div class="has-text-centered" data-tippy-content="Scroll Down">
<a href="#team"><i class="fa-solid fa-circle-chevron-down fa-lg vert-move2 has-text-white"></i></a>
</div>
</section>
<!-- Hero Section End -->

<!-- Hero Waves Start -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#1a2634" fill-opacity="1"
d="M0,288L24,261.3C48,235,96,181,144,154.7C192,128,240,128,288,149.3C336,171,384,213,432,202.7C480,192,528,128,576,133.3C624,139,672,213,720,213.3C768,213,816,139,864,101.3C912,64,960,64,1008,106.7C1056,149,1104,235,1152,240C1200,245,1248,171,1296,144C1344,117,1392,139,1416,149.3L1440,160L1440,0L1416,0C1392,0,1344,0,1296,0C1248,0,1200,0,1152,0C1104,0,1056,0,1008,0C960,0,912,0,864,0C816,0,768,0,720,0C672,0,624,0,576,0C528,0,480,0,432,0C384,0,336,0,288,0C240,0,192,0,144,0C96,0,48,0,24,0L0,0Z">
</path>
</svg>
<!-- Hero Waves End -->

<!-- Features Section Start -->
<section id="team" class="section mt-6">
<div class="team-image-m1">

</div>
<div class ="team-page-m1"></div>

<div class="team-image-m2">

</div>
<div class ="team-page-m2"></div>
<br>
<div class="team-image-m3">

</div>
<div class ="team-page-m3"></div>

<div class="team-image-m4">

</div>
<div class ="team-page-m4"></div>


</section>
<!-- Features Section End -->

<!-- Invite Section Start -->
<section id="invite" class="section mt-6">
<div class="columns">
<div class="column has-text-left">
<p class="title has-text-weight-bold">
Add <span class="blurple">Assistant</span> Now!
</p>
<p class="subtitle mt-3 has-text-gray">
Assistant's Amazing feature is helping people much and I hope it'll help you also we'd like to help you! Why
you are waiting for? Add Assistant Now!<br>
<small>
<p class="is-uppercase">By Pressing the Button you are agreeing our
<a href="./privacy-policy.html" class="blurple has-text-weight-bold">Privacy Policy</a> & <a
href="./terms-of-services.html" class="blurple has-text-weight-bold">Terms of Services</a>
</small>
</p>
<a href="https://discord.com/api/oauth2/authorize?client_id=821445736322695179&permissions=8&redirect_uri=https%3A%2F%2Fdiscord.com%2Finvite%2FUYKsjp5AeK&response_type=code&scope=identify%20bot%20applications.commands"
class="button is-blurple is-medium"><strong><i class="fa-brands fa-discord"></i>
Invite Assistant</strong></a>

</div>


</section>
<!-- Invite Section End -->

<!-- Footer Section Start -->
<footer class="footer bg-base">
<div class="content has-text-centered has-text-white">
<p>Thanks for being part of our Journey!</p>
<div class="mb-2">

<a href="https://discord.gg/UYKsjp5AeK" class="has-text-white" target="_blank">
<i class="fa-brands fa-discord"></i> Assistant Support Server
</a>

</div>

<p>

© 2021 - <span id="cp-year"></span> Copyright Assistant Development.<br>All Rights
Reserved.
</p>

<p style="letter-spacing: 0.1em;" class="is-uppercase">Our
<a href="./privacy-policy.html" class="blurple has-text-weight-bold">Privacy Policy</a> & <a
href="./terms-of-services.html" class="blurple has-text-weight-bold">Terms of Services</a>
</p>
</div>
</footer>
</div>
</footer>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
<script src="assets/js/script.js"></script>
</body>

</html>
Loading

1 comment on commit 819f20e

@vercel
Copy link

@vercel vercel bot commented on 819f20e Oct 24, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

assistant-web – ./

assistant-discord.vercel.app
assistant-web-sayad-uddin-tahsin.vercel.app
assistant-8683.vercel.app
assistant-web-git-main-sayad-uddin-tahsin.vercel.app

Please sign in to comment.