TheRacingLion.github.io/index.html at master · TheRacingLion/TheRacingLion.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
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
<!-- Doctype HTML5 -->
<!DOCTYPE html>
<html lang="en-us" dir="ltr">
<!--
  Created by TheRacingLion (https://trlcs.com/) - 2021
  -*Read LICENSE to know more about permissions*-
-->

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />

    <title>TRL | Home</title>
    <meta name="author" content="TheRacingLion" />
    <meta name="description" content="Hobbyist Developer. A personal website to showcase some info." />
    <meta name="keywords" content="developer, dev, web, javascript, discord, bots, nodejs" />

    <meta property="og:type" content="website" />
    <meta property="og:title" content="TheRacingLion" />
    <meta property="og:description" content="Hobbyist Developer. A personal website to showcase some info." />
    <meta property="og:image" content="images/logo.png" />
    <meta property="og:site_name" content="TRLCS" />
    <meta property="og:url" content="https://trlcs.com/" />
    <meta property="og:locale" content="en-US" />

    <meta name="twitter:title" content="TheRacingLion" />
    <meta name="twitter:description" content="Hobbyist Developer. A personal website to showcase some info." />
    <meta name="twitter:image" content="images/logo.png" />

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <link rel="icon" href="images/logo.png" type="image/x-icon" />
    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300" />
    <link rel="stylesheet" href="css/styles.css" />

    <script src="js/google-analytics.js"></script>
</head>

<body>
    <main>
        <div id="background-particles"></div>

        <div id="line-particles"></div>

        <div class="flying-car-container">
            <span>DON'T PANIC</span>
            <img class="flying-car" src="images/car.png" alt="Red Car">
        </div>

        <div class="icon-wrapper">
            <div class="icon right-planet">
                <div class="moon top"></div>
                <div class="planet"></div>
                <div class="ring"></div>
                <div class="ring planet"></div>
                <div class="planetoid"></div>
                <div class="moon bottom"></div>
            </div>
        </div>

        <div class="center logo-center">
            <div class="element">
                <img class="logo" src="images/logo.png" alt="Lion Silhouette in orange">
            </div>
        </div>

        <div class="center text-center">
            <div class="element">
                <p>Hobbyist Developer</p>
            </div>
        </div>

        <div class="center links">
            <div class="element container">
                <a class="link" style="width: 150px;" href="mailto:dev@trlcs.com" target="_blank" rel='noopener noreferrer'>
                    <p>dev@trlcs.com</p>
                </a>
                <span>•</span>
                <a class="link" href="https://github.com/TheRacingLion" target="_blank" rel='noopener noreferrer'>
                    <p>Github</p>
                </a>
            </div>
        </div>
    </main>

    <script src="js/anime.min.js"></script>

    <script src="js/particles.min.js"></script>
    <script src="js/bg-particles.js"></script>

    <script src="js/main.js"></script>
</body>

</html>