Streamilator-Website/index.html at main · Streamilator/Streamilator-Website · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
  <head>
    <title>Streamilator | Home</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="https://svelte.streamilator.tk/assets/home.f0968183.svg">
    <style>
      body {
        font-family: 'Roboto', sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background: linear-gradient(to right, #2785c3, #ae355b);
        color: white;
        overflow: hidden;
      }
      h1 {
        font-size: 48px;
      }
      p {
        font-size: 24px;
      }
      p.small {
        font-size: 16px;
      }
      a {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        border: none;
        color: white;
        padding: 12px 24px;
        text-align: center;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 4px;
      }
      .multi-color {
        background: linear-gradient(90deg, #ff4136 0%, #2ecc40 25%, #ffdc00 50%, #0074d9 75%, #ff4136 100%);
      }
      a i {
        margin-right: 5px;
      }
      .github-icon {
        color: white;
        font-size: 18px;
        margin-right: 5px;
      }
      .github-button, .launch-button, .talk-button {
        background: linear-gradient(90deg, #6e5494 0%, #7e4f6e 25%, #99545d 50%, #8c6b98 75%, #6e5494 100%);
      }
      .twitter-button {
        background: linear-gradient(90deg, rgb(28,149,224), rgb(18, 127, 195));
      }
      .launch-button, .talk-button {
        background: linear-gradient(to right, #33aafa, #fe4e85);
      }
    </style>
  </head>
  <body>
    <h1>Streamilator</h1>
    <p>Welcome to the Streamilator Website</p>
    <div>
      <a href="https://github.com/Streamilator" class="github-button">
        <i class="fab fa-github github-icon"></i> GitHub
      </a>
      <a href="https://twitter.com/streamilator" class="twitter-button">
        <i class="fab fa-twitter github-icon"></i> Twitter
      </a>
      <a href="https://final.streamilator.tk" class="launch-button">
        <i class="fas fa-rocket github-icon"></i> Launch
      </a>
      <a href="https://talk.streamilator.tk" class="talk-button">
        <i class="fas fa-comments github-icon"></i> Talk
      </a>
      <a href="/beta/index.html" class="talk-button">
        <i class="fas fa-wrench github-icon"></i> Betas
      </a>
    </div>
    <script src="https://kit.fontawesome.com/yourcode.js"></script>
    <div class="icon-grid"></div>
  </body>
</html>