slimebluking.github.io/index.html at main · SlimeBluKing/slimebluking.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
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  <title>🦊 SlimeBluKing</title>

  <meta name="revisit-after" content="2 days" />

  <link rel="shortcut icon" href="./img/avatar/icon.png" />
  <link rel="icon" href="./img/avatar/icon.png" />

  <meta name="revisit-after" content="2 days" />
  <meta content="🦊 SlimeBluKing's website" property="og:title" />
  <meta content="About me and my projects" property="og:description" />
  <meta content="https://www.slimebluking.net" property="og:url" />
  <meta content="https://www.slimebluking.net/img/avatar/avatar.jpg" property="og:image" />
  <meta content="#f5e642" data-react-helmet="true" name="theme-color" />

  <link rel="stylesheet" href="./css/main.css" />

  <script src="js/sounds.js" defer></script>
  <script src="js/info.js" defer></script>
  <script src="js/age.js" defer></script>
  <script src="js/currentYear.js" defer></script>
  <script src="js/hi.js" defer></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.min.js"></script>
</head>

<body>
  <div class="content">
    <div class="layout">
      <header>
        <img alt="Avatar" src="img/avatar/avatar.jpg" />
        <div>
          <h1>SlimeBluKing</h1>
          <p>
            I'm a masochist... I torture myself with rhythm games and League of Legends...
          </p>
        </div>
      </header>

      <section>
        <div class="social-links">
          <a href="https://discord.slimebluking.net" class="btn discord"><i class="fab fa-discord"></i>Discord</a>
          <a href="https://github.com/SlimeBluKing" class="btn github"><i class="fab fa-github"></i>GitHub</a>
          <a href="https://t.me/SlimeBluKing" class="btn telegram"><i class="fa-brands fa-telegram"></i>Telegram</a>
          <a href="https://paypal.me/SlimeBluKing" class="btn paypal"><i class="fa-brands fa-paypal"></i>PayPal</a>
          <a href="https://www.tiktok.com/@slimebluking" class="btn tiktok"><i class="fa-brands fa-tiktok"></i>TikTok</a>
          <a href="https://www.instagram.com/slimebluking/" class="btn instagram"><i class="fa-brands fa-instagram"></i>Instagram</a>
          <a href="mailto:stfntudose@gmail.com" class="btn"><i class="fas fa-envelope"></i>E-Mail</a>
        </div>
      </section>

      <section>
        <h1>About Me</h1>
        <p>
          |˶˙ᵕ˙ )ﾉﾞCiao, I'm Stefano Tudose, also known as SlimeBluKing. ૮₍ ˶ᵔ ᵕ ᵔ˶ ₎ა
        </p>
        <p>
          I'm <span id="age">:3</span> years old and here I will put all my projects.
        <p>
          From an early age I became interested in programming. I like to experiment to always learn new things for
          example making Discord bots, game server or creating my personal HomeLab. (⸝⸝> ᴗ•⸝⸝)
        </p>
        <p></p>
        <p>
          You can click on the projects for more information about them. ٩(^ᗜ^ )و
        </p>
      </section>

      <div class="separator"></div>

      <section>
        <h1>My Projects</h1>
        <div id="projects-container"></div>
      </section>

      <div class="separator"></div>

      <footer>
        Copyright © <span id="currentYear">:3</span> SlimeBluKing. Licensed
        under the MIT License.<br />
        Thanks <a href="https://github.com/NotMaxee/">Maxee</a> ヾ(•ω•`)o
      </footer>
    </div>
  </div>

  <div id="projectModal" class="modal">
    <div class="modal-content">
      <span class="close-button">&times;</span>
      <img id="modal-img" src="" alt="Project Icon" />
      <h2 id="modal-title"></h2>
      <p id="modal-description"></p>
      <div id="modal-links"></div>
    </div>
  </div>
</body>

</html>