boxedthings.github.io/index.html at main · TotemMC/boxedthings.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
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Unbounded:wght@200..900&display=swap" rel="stylesheet">
    <title>Shinemakers</title>
    <style>
      html, body {
        background: #050505;
        color: white;
        font-family: 'Open Sans', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        margin: 0;
      }

      h1 {
        font-family: 'Unbounded', sans-serif;
        background: linear-gradient(45deg, #ffff32, #ffe589);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }

      .wrapper {
        opacity: 0;
        transform: scale(0.95);
        animation: anim 1.4s ease forwards;
      }

      a {
        color: #ffff32;
        font-family: 'Unbounded', sans-serif;
        font-weight: 20px;
        text-decoration: none;
      }

      a:hover {
        text-decoration: underline;
      }

      @keyframes anim {
        0% {
          opacity: 0;
          transform: scale(0.95);
          text-shadow: none;
        }
        70% {
          opacity: 1;
          transform: scale(1.05);
          text-shadow: 0 0 10px #ffe58955;
        }
        100% {
          opacity: 1;
          transform: scale(1);
          text-shadow: none;
        }
      }
    </style>
  </head>
  <body>
    <div class="wrapper">
      <h1>Shinemakers</h1><br><br>
      <center><a href='https://github.com/Shinemakers/'>GitHub Profile</a></center>
      <center><a href='https://shinemakers.github.io/flowchat/eula'>FlowChat EULA</a></center>
    </div>
  </body>
</html>