generated from bitdevlome/bitdevlome-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (110 loc) · 7.52 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
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="Communauté Open source">
<title>BitDev Lomé</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css" />
</head>
<body class="bg-white dark:bg-gray-900 main">
<header class="type-device">
<nav class="z-10 w-full absolute type-device">
<div class="max-w-7xl mx-auto px-6 md:px-12 xl:px-6">
<div
class="flex flex-wrap items-center justify-between py-2 gap-6 md:py-4 md:gap-0 relative type-device">
<input aria-hidden="true" type="checkbox" name="toggle_nav" id="toggle_nav"
class="hidden peer type-device">
<div class="relative z-20 w-full flex justify-between lg:w-max md:px-0 type-device">
<a href="/" aria-label="logo" class="flex space-x-2 items-center type-device">
BitDev Lomé
</a>
<div class="relative flex items-center lg:hidden max-h-10 type-device">
<label role="button" for="toggle_nav" aria-label="humburger" id="hamburger"
class="relative p-6 -mr-6 type-device">
<div aria-hidden="true" id="line"
class="m-auto h-0.5 w-5 rounded bg-sky-900 dark:bg-gray-300 transition duration-300 type-device">
</div>
<div aria-hidden="true" id="line2"
class="m-auto mt-2 h-0.5 w-5 rounded bg-sky-900 dark:bg-gray-300 transition duration-300 type-device">
</div>
</label>
</div>
</div>
<div aria-hidden="true"
class="fixed z-10 inset-0 h-screen w-screen bg-white/70 backdrop-blur-2xl origin-bottom scale-y-0 transition duration-500 peer-checked:origin-top peer-checked:scale-y-100 lg:hidden dark:bg-gray-900/70 type-device">
</div>
<div class="flex-col z-20 flex-wrap gap-6 p-8 rounded-3xl border border-gray-100 bg-white shadow-2xl shadow-gray-600/10 justify-end w-full invisible opacity-0 translate-y-1 absolute top-full left-0 transition-all duration-300 scale-95 origin-top
lg:relative lg:scale-100 lg:peer-checked:translate-y-0 lg:translate-y-0 lg:flex lg:flex-row lg:items-center lg:gap-0 lg:p-0 lg:bg-transparent lg:w-7/12 lg:visible lg:opacity-100 lg:border-none
peer-checked:scale-100 peer-checked:opacity-100 peer-checked:visible lg:shadow-none
dark:shadow-none dark:bg-gray-800 dark:border-gray-700 type-device">
<div class="text-gray-600 dark:text-gray-300 lg:pr-4 lg:w-auto w-full lg:pt-0 type-device">
<div class="mt-12 lg:mt-0 type-device">
<a href="https://github.com/bitdevlome" target="_blank"
class="relative flex h-9 w-full items-center justify-center px-4 before:absolute before:inset-0 before:rounded-full before:bg-primary before:transition before:duration-300 hover:before:scale-105 active:duration-75 active:before:scale-95 sm:w-max type-device">
<span class="relative text-sm font-semibold text-white type-device">Join us on GitHub
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<main class="space-y-20 mb-40">
<div class="relative">
<div aria-hidden="true" class="absolute inset-0 grid grid-cols-2 -space-x-52 opacity-40 dark:opacity-20">
<div class="blur-[106px] h-56 bg-gradient-to-br from-primary to-purple-400 dark:from-blue-700">
</div>
<div class="blur-[106px] h-32 bg-gradient-to-r from-cyan-400 to-sky-300 dark:to-indigo-600">
</div>
</div>
<div class="max-w-7xl mx-auto px-6 md:px-12 xl:px-6">
<div class="relative pt-36 ml-auto">
<div class="lg:w-2/3 text-center mx-auto">
<p class="mt-8 text-gray-700 dark:text-gray-300">
BitDev Lomé is a community of developers who are passionate about using Bitcoin/Blockchain technology to solve real-world problems.
We are committed to building a community where developers can share ideas, collaborate on projects, and learn from each other.
Our mission is to make Bitcoin development more accessible and inclusive. We believe that everyone should have the opportunity to learn about and build with blockchain technology, regardless of their background or experience.
</p>
</div>
<div class="mt-20">
<h2 class="text-center text-2xl font-bold text-gray-800 dark:text-white md:text-2xl">
Projects Ideas and Hackathons we are participating.
</h2>
</div>
<div class="m-auto mt-8 md:w-11/12 lg:w-8/12 xl:w-7/12">
<div class="flex flex-wrap justify-center gap-6">
<div
class="group rounded-xl border border-gray-200 dark:border-gray-600 bg-white bg-opacity-5 py-2 px-4 hover:bg-opacity-10">
<a href="https://eventornado.com/submission/africa-bitcoin-school?s=1#ideas">
<img src="sample-project-logo.png"
class="contrast-0 transition group-hover:contrast-100 h-12 w-auto mx-auto"
loading="lazy">
</a>
</div>
<div
class="group rounded-xl border border-gray-200 dark:border-gray-600 bg-white bg-opacity-5 py-2 px-4 hover:bg-opacity-10">
<a href="https://eventornado.com/submission/light-payement?s=1#idea">
<img src="sample-project-logo.png"
class="contrast-0 transition group-hover:contrast-100 h-12 w-auto mx-auto"
loading="lazy">
</a>
</div>
<div
class="group rounded-xl border border-gray-200 dark:border-gray-600 bg-white bg-opacity-5 py-2 px-4 hover:bg-opacity-10">
<a href="https://eventornado.com/submission/send-me-a-satoshi-sendmesat?s=1#ideas">
<img src="sample-project-logo.png"
class="contrast-0 transition group-hover:contrast-100 h-12 w-auto mx-auto"
loading="lazy">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>