forked from astroid-app/website-rework
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinvite.php
145 lines (123 loc) · 8.3 KB
/
invite.php
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
141
142
143
144
145
<?php include 'inc/decoration.php'; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>💖 Astroid | Invite</title>
<link href="/src/styles/output.css" rel="stylesheet">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="/src/assets/overrides.css">
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta content="Invite | 💖 Astroid" property="og:title" />
<meta content="Experience Astroid right now by inviting our bots to your server." property="og:description"/>
<meta content="https://astroid.cc/invite" property="og:url" />
<meta content="https://astroid.cc/src/assets/img/astroid_logo.png" property="og:image" />
<meta content="#3D60FF" data-react-helmet="true" name="theme-color" />
<?php include 'inc/head.php'; ?>
</head>
<body class="bg-gray-900">
<?php include 'inc/nav.php'; ?>
<div class="relative isolate overflow-hidden bg-gray-900">
<svg class="absolute inset-0 -z-10 h-full w-full stroke-white/10 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)] animate-fade-down" aria-hidden="true">
<defs>
<pattern id="983e3e4c-de6d-4c3f-8d64-b9761d1534cc" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
<path d="M.5 200V.5H200" fill="none" />
</pattern>
</defs>
<svg x="50%" y="-1" class="overflow-visible fill-gray-800/20">
<path d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z" stroke-width="0" />
</svg>
<rect width="100%" height="100%" stroke-width="0" fill="url(#983e3e4c-de6d-4c3f-8d64-b9761d1534cc)" />
</svg>
<div class="absolute left-[calc(50%-4rem)] top-10 -z-10 transform-gpu blur-3xl sm:left-[calc(50%-18rem)] lg:left-48 lg:top-[calc(50%-30rem)] xl:left-[calc(50%-24rem)] animate-fade animate-duration-[3000ms]" aria-hidden="true">
<div class="aspect-[1108/632] w-[69.25rem] bg-gradient-to-r from-[#00AEFFFF] to-[ #0051FFFF] opacity-20" style="clip-path: polygon(73.6% 51.7%, 91.7% 11.8%, 100% 46.4%, 97.4% 82.2%, 92.5% 84.9%, 75.7% 64%, 55.3% 47.5%, 46.5% 49.4%, 45% 62.9%, 50.3% 87.2%, 21.3% 64.1%, 0.1% 100%, 5.4% 51.1%, 21.4% 63.9%, 58.9% 0.2%, 73.6% 51.7%)"></div>
</div>
<div class="mx-auto max-w-7xl px-6 pb-24 pt-10 sm:pb-32 lg:flex lg:px-8 lg:py-40 animate-fade">
<div class="mx-auto max-w-2xl flex-shrink-0 lg:mx-0 lg:max-w-xl lg:pt-8">
<h1 class="mt-10 text-4xl font-bold tracking-tight text-white sm:text-6xl">Invites</h1>
<p class="mt-6 text-lg leading-8 text-gray-300">Start now by inviting our bots</p>
<div class="mt-10 flex items-center gap-x-5">
<a href="/" class="flex-1 text-center rounded-md bg-blue-900 px-3.5 py-2.5 text-sm font-semibold text-blue-300 shadow-sm hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"><i class="fa-solid fa-house"></i> Back Home</a>
</div>
</div>
</div>
</div>
<div class="container mx-auto px-6 py-10 text-white">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-5">
<div class="card bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold text-white">Discord</h2>
<p class="text-gray-300 mt-4">Control every aspect of your bridge with the Astroid Discord Bot and start growth outside of Discord.</p>
<a href="https://api.astroid.cc/invite/discord" target="_blank" class="mt-4 inline-flex items-center gap-x-2 bg-blue-900 text-blue-300 px-4 py-2 rounded-md shadow-sm hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400">Invite the Astroid Discord Bot <i class="fa-solid fa-external-link"></i></a>
</div>
<div class="card bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold text-white">Guilded</h2>
<p class="text-gray-300 mt-4">Connect your Guilded Server with Astroid to grow your community.</p>
<a href="https://api.astroid.cc/invite/guilded" target="_blank" class="mt-4 inline-flex items-center gap-x-2 bg-blue-900 text-blue-300 px-4 py-2 rounded-md shadow-sm hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400">Invite the Astroid Guilded Bot <i class="fa-solid fa-external-link"></i></a>
</div>
<div class="card bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold text-white">Nerimity</h2>
<p class="text-gray-300 mt-4">The platform for known for its customization now available with Astroid!</p>
<a href="https://api.astroid.cc/invite/nerimity" target="_blank" class="mt-4 inline-flex items-center gap-x-2 bg-blue-900 text-blue-300 px-4 py-2 rounded-md shadow-sm hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400">Invite the Astroid Nerimity Bot <i class="fa-solid fa-external-link"></i></a>
</div>
<div class="card bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold text-white">Revolt</h2>
<p class="text-gray-300 mt-4">Apply for Beta to get access to the Astroid Revolt Bot.</p>
<a href="https://api.astroid.cc/discord" target="_blank" class="mt-4 inline-flex items-center gap-x-2 bg-blue-900 text-blue-300 px-4 py-2 rounded-md shadow-sm hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400">Join Discord server <i class="fa-solid fa-external-link"></i></a>
</div>
<div class="card bg-gray-800 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold text-white">Beta</h2>
<p class="text-gray-300 mt-4">The closed beta is now open for everyone. Apply to get access to early access features and updates.</p>
<a href="https://api.astroid.cc/discord" target="_blank" class="mt-4 inline-flex items-center gap-x-2 bg-blue-900 text-blue-300 px-4 py-2 rounded-md shadow-sm hover:bg-blue-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400">Join Discord server <i class="fa-solid fa-external-link"></i></a>
</div>
</div>
</div>
<?php include 'inc/footer.php'; ?>
</body>
<?php include 'inc/scripts.php'; ?>
<script>
async function fetchRandomCat() {
try {
const response = await fetch('https://api.thecatapi.com/v1/images/search');
const data = await response.json();
const catImage = data[0].url;
document.getElementById('random-cat').src = catImage;
} catch (error) {
console.error('Error fetching the cat image:', error);
}
}
fetchRandomCat();
</script>
<script>
const nav = document.querySelector('.nav');
window.addEventListener('scroll', fixNav);
function fixNav() {
if (window.scrollY > nav.offsetHeight + 10) {
nav.classList.add('active');
} else {
nav.classList.remove('active');
}
}
var item = document.getElementsByClassName('item');
for (let i = 0; i < item.length; i++) {
item[i].addEventListener('click', function(el) {
el.currentTarget.classList.toggle('item--open');
for (let i = 0; i < item.length; i++) {
if (item[i] !== el.currentTarget && item[i].className === "item item--open") {
item[i].classList.remove('item--open');
}
}
});
};
function toggleDropdown() {
var dropdown = document.getElementById("dropdown");
if (dropdown.style.display === "block") {
dropdown.style.display = "none";
} else {
dropdown.style.display = "block";
}
}
</script>
</html>