130 lines
4.3 KiB
PHP
130 lines
4.3 KiB
PHP
<!doctype html>
|
|
|
|
<?php
|
|
// Default values
|
|
$description = "Enter a short description";
|
|
$name = "Your name";
|
|
$siteTitle = $name . " | " . $description;
|
|
$descriptionLong = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vehicula risus id nisi feugiat, sit amet ultricies nunc pretium.";
|
|
|
|
// Links for assets
|
|
$faviconURL = "https://c.bashynx.com/web/default.png";
|
|
$imageURL = "https://c.bashynx.com/web/default.png";
|
|
$linkBootstrap = "https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css";
|
|
$primaryColor = "#dc3545";
|
|
|
|
// Link info
|
|
$links = array(
|
|
array(
|
|
"icon" => "fas fa-user-plus fa-5x", // using https://fontawesome.com/
|
|
"links" => array(
|
|
array("name" => "Link 1", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 2", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 3", "url" => "https://bashynx.com")
|
|
)
|
|
),
|
|
array(
|
|
"icon" => "fas fa-globe fa-5x",
|
|
"links" => array(
|
|
array("name" => "Link 4", "url" => "https://bashynx.com")
|
|
)
|
|
),
|
|
array(
|
|
"icon" => "fas fa-cog fa-5x",
|
|
"links" => array(
|
|
array("name" => "Link 5", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 6", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 7", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 8", "url" => "https://bashynx.com")
|
|
)
|
|
),
|
|
array(
|
|
"icon" => "fas fa-gamepad fa-5x",
|
|
"links" => array(
|
|
array("name" => "Link 9", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 10", "url" => "https://bashynx.com")
|
|
)
|
|
),
|
|
array(
|
|
"icon" => "fas fa-code fa-5x",
|
|
"links" => array(
|
|
array("name" => "Link 11", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 12", "url" => "https://bashynx.com"),
|
|
array("name" => "Link 13", "url" => "https://bashynx.com")
|
|
)
|
|
)
|
|
);
|
|
|
|
?>
|
|
|
|
<html lang="en" class="h-100">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="<?php echo $siteTitle; ?>">
|
|
<title><?php echo $siteTitle; ?></title>
|
|
|
|
<link rel="stylesheet" href="<?php echo $linkBootstrap; ?>">
|
|
<script src="https://kit.fontawesome.com/bae8420862.js" crossorigin="anonymous"></script>
|
|
<link rel="icon" href="<?php echo $faviconURL; ?>" type="image/gif">
|
|
</head>
|
|
<style>
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover{
|
|
color: <?php echo $primaryColor; ?> !important;
|
|
}
|
|
|
|
.custom-border {
|
|
border: solid;
|
|
border-color: <?php echo $primaryColor; ?> !important;
|
|
}
|
|
|
|
.custom-text {
|
|
color: <?php echo $primaryColor; ?> !important;
|
|
}
|
|
</style>
|
|
<body class="d-flex h-100 text-center text-white bg-dark">
|
|
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
|
|
<header class="mb-auto">
|
|
<div class=" bg-gray-dark">
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container mw-50">
|
|
<div class="header">
|
|
<img src="<?php echo $imageURL; ?>" width="150px" class="rounded-circle border custom-border border-3">
|
|
<h1 class="pt-3"><?php echo $name; ?></h1>
|
|
<p class="lead"><?php echo $descriptionLong; ?></p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<?php
|
|
// Function to generate column with rows and links
|
|
function generateColumn($column) {
|
|
echo '<div class="col-sm m-1 px-1 py-3">';
|
|
echo '<div class="row custom-text mb-4"><i class="' . $column['icon'] . ' row-icon"></i></div>';
|
|
foreach ($column['links'] as $link) {
|
|
echo '<a style="display:block" href="' . $link['url'] . '" class="col-sm p-1 mx-1 my-3 border rounded-3 custom-border text-white">' . $link['name'] . '</a>';
|
|
}
|
|
echo '</div>';
|
|
}
|
|
|
|
// Generate columns
|
|
foreach ($links as $column) {
|
|
generateColumn($column);
|
|
}
|
|
?>
|
|
|
|
</div>
|
|
</div>
|
|
<footer class="mt-auto text-white-50">
|
|
<p><a href="https://bashynx.com/" class="text-white bg-dark">@bashynx (2024)</a></p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|