forked from Friskytool/Friskytool.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (125 loc) · 7.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Friskytool</title>
<link rel="stylesheet" href="index.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.1/css/bulma.min.css" integrity="sha512-ZRv40llEogRmoWgZwnsqke3HNzJ0kiI0+pcMgiz2bxO6Ew1DVBtWjVn0qjrXdT3+u+pSN36gLgmJiiQ3cQtyzA==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-carousel.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-carousel.min.css" />
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bulma-carousel.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bulma-carousel.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-180958808-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-180958808-1');
</script>
<script data-ad-client="ca-pub-6457891969162913" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<section class="hero is-fullheight">
<div class="hero-head">
<nav class="container p-3">
<div class="level is-mobile">
<div class="level-left">
<div class="level-item title">Friskytool</div>
</div>
<div class="level-right">
<div class="level-item"><a href="https://docs.friskytool.xyz/" class="link is-info">Documentation</a></div>
<div class="level-item"><a href="https://discord.com/api/oauth2/authorize?client_id=700743797977514004&permissions=1611000937&redirect_uri=https%3A%2F%2Ffrisky.dev%2Fsuccess&response_type=code&scope=bot" class="link is-info">Invite</a></div>
</div>
</div>
</nav>
</div>
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<h1 class="title is-size-1">Giveaways reimagined</h1>
<p class="subtitle">The only discord giveaway bot you'll ever need</p>
<a href="https://discord.com/api/oauth2/authorize?client_id=700743797977514004&permissions=1611000937&redirect_uri=https%3A%2F%2Ffrisky.dev%2Fsuccess&response_type=code&scope=bot"><button class="button is-primary">Invite</button></a><a href="#features" class="ml-2"><button class="button is-info">Features</button></a>
</div>
<div class="column is-5">
<figure class="image">
<img src="main.svg" alt="">
</figure>
</div>
</div>
</div>
</div>
</section>
<section class="hero is-fullheight" id="features">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-5">
<figure class="image">
<img src="features.svg" alt="">
</figure>
</div>
<div class="column">
<h1 class="title is-size-1">Features</h1>
<div class="card subtitle">
<div class="card-header tabs is-centered mb-0">
<ul>
<li class="is-active" onclick="activate('gaws', this)"><a>Giveaways</a></li>
<li onclick="activate('reqs', this)"><a>Requirements</a></li>
<li onclick="activate('ic', this)"><a>Invite Counting</a></li>
<li onclick="activate('gs', this)"><a>Great Support</a></li>
</ul>
</div>
<div class="card-content">
<section class="tab-content is-active" id="gaws">
<h1 class="title is-size-4">Effortless Giveaways</h1>
<p class="subtitle is-size-6">Friskytool is, at it's core, a giveaway bot, and it excels at that. You can create giveaways that last up to a year and with as many winners as you want, and you have full control over everything. You can end the giveaway early, cancel the giveaway, or do anything you really want!</p>
<a href="https://docs.friskytool.xyz/commands/giveaway-commands"><button class="button is-primary">Learn More</button></a>
</section>
<section class="tab-content" id="reqs">
<h1 class="title is-size-4">Versatile Requirements</h1>
<p class="subtitle is-size-6">To add on to it's giveaway functionality, Friskytool has a slew of requirements to aid with your giveaway needs. You can require a user to have a certain level with Amari, Mee6, and many other leveling bots, require them to have invited a certain amount of people, require certain message amounts, and many more!</p>
<a href="https://docs.friskytool.xyz/important-information/requirements"><button class="button is-primary">Learn More</button></a></section>
<section class="tab-content" id="ic">
<h1 class="title is-size-4">Easy Invite Counting</h1>
<p class="subtitle is-size-6">Ever wanted to know how many people someone has invited into your server? Well with Friskytool you can! Simple invitation counting comes bundled with friskytool</p>
<a href="https://docs.friskytool.xyz/important-information/requirements"><button class="button is-primary">Learn More</button></a></section>
<section class="tab-content" id="gs">
<h1 class="title is-size-4">Great and Active Support Team</h1>
<p class="subtitle is-size-6">Any issues? Join our support server for 24/7 support with great service! We can solve your problem quickly and effectively.</p>
<a href="https://discord.gg/TMu242J"><button class="button is-primary">Join now!</button></a></section>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function activate(id, tab) {
let actives = document.querySelectorAll('.is-active')
for (i = 0; i < actives.length; i++) {
actives[i].classList.remove('is-active');
}
document.querySelector(`#${id}`).classList.add('is-active');
tab.classList.add('is-active')
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
bulmaCarousel.attach('#slider', {
slidesToScroll: 1,
slidesToShow: 3,
infinite: true,
});
</script>
</body>
</html>