145 lines
4.8 KiB
PHP
Vendored
145 lines
4.8 KiB
PHP
Vendored
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<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.0, maximum-scale=1.0, user-scalable=0"/>
|
||
<!--<meta name="viewport" content="width=device-width"/>-->
|
||
<meta name="author" content="Herwin Bozet">
|
||
<meta name="robots" content="index, follow">
|
||
<link rel="icon" type="image/svg+xml" href="./favicon.svg">
|
||
<link rel="alternate icon" href="./favicon.ico">
|
||
<link rel="stylesheet" href="./css/nibblepoker.css">
|
||
<!--<link rel="stylesheet" href="./css/nibblepoker.min.css">-->
|
||
<link rel="stylesheet" href="./css/debugger.min.css">
|
||
<link rel="stylesheet" href="https://cdn.nibblepoker.lu/FontAwesomePro/6.7.2/css/all.min.css">
|
||
<title>NibblePoker's CSS Theme</title>
|
||
<meta name="description"
|
||
content="Documentation for the standardized CSS theme used across ´NibblePoker.lu´ websites."/>
|
||
<meta property="og:title" content="NibblePoker"/>
|
||
<meta property="og:type" content="website"/>
|
||
<meta property="og:url" content="https://css.nibblepoker.com/"/>
|
||
<meta property="og:image" content="???"/>
|
||
<meta property="og:image:type" content="image/png"/>
|
||
<meta property="og:description"
|
||
content="Documentation for the standardized CSS theme used across ´NibblePoker.lu´ websites."/>
|
||
</head>
|
||
|
||
<body class="layout-generic">
|
||
|
||
<!-- Sidebar -->
|
||
<?php include("./parts/sidebar.php"); ?>
|
||
|
||
<header class="w-full p-m pl-s">
|
||
<h1 class="t-size-17 t-w-500">
|
||
<i class="fa-brands fa-css3-alt mr-s"></i>NibbleCSS Documentation v0.0.1
|
||
<a href="https://github.com/aziascreations/CSS-NibblePoker" class="f-right a-bland"><i class="fa-brands fa-github"></i></a>
|
||
</h1>
|
||
</header>
|
||
|
||
<main id="main" class="b br-0 p-m rl-m">
|
||
<!-- PHP Utils -->
|
||
<?php
|
||
$root_path = __DIR__;
|
||
|
||
// Source: https://stackoverflow.com/a/2510459
|
||
function formatBytes($bytes, $precision = 2): string {
|
||
$units = array('B', 'KiB', 'MiB', 'GiB', 'TiB');
|
||
|
||
$bytes = max($bytes, 0);
|
||
$pow = floor(($bytes ? log($bytes) : 0) / log(1024));
|
||
$pow = min($pow, count($units) - 1);
|
||
|
||
$bytes /= pow(1024, $pow);
|
||
|
||
return round($bytes, $precision) . " " . $units[$pow];
|
||
}
|
||
?>
|
||
|
||
<!-- Introduction -->
|
||
<?php include("./parts/intro.php"); ?>
|
||
|
||
|
||
<!-- Core > Text > Weights -->
|
||
<?php include("./parts/text_weights.php"); ?>
|
||
|
||
<!-- Core > Text > Styles -->
|
||
<?php include("./parts/text_styles.php"); ?>
|
||
|
||
<!-- Core > Text > Alignment -->
|
||
<?php include("./parts/text_alignment.php"); ?>
|
||
|
||
<!-- Core > Text > Modifiers -->
|
||
<?php include("./parts/text_modifiers.php"); ?>
|
||
|
||
<!-- Core > Text > Links -->
|
||
<?php include("./parts/text_links.php"); ?>
|
||
|
||
<!-- Core > Text > Misc -->
|
||
<?php include("./parts/text_misc.php"); ?>
|
||
|
||
<!-- Core > Spacing -->
|
||
<?php include("./parts/spacing.php"); ?>
|
||
|
||
<!-- Core > Rounding -->
|
||
<?php include("./parts/rounding.php"); ?>
|
||
|
||
<!-- Core > Borders -->
|
||
<?php include("./parts/core/borders.php"); ?>
|
||
|
||
<!-- Core > Lists > Base -->
|
||
<?php include("./parts/lists_base.php"); ?>
|
||
|
||
<!-- Core > Lists > Composed
|
||
<?php include("./parts/lists_composed.php"); ?>-->
|
||
|
||
<!-- Core > Grids -->
|
||
<?php include("./parts/grids.php"); ?>
|
||
|
||
<!-- Core > Tables -->
|
||
<?php include("./parts/core/tables.php"); ?>
|
||
|
||
<!-- Core > Inputs -->
|
||
<?php include("./parts/core/inputs.php"); ?>
|
||
|
||
|
||
<!-- Site > Horizontal Rulers -->
|
||
<?php include("./parts/horizontal_rulers.php"); ?>
|
||
|
||
<!-- Site > Backgrounds -->
|
||
<?php include("./parts/backgrounds.php"); ?>
|
||
|
||
<!-- Site > Buttons -->
|
||
<?php include("./parts/buttons.php"); ?>
|
||
|
||
<!-- Site > Tables -->
|
||
<?php include("./parts/examples/tables.php"); ?>
|
||
|
||
|
||
<!-- Examples > Inputs -->
|
||
<?php include("./parts/examples/inputs.php"); ?>
|
||
|
||
<!-- Examples > Tables -->
|
||
<?php include("./parts/examples/cards.php"); ?>
|
||
</main>
|
||
|
||
<footer class="d-flex flex-align-center w-full p-s py-xs">
|
||
<button id="sidebar-toggle-footer" class="p-xs border r-s t-size-10"
|
||
aria-label="Open and close the navigation sidebar.">
|
||
<i class="fa fa-bars px-xxs" aria-hidden="true"></i>
|
||
</button>
|
||
<p class="flex-fill t-center t-size-10 t-w-500 t-half-muted">
|
||
<a class="a-hidden" href="https://nibblepoker.lu/privacy/">Privacy policy</a>
|
||
</p>
|
||
<a href="/">
|
||
<img id="logo-footer" alt="Website's logo" draggable="false"
|
||
src="https://nibblepoker.lu/resources/NibblePoker/images/logos/v2_full_unshaded_original.svg">
|
||
</a>
|
||
</footer>
|
||
|
||
<script src="./js/sidebar.js"></script>
|
||
<script src="./js/text-direction-switch.js"></script>
|
||
<script src="./js/anchor-fix.js"></script>
|
||
</body>
|
||
</html>
|