blob: fbe7ba239bd877ab49b6c6863dc4ff2e8d22858d (
plain)
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
|
<?php require $_SERVER['DOCUMENT_ROOT'] . "/includes/main.php"; global $config; global $flags; global $socials;
$greetings = array("Hi", "Hii", "Hiii", "Heya", "Hello", "Hiya");
$greeting = $greetings[array_rand($greetings)]; ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title><?= $greeting ?>, I'm <?= $config["name"] ?>!</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit">
<link rel="stylesheet" href="/assets/style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link rel="icon" href="/assets/avatar.png">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body class="justify-content-center align-items-center">
<main>
<div class="flex-row align-items-center justify-content-center text-center">
<img src="/assets/avatar.png" class="avatar shadow-sm">
<div class="container-fluid flag-container">
<?php foreach ($config["flags"] as $flag): ?>
<!--<img src="<?= $flags[$flag]["file"] ?>" class="flag shadow-sm"/>-->
<span data-bs-toggle="tooltip" data-bs-html="true" title="<b><?= $flags[$flag]["name"] ?? "Unknown" ?></b><br><?= $flags[$flag]["bio"] ?? "It would appear that this flag is not known to this website." ?>" class="tooltip-nohelp" style="position: relative; top:1px; cursor: pointer;"><span><img src="<?= $flags[$flag]["file"] ?>" alt="<?= $flags[$flag]["alt"] ?>" class="flag shadow-sm"/></span></span>
<?php endforeach; ?>
</div>
<div class="container-fluid rounded-4 p-2 text-center border border-2 shadow-sm main-content">
<h1><?=
// Thought it"d be cool to randomly generate greetings, so here we are.
$greeting
?>!</h1>
<h2>I'm <?= $config["name"] ?>!</h2>
<h6>I use <b><?= $config["pronouns"] ?></b> pronouns.</h6>
<h5>I'm a <?= $config["gender"] ?> on the internet!</h5>
<hr>
<p>
<?= $config["bio"] ?>
</p>
<hr>
<div>
<h5>You can reach me on the following social medias!</h5>
<div>
<?php
foreach ($config["socials"] as $social):
?>
<div class="social-container">
<<?= $socials[$social["id"]]["clickable"] == "true" ? "a" : "span" ?> class="social shadow-sm" href="<?= $social["link"] ?>" target="_blank"><img src="<?= $socials[$social["id"]]["file"] ?>" alt="<?= $socials[$social["id"]]["name"] ?>" class="social-icon"> <?= $social["name"] ?><?php if($social["deprecated"]): ?> <span data-bs-toggle="tooltip" data-bs-html="true" title="<b>Deprecated</b><br>I no longer actively use this social media, you're more likely to reach me using a different one." class="tooltip-nohelp" style="position: relative; top:-2px; cursor: pointer;"><span><img src="assets/warning_24dp.svg" alt="Warning"/></span></span><?php endif; ?></<?= $socials[$social["id"]]["clickable"] == "true" ? "a" : "span" ?>
</div>
<?php
endforeach;
?>
</div>
<br>
<h5>You can find my pronouns.page here!</h5>
<div>
<a class="social shadow-sm" href="<?= $config["pronounspage"] ?>" target="_blank"><img src="/assets/pronounspage.svg" alt="Pronouns.page" class="social-icon"> Pronouns.page</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container pt-2 pb-2">
<p class="muted footer-text">
Copyright © <?php if(date("Y") != "2023"): ?>2023-<?php endif; ?><?= date("Y") ?> <a href="https://equestria.dev" target="_blank">Equestria.dev Developers</a>
<span class="footer-span"><a href="https://equestria.dev" target="_blank"><img src="assets/equestriadev.svg" class="logo" /></a></span>
</p>
</div>
</footer>
<script>
let tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
let tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
});
Array.from(document.querySelectorAll('[data-bs-toggle="tooltip"]')).forEach((item) => {
if (!item.classList.contains("tooltip-nohelp")) {
item.style.cursor = "help";
}
});
</script>
</body>
</html>
|