-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (97 loc) · 6.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="manifest" href="/manifest.json">
<title>BinBat</title>
<meta name="description" content="a very small team index page">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="plum" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" />
<meta property="og:url" content="https://binbat.com">
<meta property="og:type" content="website">
<meta property="og:title" content="BinBat">
<meta property="og:image" content="https://binbat.com/binbat.svg">
<meta property="og:description" content="a very small team index page">
<link href="./output.css" rel="stylesheet">
</head>
<body class="leading-normal tracking-normal text-indigo-400 m-6 bg-cover bg-fixed">
<div class="h-full">
<!--Nav-->
<div class="w-full container mx-auto">
<div class="w-full flex items-center justify-between">
<a class="flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-2xl lg:text-4xl" href="#">
Bin<span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">Bat</span>
</a>
<div class="flex w-1/2 justify-end content-center">
<a
class="inline-block text-blue-300 no-underline hover:text-pink-500 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4 transform hover:scale-125 duration-300 ease-in-out"
href="https://twitter.com/binbatlab"
>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6c2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4c-.9-4.2 4-6.6 7-3.8c1.1 0 3-1.2 3-1.2"/></svg>
</a>
<a
class="inline-block text-blue-300 no-underline hover:text-pink-500 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4 transform hover:scale-125 duration-300 ease-in-out"
href="https://github.com/binbat"
>
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5c.08-1.25-.27-2.48-1-3.5c.28-1.15.28-2.35 0-3.5c0 0-1 0-3 1.5c-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5c-.39.49-.68 1.05-.85 1.65S8.93 17.38 9 18v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></g></svg>
</a>
</div>
</div>
</div>
<!--Main-->
<div class="container pt-24 md:pt-36 mx-auto flex flex-wrap flex-col md:flex-row items-center">
<!--Left Col-->
<div class="flex flex-col w-full xl:w-2/5 justify-center lg:items-start overflow-y-hidden">
<h1 class="my-4 text-3xl md:text-5xl text-white opacity-75 font-bold leading-tight text-center md:text-left">
Use
<span class="bg-clip-text text-transparent bg-gradient-to-r from-green-400 via-pink-500 to-purple-500">
Live777
</span>
Build you Real-Time Application!
</h1>
<p class="leading-normal text-base md:text-2xl mb-8 text-center md:text-left">
A very simple, high performance, edge WebRTC SFU Server!
</p>
</div>
<!--Right Col-->
<div class="w-full xl:w-3/5 p-12 overflow-hidden">
<img class="mx-auto w-full md:w-4/5 transform -rotate-6 transition hover:scale-105 duration-700 ease-in-out hover:rotate-6" src="./window.avif" />
</div>
<div class="mx-auto md:pt-16">
<p class="text-blue-400 font-bold pb-8 lg:pb-6 text-center">
Our Application:
</p>
<div class="flex w-full justify-center md:justify-start pb-24 lg:pb-0 fade-in">
<a href="https://live777.pages.dev/">
<div
class="transform hover:scale-150 duration-500 bg-gradient-to-r from-violet-500 to-amber-600 hover:from-pink-500 hover:to-amber-600 text-white font-bold py-4 px-8 mx-4 rounded-xl focus:ring transform transition hover:scale-105 duration-300 ease-in-out"
>
Live777
</div>
</a>
<a href="https://github.com/binbat/woom">
<div
class="transform hover:scale-150 duration-500 bg-gradient-to-r from-purple-800 to-sky-600 hover:from-pink-500 hover:to-sky-600 text-white font-bold py-4 px-8 mx-4 rounded-xl focus:ring transform transition hover:scale-105 duration-300 ease-in-out"
>
WOOM
</div>
</a>
</div>
</div>
<!--Footer-->
<div class="w-full pt-16 pb-6 text-sm text-center md:text-left fade-in">
<a class="text-gray-500 no-underline hover:no-underline" href="#">© 2024</a>
- Power by
<a class="text-gray-500 no-underline hover:no-underline" href="https://binbat.com">BinBat Ltd</a>
</div>
</div>
</div>
<style>
body {
background-image: radial-gradient(at 79.55820276809196% 49.87919992282094%, hsla(340.44444444444446, 87.0967741935484%, 30.392156862745097%, 1) 0%, hsla(340.44444444444446, 87.0967741935484%, 30.392156862745097%, 0) 100%), radial-gradient(at 3.648082889099946% 13.281948325599146%, hsla(196.44444444444446, 87.0967741935484%, 30.392156862745097%, 1) 0%, hsla(196.44444444444446, 87.0967741935484%, 30.392156862745097%, 0) 100%), radial-gradient(at 56.99353596328686% 76.4239410874198%, hsla(340.44444444444446, 87.0967741935484%, 30.392156862745097%, 1) 0%, hsla(340.44444444444446, 87.0967741935484%, 30.392156862745097%, 0) 100%), radial-gradient(at 50.03769159863166% 55.17327234837598%, hsla(196.44444444444446, 87.0967741935484%, 30.392156862745097%, 1) 0%, hsla(196.44444444444446, 87.0967741935484%, 30.392156862745097%, 0) 100%), radial-gradient(at 27.539578398635058% 90.7959385053281%, hsla(340.44444444444446, 87.0967741935484%, 30.392156862745097%, 1) 0%, hsla(340.44444444444446, 87.0967741935484%, 30.392156862745097%, 0) 100%);
}
</style>
</body>
</html>