BushDevelops.github.io/index.html at main · BushDevelops/BushDevelops.github.io · GitHub

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
<!DOCTYPE html>
<title>BushDev</title>
<html>
<head>
<!-- Discord Embed Configuration Fields -->
<meta property="og:title" content="BushDev's main Hub" />
<meta property="og:description" content="Main hub to select and check out some of my projects" />
<meta property="og:url" content="https://is-a.dev" />
<meta property="og:type" content="website" />
<meta name="theme-color" content="#7cfc00" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta charset="utf-8" />
<link rel="stylesheet" href="globals.css">
<script src="https://cdn.tailwindcss.com"></script>
<script>
/** @type {import('tailwindcss').Config} */
tailwind.config = {
  corePlugins: {
    preflight: false,
  },
  theme: {
    extend: {},
  },
  plugins: [],
}
</script>
</head>
<body>
<div class="bg-[#151515]/90 overflow-y-scroll w-full min-h-[1080px] relative">
  <!-- Centered 1280px content block; background above still fills the full viewport width -->
  <div class="relative max-w-[1280px] min-h-[1080px] mx-auto">

    <div class="flex w-full items-center justify-around gap-4 px-16 py-6 absolute top-0 left-0">
      <div class="flex flex-1 grow items-center gap-2 relative">
        <div class="relative flex items-center flex-1 mt-[-1.00px] [font-family:'Inter-SemiBold',Helvetica] font-semibold text-white text-2xl tracking-[-0.48px] leading-[34.8px]">BushDeveloper's portal</div>
      </div>
    </div>

    <!-- Carousel mounts here instead of the static SVG image -->
    <div id="carousel-root" class="absolute w-full top-[92px] left-0"></div>

    <div class="flex w-full h-[107px] items-center justify-around gap-[120px] p-16 absolute left-0 bottom-0 border-t [border-top-style:solid] border-[#ffffff1a]">
      <div class="inline-flex items-center justify-center gap-8 relative flex-[0_0_auto] mt-[-25.00px] mb-[-25.00px]">
        <div class="inline-flex flex-[0_0_auto] items-center gap-2 relative">
          <div class="relative flex items-center justify-center w-fit mt-[-1.00px] [font-family:'Inter-SemiBold',Helvetica] font-semibold text-white text-xl text-center tracking-[-0.40px] leading-[29.0px] whitespace-nowrap">BushDev</div>
        </div>
      </div>
    </div>

  </div>
</div>

<script src="gradient-bg.js"></script>
<script src="carousel.bundle.js"></script>
</body>
</html>