mirror of https://github.com/byecorps/id.git
Bye Bye BCID-prototyping!
This commit is contained in:
parent
dc36bb1cd3
commit
05913eaee6
File diff suppressed because it is too large
Load Diff
11
.idea/id.iml
11
.idea/id.iml
|
|
@ -5,6 +5,17 @@
|
||||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/composer" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/guzzlehttp/psr7" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/jean85/pretty-package-versions" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/phpmailer/phpmailer" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/psr/http-factory" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/psr/http-message" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/psr/log" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/ralouphie/getallheaders" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/sentry/sentry" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/deprecation-contracts" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/vendor/symfony/options-resolver" />
|
||||||
</content>
|
</content>
|
||||||
<orderEntry type="inheritedJdk" />
|
<orderEntry type="inheritedJdk" />
|
||||||
<orderEntry type="sourceFolder" forTests="false" />
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
|
|
||||||
|
|
@ -10,6 +10,21 @@
|
||||||
<option name="highlightLevel" value="WARNING" />
|
<option name="highlightLevel" value="WARNING" />
|
||||||
<option name="transferred" value="true" />
|
<option name="transferred" value="true" />
|
||||||
</component>
|
</component>
|
||||||
|
<component name="PhpIncludePathManager">
|
||||||
|
<include_path>
|
||||||
|
<path value="$PROJECT_DIR$/vendor/psr/log" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/jean85/pretty-package-versions" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/ralouphie/getallheaders" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/sentry/sentry" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/guzzlehttp/psr7" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/symfony/deprecation-contracts" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/symfony/options-resolver" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/composer" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/phpmailer/phpmailer" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/psr/http-factory" />
|
||||||
|
<path value="$PROJECT_DIR$/vendor/psr/http-message" />
|
||||||
|
</include_path>
|
||||||
|
</component>
|
||||||
<component name="PhpProjectSharedConfiguration" php_language_level="8.1" />
|
<component name="PhpProjectSharedConfiguration" php_language_level="8.1" />
|
||||||
<component name="PhpStanOptionsConfiguration">
|
<component name="PhpStanOptionsConfiguration">
|
||||||
<option name="transferred" value="true" />
|
<option name="transferred" value="true" />
|
||||||
|
|
|
||||||
|
|
@ -127,6 +127,7 @@ if (isset($message )) {
|
||||||
|
|
||||||
<div class="dangerzone">
|
<div class="dangerzone">
|
||||||
<h2>Danger Zone</h2>
|
<h2>Danger Zone</h2>
|
||||||
<p><a href="/signout" class="button"><i class="fa-fw fa-solid fa-person-through-window"></i> Sign out</a> <a href="/dangerous/delete_account" class="button danger">Delete account</a></p>
|
<p><a href="/signout" class="button"><i class="fa-fw fa-solid fa-person-through-window"></i> Sign out</a>
|
||||||
|
<a href="/dangerous/delete_account" class="button danger"><i class="fa-fw fa-solid fa-trash"></i> Delete account</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -68,3 +68,36 @@ Tobikomu yuuki ni sansei mamonaku start!');
|
||||||
return false;
|
return false;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function get_id_for_password_reset($reset_id, $reset_token):string {
|
||||||
|
global $pdo;
|
||||||
|
$sql = 'SELECT * FROM password_resets WHERE id = ?';
|
||||||
|
|
||||||
|
try {
|
||||||
|
$stmt = $pdo->prepare($sql);
|
||||||
|
$stmt->execute([$reset_id]);
|
||||||
|
$result = $stmt->fetch();
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
http_response_code(500);
|
||||||
|
die("An error occurred fetching data from the database. (11)
|
||||||
|
$e");
|
||||||
|
}
|
||||||
|
|
||||||
|
return $result['owner_id'];
|
||||||
|
}
|
||||||
|
|
||||||
|
function delete_password_reset($reset_id, $reset_token): void
|
||||||
|
{
|
||||||
|
global $pdo;
|
||||||
|
$sql = 'DELETE FROM password_resets WHERE id = ?';
|
||||||
|
try {
|
||||||
|
$stmt = $pdo->prepare(($sql));
|
||||||
|
$stmt->execute([$reset_id]);
|
||||||
|
header("Location: /signin");
|
||||||
|
die();
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
http_response_code(500);
|
||||||
|
die("An error occurred deleting data from the database. (13)
|
||||||
|
$e");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
<?php
|
||||||
|
?>
|
||||||
|
|
||||||
|
<h1>Admin panel</h1>
|
||||||
|
<p>If you're not Bye and you're seeing this, I'm fucked!</p>
|
||||||
|
|
||||||
|
<h2>Accounts</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/accounts">List of accounts</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h2>Init</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="/admin/init/database">Init database</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
@ -4,13 +4,18 @@ if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||||
if ($_POST['init'] == 'Init') {
|
if ($_POST['init'] == 'Init') {
|
||||||
echo("<p>Initialising DB...");
|
echo("<p>Initialising DB...");
|
||||||
echo "<p>Create table `accounts`";
|
echo "<p>Create table `accounts`";
|
||||||
$stmt = $pdo->prepare('CREATE TABLE `accounts` (
|
$stmt = $pdo->prepare('create table accounts
|
||||||
`id` tinytext NOT NULL,
|
(
|
||||||
`email` text NOT NULL,
|
id varchar(7) not null
|
||||||
`display_name` text NULL,
|
primary key,
|
||||||
`password` text NOT NULL,
|
email text not null,
|
||||||
`verified` tinyint(1) NOT NULL
|
created_date date default current_timestamp() not null,
|
||||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;');
|
display_name text null,
|
||||||
|
password text not null,
|
||||||
|
verified tinyint(1) not null,
|
||||||
|
constraint email
|
||||||
|
unique (email) using hash
|
||||||
|
);');
|
||||||
|
|
||||||
try {
|
try {
|
||||||
$stmt->execute();
|
$stmt->execute();
|
||||||
|
|
@ -18,10 +23,21 @@ if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||||
echo('<p>An error occurred: '. $e->getMessage() .'. Will skip. (Most likely the table already exists.)');
|
echo('<p>An error occurred: '. $e->getMessage() .'. Will skip. (Most likely the table already exists.)');
|
||||||
}
|
}
|
||||||
|
|
||||||
echo '<p>Set indexes for table `accounts`';
|
echo '<p>Create the `password_resets` table</p>';
|
||||||
$stmt = $pdo->prepare('ALTER TABLE `accounts`
|
$stmt = $pdo->prepare('create table password_resets
|
||||||
ADD PRIMARY KEY (`id`(7)),
|
(
|
||||||
ADD UNIQUE KEY `email` (`email`) USING HASH;');
|
id int auto_increment
|
||||||
|
primary key,
|
||||||
|
auth_id tinytext not null,
|
||||||
|
owner_id varchar(7) not null,
|
||||||
|
expiration int not null,
|
||||||
|
constraint password_resets_ibfk_1
|
||||||
|
foreign key (owner_id) references accounts (id)
|
||||||
|
);
|
||||||
|
|
||||||
|
create index owner_id
|
||||||
|
on password_resets (owner_id);
|
||||||
|
');
|
||||||
|
|
||||||
try {
|
try {
|
||||||
$stmt->execute();
|
$stmt->execute();
|
||||||
|
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>ByeCorps ID</title>
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="./styles/global.css">
|
|
||||||
<link rel="stylesheet" href="./fontawesome/css/all.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<!-- <header>
|
|
||||||
<div class="start">
|
|
||||||
<a href="/" id="sitetitle"><span class="bc-1">Bye</span><span class="bc-2">Corps</span><span class="bc-3"> ID</span></a></div>
|
|
||||||
|
|
||||||
<div class="end">
|
|
||||||
< !-- <div class="accountnav">
|
|
||||||
<a href="/account" class="account">Hey there, Bye! <i class="fa-solid fa-fw fa-angle-down"></i></a>
|
|
||||||
</div> -- >
|
|
||||||
<div class="accountnav">
|
|
||||||
<a href="/login" class="account"><i class="fa-solid fa-key"></i> Sign in</a>
|
|
||||||
<a href="/register" class="account"><i class="fa-solid fa-arrow-right-to-bracket"></i> Create an account</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header> -->
|
|
||||||
|
|
||||||
<main>
|
|
||||||
<div class="hero">
|
|
||||||
<div class="hero-text">
|
|
||||||
<h1><span class="bc-1">Bye</span><span class="bc-2">Corps</span><span class="bc-3"> ID</span></h1>
|
|
||||||
<p>Log into ByeCorps and beyond with a single ID.</p>
|
|
||||||
<!-- <p><input type="email" name="loginEmail" id="loginEmail" placeholder="Email" /></p> -->
|
|
||||||
<a href="/login" class="button">Sign in</a>
|
|
||||||
<a href="/register" class="button">Create an account</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>BCID visual styles and testing</title>
|
|
||||||
<link rel="stylesheet" href="./styles/base.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
<div id="content">
|
|
||||||
<p>This page is for testing styling for <code>id</code>. Nothing on this page is funcitonal, but please be wary of password managers trying to autofill information.</p>
|
|
||||||
<h2>Types</h2>
|
|
||||||
<p>This section tests the fonts that may be used, including in context.</p>
|
|
||||||
<h3>ByeCorps ID</h3>
|
|
||||||
<div class="bcid-container">
|
|
||||||
123 ABC4
|
|
||||||
</div>
|
|
||||||
<p>Randomly generated on page load:</p>
|
|
||||||
<div class="bcid-container">
|
|
||||||
<script>
|
|
||||||
function generateBCID() {
|
|
||||||
// Alphanumeric characters, prefer uppercase
|
|
||||||
const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
|
|
||||||
let result = "";
|
|
||||||
for (let i = 0; i < 3; i++) {
|
|
||||||
result += chars.charAt(Math.floor(Math.random() * chars.length));
|
|
||||||
}
|
|
||||||
result += " ";
|
|
||||||
for (let i = 0; i < 4; i++) {
|
|
||||||
result += chars.charAt(Math.floor(Math.random() * chars.length));
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
document.write(generateBCID());
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
<h3>Paragraph</h3>
|
|
||||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi sed ipsam at quas odit? Harum aut itaque earum natus officia reprehenderit, a totam magni, vero at modi blanditiis iusto voluptate!</p>
|
|
||||||
<h3>Logo</h3>
|
|
||||||
<p>very important</p>
|
|
||||||
<h1 class="bc-font">
|
|
||||||
<span class="bc-logo">
|
|
||||||
<span class="weight1">Bye</span><span class="weight2">Corps</span>
|
|
||||||
<span class="weight3"> ID</span>
|
|
||||||
</span>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>your id // byecorps id</title>
|
|
||||||
<link rel="stylesheet" href="./styles/base.css">
|
|
||||||
<link rel="stylesheet" href="./styles/profile.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
|
|
||||||
<h1 class="center">Your <span class="bc-logo"><span class="weight1">Bye</span><span class="weight2">Corps</span><span class="weight3"> ID</span></span></h1>
|
|
||||||
|
|
||||||
<div class="flex flex-row flex-justify-center" style="gap: 10px">
|
|
||||||
<div class="card">
|
|
||||||
<div class="bc-font card-header">
|
|
||||||
<h1 class="bc-logo"><span class="weight1">Bye</span><span class="weight2">Corps</span><span class="weight3"> ID</span></h1>
|
|
||||||
</div>
|
|
||||||
<img class="avatar" src="https://avatars.githubusercontent.com/u/77801870?v=4" alt="">
|
|
||||||
<h2>Bye</h2>
|
|
||||||
<p><span class="bcid-container">BYE 1010</span></p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="settings" style="flex: 1">
|
|
||||||
<h2>Settings</h2>
|
|
||||||
|
|
||||||
<form class="flex flex-column" style="gap: 5px;" action="#">
|
|
||||||
<div class="input">
|
|
||||||
<label class="hasborder" for="name">Name</label>
|
|
||||||
<input type="text" name="name" id="name" value="Bye">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="input">
|
|
||||||
<label class="hasborder" for="id">ID</label>
|
|
||||||
<input type="text" disabled name="id" id="id" value="BYE 1010">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button type="submit" class="bc-btn-primary">Save</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,127 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Sign up // ByeCorps ID</title>
|
|
||||||
<link rel="stylesheet" href="./styles/base.css">
|
|
||||||
<link rel="stylesheet" href="./styles/loginform.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
<h1 class="bc-font bc-logo"><span class="weight1">Bye</span><span class="weight2">Corps</span><span class="weight3"> ID</span></h1>
|
|
||||||
<p class="center">Ready for your ByeCorps ID?</p>
|
|
||||||
|
|
||||||
<h2 class="center">Sign up</h2>
|
|
||||||
<p class="center small">Already have an ID? <a href="./login.html">Log in</a></p>
|
|
||||||
<form action="#" id="signup">
|
|
||||||
<div class="input email">
|
|
||||||
<label for="email"><i aria-hidden="true" class="fa-solid fa-fw fa-envelope" title="Email"></i><span class="fa-sr-only">Email address</span></label>
|
|
||||||
<input type="email" name="email" id="email" required placeholder="a.dent@squornshellous.cloud" />
|
|
||||||
<!-- <button id="switchtophone">
|
|
||||||
<i class="fa-solid fa-fw fa-mobile-retro" title="Use phone number instead"></i>
|
|
||||||
<span class="fa-sr-only-focusable">Use phone number instead</span>
|
|
||||||
</button> -->
|
|
||||||
</div>
|
|
||||||
<!-- <div class="input phone">
|
|
||||||
<button id="switchtoemail">
|
|
||||||
<i class="fa-solid fa-fw fa-envelope" title="Use email instead"></i>
|
|
||||||
<span class="fa-sr-only-focusable">Use email instead</span>
|
|
||||||
</button>
|
|
||||||
<label for="phone"><i aria-hidden="true" class="fa-solid fa-fw fa-mobile-retro" title="Phone"></i><span class="fa-sr-only">Phone number</span></label>
|
|
||||||
<input type="tel" name="phone" id="phone" placeholder="+1 800 APL–CARE" />
|
|
||||||
</div> -->
|
|
||||||
|
|
||||||
<div class="input password">
|
|
||||||
<label for="password"><i aria-hidden="true" class="fa-solid fa-fw fa-lock" title="Password"></i><span class="fa-sr-only">Password</span></label>
|
|
||||||
<input type="password" name="password" id="password" required placeholder="Password: keep secure" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="password-strength">
|
|
||||||
<p style="margin: 0;">Password requirements:</p>
|
|
||||||
<ul>
|
|
||||||
<li><i style="color: var(--oc-red-5);" class="fa-fw fa-solid fa-circle-xmark"></i> At least 8 characters</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
let password = document.getElementById("password");
|
|
||||||
let passwordStrength = document.querySelector(".password-strength");
|
|
||||||
|
|
||||||
password.addEventListener("input", function() {
|
|
||||||
let passwordValue = password.value;
|
|
||||||
let passwordLength = passwordValue.length;
|
|
||||||
let passwordStrengthList = passwordStrength.querySelectorAll("li");
|
|
||||||
let passwordStrengthListLength = passwordStrengthList.length;
|
|
||||||
|
|
||||||
if (passwordLength >= 8) {
|
|
||||||
passwordStrengthList[0].querySelector("i").classList.remove("fa-circle-xmark");
|
|
||||||
passwordStrengthList[0].querySelector("i").classList.add("fa-circle-check");
|
|
||||||
} else {
|
|
||||||
passwordStrengthList[0].querySelector("i").classList.remove("fa-circle-check");
|
|
||||||
passwordStrengthList[0].querySelector("i").classList.add("fa-circle-xmark");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="input password-confirm">
|
|
||||||
<label for="password-confirm"><i aria-hidden="true" class="fa-solid fa-fw fa-lock" title="Password"></i><span class="fa-sr-only">Confirm password</span></label>
|
|
||||||
<input type="password" name="password-confirm" id="password-confirm" required placeholder="Confirm password" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="password-confirm-requirements">
|
|
||||||
<i class="fa-fw fa-solid fa-circle-xmark"></i> Passwords match
|
|
||||||
|
|
||||||
<script>
|
|
||||||
let passwordConfirm = document.getElementById("password-confirm");
|
|
||||||
|
|
||||||
passwordConfirm.addEventListener("input", function() {
|
|
||||||
let passwordConfirmValue = passwordConfirm.value;
|
|
||||||
let passwordConfirmLength = passwordConfirmValue.length;
|
|
||||||
let passwordConfirmRequirements = document.querySelector(".password-confirm-requirements");
|
|
||||||
|
|
||||||
if (passwordConfirmValue == password.value) {
|
|
||||||
passwordConfirmRequirements.querySelector("i").classList.remove("fa-circle-xmark");
|
|
||||||
passwordConfirmRequirements.querySelector("i").classList.add("fa-circle-check");
|
|
||||||
} else {
|
|
||||||
passwordConfirmRequirements.querySelector("i").classList.remove("fa-circle-check");
|
|
||||||
passwordConfirmRequirements.querySelector("i").classList.add("fa-circle-xmark");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="legal">
|
|
||||||
<div class="tos-agree">
|
|
||||||
<input type="checkbox" name="tos-agree" id="tos-agree" required />
|
|
||||||
<label for="tos-agree">I agree to the <a href="#">Terms of Service</a></label>
|
|
||||||
</div>
|
|
||||||
<div class="privacy-agree">
|
|
||||||
<input type="checkbox" name="privacy-agree" id="privacy-agree" required />
|
|
||||||
<label for="privacy-agree">I agree to the <a href="#">Privacy Policy</a></label>
|
|
||||||
</div>
|
|
||||||
<div class="asshole-agree">
|
|
||||||
<input type="checkbox" name="asshole-agree" id="asshole-agree" required />
|
|
||||||
<label for="asshole-agree">I agree to <a href="https://asshole.fyi">not be an asshole</a></label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="finisher">
|
|
||||||
<button type="submit" class="bc-btn bc-btn-primary">Sign up</button>
|
|
||||||
<button type="reset" class="bc-btn">Reset</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="sso">
|
|
||||||
<p>Or, sign up with</p>
|
|
||||||
<div class="sso-buttons">
|
|
||||||
<a href="#" class="bc-btn btn-sso sso-omglol"><img src="https://cdn.cache.lol/img/prami.svg" alt="omg.lol logo" aria-hidden="true"> omg.lol</a>
|
|
||||||
<a href="#" class="bc-btn btn-sso sso-litauth"><img src="https://auth.litdevs.org/resources/litauth.png" alt="LITauth logo" aria-hidden="true"> LITauth</a>
|
|
||||||
<a href="#" class="bc-btn btn-sso sso-github"><i class="fa-fw fa-brands fa-github" aria-hidden="true"></i> GitHub</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,126 +0,0 @@
|
||||||
/* imports the whole design library in one go, including Font Awesome and Open Color. */
|
|
||||||
|
|
||||||
@import url(./types.css);
|
|
||||||
@import url(./inputs.css);
|
|
||||||
@import url(./opencolor.css);
|
|
||||||
@import url(./font-awesome/css/all.css);
|
|
||||||
|
|
||||||
:root {
|
|
||||||
color-scheme: light dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
font-family: var(--font);
|
|
||||||
|
|
||||||
background-color: var(--oc-gray-0);
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 600px;
|
|
||||||
margin:auto;
|
|
||||||
/* align vertically */
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
flex: 0 1 auto;
|
|
||||||
|
|
||||||
background-color: var(--oc-white);
|
|
||||||
|
|
||||||
box-shadow: 0 0 10px var(--oc-gray-4);
|
|
||||||
|
|
||||||
border-radius: calc(0.5em + 10px + 1em);
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.small {
|
|
||||||
font-size: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bcid-container, .bcid-container.light {
|
|
||||||
font-family: var(--bcid-font);
|
|
||||||
font-weight: 900;
|
|
||||||
|
|
||||||
background-color: var(--oc-gray-3);
|
|
||||||
color: var(--oc-gray-9);
|
|
||||||
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
padding: 0.5em;
|
|
||||||
|
|
||||||
border-radius: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bcid-container.dark {
|
|
||||||
background-color: var(--oc-gray-9);
|
|
||||||
color: var(--oc-gray-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
code, .code {
|
|
||||||
font-family: var(--bcid-font);
|
|
||||||
background-color: var(--oc-gray-3);
|
|
||||||
color: var(--oc-gray-9);
|
|
||||||
|
|
||||||
padding: .1em; border-radius: .2em;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-font, h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-family: var(--bc-font);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-logo .weight1 {
|
|
||||||
font-weight: var(--bc-weight-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-logo .weight2 {
|
|
||||||
font-weight: var(--bc-weight-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-logo .weight3 {
|
|
||||||
font-weight: var(--bc-weight-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-row {
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-column {
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-align-center {
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-justify-center {
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (prefers-color-scheme: dark) {
|
|
||||||
body {
|
|
||||||
background-color: var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
main {
|
|
||||||
background-color: var(--oc-gray-8);
|
|
||||||
box-shadow: 0 0 10px var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,165 +0,0 @@
|
||||||
Fonticons, Inc. (https://fontawesome.com)
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
Font Awesome Free License
|
|
||||||
|
|
||||||
Font Awesome Free is free, open source, and GPL friendly. You can use it for
|
|
||||||
commercial projects, open source projects, or really almost whatever you want.
|
|
||||||
Full Font Awesome Free license: https://fontawesome.com/license/free.
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
|
|
||||||
|
|
||||||
The Font Awesome Free download is licensed under a Creative Commons
|
|
||||||
Attribution 4.0 International License and applies to all icons packaged
|
|
||||||
as SVG and JS file types.
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# Fonts: SIL OFL 1.1 License
|
|
||||||
|
|
||||||
In the Font Awesome Free download, the SIL OFL license applies to all icons
|
|
||||||
packaged as web and desktop font files.
|
|
||||||
|
|
||||||
Copyright (c) 2022 Fonticons, Inc. (https://fontawesome.com)
|
|
||||||
with Reserved Font Name: "Font Awesome".
|
|
||||||
|
|
||||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
|
||||||
This license is copied below, and is also available with a FAQ at:
|
|
||||||
http://scripts.sil.org/OFL
|
|
||||||
|
|
||||||
SIL OPEN FONT LICENSE
|
|
||||||
Version 1.1 - 26 February 2007
|
|
||||||
|
|
||||||
PREAMBLE
|
|
||||||
The goals of the Open Font License (OFL) are to stimulate worldwide
|
|
||||||
development of collaborative font projects, to support the font creation
|
|
||||||
efforts of academic and linguistic communities, and to provide a free and
|
|
||||||
open framework in which fonts may be shared and improved in partnership
|
|
||||||
with others.
|
|
||||||
|
|
||||||
The OFL allows the licensed fonts to be used, studied, modified and
|
|
||||||
redistributed freely as long as they are not sold by themselves. The
|
|
||||||
fonts, including any derivative works, can be bundled, embedded,
|
|
||||||
redistributed and/or sold with any software provided that any reserved
|
|
||||||
names are not used by derivative works. The fonts and derivatives,
|
|
||||||
however, cannot be released under any other type of license. The
|
|
||||||
requirement for fonts to remain under this license does not apply
|
|
||||||
to any document created using the fonts or their derivatives.
|
|
||||||
|
|
||||||
DEFINITIONS
|
|
||||||
"Font Software" refers to the set of files released by the Copyright
|
|
||||||
Holder(s) under this license and clearly marked as such. This may
|
|
||||||
include source files, build scripts and documentation.
|
|
||||||
|
|
||||||
"Reserved Font Name" refers to any names specified as such after the
|
|
||||||
copyright statement(s).
|
|
||||||
|
|
||||||
"Original Version" refers to the collection of Font Software components as
|
|
||||||
distributed by the Copyright Holder(s).
|
|
||||||
|
|
||||||
"Modified Version" refers to any derivative made by adding to, deleting,
|
|
||||||
or substituting — in part or in whole — any of the components of the
|
|
||||||
Original Version, by changing formats or by porting the Font Software to a
|
|
||||||
new environment.
|
|
||||||
|
|
||||||
"Author" refers to any designer, engineer, programmer, technical
|
|
||||||
writer or other person who contributed to the Font Software.
|
|
||||||
|
|
||||||
PERMISSION & CONDITIONS
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining
|
|
||||||
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
|
||||||
redistribute, and sell modified and unmodified copies of the Font
|
|
||||||
Software, subject to the following conditions:
|
|
||||||
|
|
||||||
1) Neither the Font Software nor any of its individual components,
|
|
||||||
in Original or Modified Versions, may be sold by itself.
|
|
||||||
|
|
||||||
2) Original or Modified Versions of the Font Software may be bundled,
|
|
||||||
redistributed and/or sold with any software, provided that each copy
|
|
||||||
contains the above copyright notice and this license. These can be
|
|
||||||
included either as stand-alone text files, human-readable headers or
|
|
||||||
in the appropriate machine-readable metadata fields within text or
|
|
||||||
binary files as long as those fields can be easily viewed by the user.
|
|
||||||
|
|
||||||
3) No Modified Version of the Font Software may use the Reserved Font
|
|
||||||
Name(s) unless explicit written permission is granted by the corresponding
|
|
||||||
Copyright Holder. This restriction only applies to the primary font name as
|
|
||||||
presented to the users.
|
|
||||||
|
|
||||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
|
||||||
Software shall not be used to promote, endorse or advertise any
|
|
||||||
Modified Version, except to acknowledge the contribution(s) of the
|
|
||||||
Copyright Holder(s) and the Author(s) or with their explicit written
|
|
||||||
permission.
|
|
||||||
|
|
||||||
5) The Font Software, modified or unmodified, in part or in whole,
|
|
||||||
must be distributed entirely under this license, and must not be
|
|
||||||
distributed under any other license. The requirement for fonts to
|
|
||||||
remain under this license does not apply to any document created
|
|
||||||
using the Font Software.
|
|
||||||
|
|
||||||
TERMINATION
|
|
||||||
This license becomes null and void if any of the above conditions are
|
|
||||||
not met.
|
|
||||||
|
|
||||||
DISCLAIMER
|
|
||||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
||||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
|
||||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
|
||||||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
|
||||||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
||||||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
|
||||||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
||||||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
|
||||||
OTHER DEALINGS IN THE FONT SOFTWARE.
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# Code: MIT License (https://opensource.org/licenses/MIT)
|
|
||||||
|
|
||||||
In the Font Awesome Free download, the MIT license applies to all non-font and
|
|
||||||
non-icon files.
|
|
||||||
|
|
||||||
Copyright 2022 Fonticons, Inc.
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
||||||
this software and associated documentation files (the "Software"), to deal in the
|
|
||||||
Software without restriction, including without limitation the rights to use, copy,
|
|
||||||
modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
|
|
||||||
and to permit persons to whom the Software is furnished to do so, subject to the
|
|
||||||
following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
|
|
||||||
INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
|
|
||||||
PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
||||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
||||||
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
|
||||||
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# Attribution
|
|
||||||
|
|
||||||
Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
|
|
||||||
Awesome Free files already contain embedded comments with sufficient
|
|
||||||
attribution, so you shouldn't need to do anything additional when using these
|
|
||||||
files normally.
|
|
||||||
|
|
||||||
We've kept attribution comments terse, so we ask that you do not actively work
|
|
||||||
to remove them from files, especially code. They're a great way for folks to
|
|
||||||
learn about Font Awesome.
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
# Brand Icons
|
|
||||||
|
|
||||||
All brand icons are trademarks of their respective owners. The use of these
|
|
||||||
trademarks does not indicate endorsement of the trademark holder by Font
|
|
||||||
Awesome, nor vice versa. **Please do not use brand logos for any purpose except
|
|
||||||
to represent the company, product, or service to which they refer.**
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,19 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
:root, :host {
|
|
||||||
--fa-style-family-classic: 'Font Awesome 6 Free';
|
|
||||||
--fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 6 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-display: block;
|
|
||||||
src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
|
|
||||||
|
|
||||||
.far,
|
|
||||||
.fa-regular {
|
|
||||||
font-weight: 400; }
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
:root, :host {
|
|
||||||
--fa-style-family-classic: 'Font Awesome 6 Free';
|
|
||||||
--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 6 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 900;
|
|
||||||
font-display: block;
|
|
||||||
src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
|
|
||||||
|
|
||||||
.fas,
|
|
||||||
.fa-solid {
|
|
||||||
font-weight: 900; }
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
|
|
||||||
|
|
@ -1,635 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
:root, :host {
|
|
||||||
--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Solid';
|
|
||||||
--fa-font-regular: normal 400 1em/1 'Font Awesome 6 Regular';
|
|
||||||
--fa-font-light: normal 300 1em/1 'Font Awesome 6 Light';
|
|
||||||
--fa-font-thin: normal 100 1em/1 'Font Awesome 6 Thin';
|
|
||||||
--fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
|
|
||||||
--fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
|
|
||||||
--fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }
|
|
||||||
|
|
||||||
svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
|
|
||||||
overflow: visible;
|
|
||||||
box-sizing: content-box; }
|
|
||||||
|
|
||||||
.svg-inline--fa {
|
|
||||||
display: var(--fa-display, inline-block);
|
|
||||||
height: 1em;
|
|
||||||
overflow: visible;
|
|
||||||
vertical-align: -.125em; }
|
|
||||||
.svg-inline--fa.fa-2xs {
|
|
||||||
vertical-align: 0.1em; }
|
|
||||||
.svg-inline--fa.fa-xs {
|
|
||||||
vertical-align: 0em; }
|
|
||||||
.svg-inline--fa.fa-sm {
|
|
||||||
vertical-align: -0.07143em; }
|
|
||||||
.svg-inline--fa.fa-lg {
|
|
||||||
vertical-align: -0.2em; }
|
|
||||||
.svg-inline--fa.fa-xl {
|
|
||||||
vertical-align: -0.25em; }
|
|
||||||
.svg-inline--fa.fa-2xl {
|
|
||||||
vertical-align: -0.3125em; }
|
|
||||||
.svg-inline--fa.fa-pull-left {
|
|
||||||
margin-right: var(--fa-pull-margin, 0.3em);
|
|
||||||
width: auto; }
|
|
||||||
.svg-inline--fa.fa-pull-right {
|
|
||||||
margin-left: var(--fa-pull-margin, 0.3em);
|
|
||||||
width: auto; }
|
|
||||||
.svg-inline--fa.fa-li {
|
|
||||||
width: var(--fa-li-width, 2em);
|
|
||||||
top: 0.25em; }
|
|
||||||
.svg-inline--fa.fa-fw {
|
|
||||||
width: var(--fa-fw-width, 1.25em); }
|
|
||||||
|
|
||||||
.fa-layers svg.svg-inline--fa {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
margin: auto;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0; }
|
|
||||||
|
|
||||||
.fa-layers-text, .fa-layers-counter {
|
|
||||||
display: inline-block;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center; }
|
|
||||||
|
|
||||||
.fa-layers {
|
|
||||||
display: inline-block;
|
|
||||||
height: 1em;
|
|
||||||
position: relative;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: -.125em;
|
|
||||||
width: 1em; }
|
|
||||||
.fa-layers svg.svg-inline--fa {
|
|
||||||
-webkit-transform-origin: center center;
|
|
||||||
transform-origin: center center; }
|
|
||||||
|
|
||||||
.fa-layers-text {
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
-webkit-transform: translate(-50%, -50%);
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
-webkit-transform-origin: center center;
|
|
||||||
transform-origin: center center; }
|
|
||||||
|
|
||||||
.fa-layers-counter {
|
|
||||||
background-color: var(--fa-counter-background-color, #ff253a);
|
|
||||||
border-radius: var(--fa-counter-border-radius, 1em);
|
|
||||||
box-sizing: border-box;
|
|
||||||
color: var(--fa-inverse, #fff);
|
|
||||||
line-height: var(--fa-counter-line-height, 1);
|
|
||||||
max-width: var(--fa-counter-max-width, 5em);
|
|
||||||
min-width: var(--fa-counter-min-width, 1.5em);
|
|
||||||
overflow: hidden;
|
|
||||||
padding: var(--fa-counter-padding, 0.25em 0.5em);
|
|
||||||
right: var(--fa-right, 0);
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
top: var(--fa-top, 0);
|
|
||||||
-webkit-transform: scale(var(--fa-counter-scale, 0.25));
|
|
||||||
transform: scale(var(--fa-counter-scale, 0.25));
|
|
||||||
-webkit-transform-origin: top right;
|
|
||||||
transform-origin: top right; }
|
|
||||||
|
|
||||||
.fa-layers-bottom-right {
|
|
||||||
bottom: var(--fa-bottom, 0);
|
|
||||||
right: var(--fa-right, 0);
|
|
||||||
top: auto;
|
|
||||||
-webkit-transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
-webkit-transform-origin: bottom right;
|
|
||||||
transform-origin: bottom right; }
|
|
||||||
|
|
||||||
.fa-layers-bottom-left {
|
|
||||||
bottom: var(--fa-bottom, 0);
|
|
||||||
left: var(--fa-left, 0);
|
|
||||||
right: auto;
|
|
||||||
top: auto;
|
|
||||||
-webkit-transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
-webkit-transform-origin: bottom left;
|
|
||||||
transform-origin: bottom left; }
|
|
||||||
|
|
||||||
.fa-layers-top-right {
|
|
||||||
top: var(--fa-top, 0);
|
|
||||||
right: var(--fa-right, 0);
|
|
||||||
-webkit-transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
-webkit-transform-origin: top right;
|
|
||||||
transform-origin: top right; }
|
|
||||||
|
|
||||||
.fa-layers-top-left {
|
|
||||||
left: var(--fa-left, 0);
|
|
||||||
right: auto;
|
|
||||||
top: var(--fa-top, 0);
|
|
||||||
-webkit-transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
transform: scale(var(--fa-layers-scale, 0.25));
|
|
||||||
-webkit-transform-origin: top left;
|
|
||||||
transform-origin: top left; }
|
|
||||||
|
|
||||||
.fa-1x {
|
|
||||||
font-size: 1em; }
|
|
||||||
|
|
||||||
.fa-2x {
|
|
||||||
font-size: 2em; }
|
|
||||||
|
|
||||||
.fa-3x {
|
|
||||||
font-size: 3em; }
|
|
||||||
|
|
||||||
.fa-4x {
|
|
||||||
font-size: 4em; }
|
|
||||||
|
|
||||||
.fa-5x {
|
|
||||||
font-size: 5em; }
|
|
||||||
|
|
||||||
.fa-6x {
|
|
||||||
font-size: 6em; }
|
|
||||||
|
|
||||||
.fa-7x {
|
|
||||||
font-size: 7em; }
|
|
||||||
|
|
||||||
.fa-8x {
|
|
||||||
font-size: 8em; }
|
|
||||||
|
|
||||||
.fa-9x {
|
|
||||||
font-size: 9em; }
|
|
||||||
|
|
||||||
.fa-10x {
|
|
||||||
font-size: 10em; }
|
|
||||||
|
|
||||||
.fa-2xs {
|
|
||||||
font-size: 0.625em;
|
|
||||||
line-height: 0.1em;
|
|
||||||
vertical-align: 0.225em; }
|
|
||||||
|
|
||||||
.fa-xs {
|
|
||||||
font-size: 0.75em;
|
|
||||||
line-height: 0.08333em;
|
|
||||||
vertical-align: 0.125em; }
|
|
||||||
|
|
||||||
.fa-sm {
|
|
||||||
font-size: 0.875em;
|
|
||||||
line-height: 0.07143em;
|
|
||||||
vertical-align: 0.05357em; }
|
|
||||||
|
|
||||||
.fa-lg {
|
|
||||||
font-size: 1.25em;
|
|
||||||
line-height: 0.05em;
|
|
||||||
vertical-align: -0.075em; }
|
|
||||||
|
|
||||||
.fa-xl {
|
|
||||||
font-size: 1.5em;
|
|
||||||
line-height: 0.04167em;
|
|
||||||
vertical-align: -0.125em; }
|
|
||||||
|
|
||||||
.fa-2xl {
|
|
||||||
font-size: 2em;
|
|
||||||
line-height: 0.03125em;
|
|
||||||
vertical-align: -0.1875em; }
|
|
||||||
|
|
||||||
.fa-fw {
|
|
||||||
text-align: center;
|
|
||||||
width: 1.25em; }
|
|
||||||
|
|
||||||
.fa-ul {
|
|
||||||
list-style-type: none;
|
|
||||||
margin-left: var(--fa-li-margin, 2.5em);
|
|
||||||
padding-left: 0; }
|
|
||||||
.fa-ul > li {
|
|
||||||
position: relative; }
|
|
||||||
|
|
||||||
.fa-li {
|
|
||||||
left: calc(var(--fa-li-width, 2em) * -1);
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
width: var(--fa-li-width, 2em);
|
|
||||||
line-height: inherit; }
|
|
||||||
|
|
||||||
.fa-border {
|
|
||||||
border-color: var(--fa-border-color, #eee);
|
|
||||||
border-radius: var(--fa-border-radius, 0.1em);
|
|
||||||
border-style: var(--fa-border-style, solid);
|
|
||||||
border-width: var(--fa-border-width, 0.08em);
|
|
||||||
padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
|
|
||||||
|
|
||||||
.fa-pull-left {
|
|
||||||
float: left;
|
|
||||||
margin-right: var(--fa-pull-margin, 0.3em); }
|
|
||||||
|
|
||||||
.fa-pull-right {
|
|
||||||
float: right;
|
|
||||||
margin-left: var(--fa-pull-margin, 0.3em); }
|
|
||||||
|
|
||||||
.fa-beat {
|
|
||||||
-webkit-animation-name: fa-beat;
|
|
||||||
animation-name: fa-beat;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
|
|
||||||
animation-timing-function: var(--fa-animation-timing, ease-in-out); }
|
|
||||||
|
|
||||||
.fa-bounce {
|
|
||||||
-webkit-animation-name: fa-bounce;
|
|
||||||
animation-name: fa-bounce;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
|
|
||||||
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
|
|
||||||
|
|
||||||
.fa-fade {
|
|
||||||
-webkit-animation-name: fa-fade;
|
|
||||||
animation-name: fa-fade;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
|
|
||||||
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
|
|
||||||
|
|
||||||
.fa-beat-fade {
|
|
||||||
-webkit-animation-name: fa-beat-fade;
|
|
||||||
animation-name: fa-beat-fade;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
|
|
||||||
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
|
|
||||||
|
|
||||||
.fa-flip {
|
|
||||||
-webkit-animation-name: fa-flip;
|
|
||||||
animation-name: fa-flip;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
|
|
||||||
animation-timing-function: var(--fa-animation-timing, ease-in-out); }
|
|
||||||
|
|
||||||
.fa-shake {
|
|
||||||
-webkit-animation-name: fa-shake;
|
|
||||||
animation-name: fa-shake;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
|
|
||||||
animation-timing-function: var(--fa-animation-timing, linear); }
|
|
||||||
|
|
||||||
.fa-spin {
|
|
||||||
-webkit-animation-name: fa-spin;
|
|
||||||
animation-name: fa-spin;
|
|
||||||
-webkit-animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
animation-delay: var(--fa-animation-delay, 0s);
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 2s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 2s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
|
|
||||||
animation-timing-function: var(--fa-animation-timing, linear); }
|
|
||||||
|
|
||||||
.fa-spin-reverse {
|
|
||||||
--fa-animation-direction: reverse; }
|
|
||||||
|
|
||||||
.fa-pulse,
|
|
||||||
.fa-spin-pulse {
|
|
||||||
-webkit-animation-name: fa-spin;
|
|
||||||
animation-name: fa-spin;
|
|
||||||
-webkit-animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
animation-direction: var(--fa-animation-direction, normal);
|
|
||||||
-webkit-animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
animation-duration: var(--fa-animation-duration, 1s);
|
|
||||||
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
|
|
||||||
-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
|
|
||||||
animation-timing-function: var(--fa-animation-timing, steps(8)); }
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
.fa-beat,
|
|
||||||
.fa-bounce,
|
|
||||||
.fa-fade,
|
|
||||||
.fa-beat-fade,
|
|
||||||
.fa-flip,
|
|
||||||
.fa-pulse,
|
|
||||||
.fa-shake,
|
|
||||||
.fa-spin,
|
|
||||||
.fa-spin-pulse {
|
|
||||||
-webkit-animation-delay: -1ms;
|
|
||||||
animation-delay: -1ms;
|
|
||||||
-webkit-animation-duration: 1ms;
|
|
||||||
animation-duration: 1ms;
|
|
||||||
-webkit-animation-iteration-count: 1;
|
|
||||||
animation-iteration-count: 1;
|
|
||||||
transition-delay: 0s;
|
|
||||||
transition-duration: 0s; } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-beat {
|
|
||||||
0%, 90% {
|
|
||||||
-webkit-transform: scale(1);
|
|
||||||
transform: scale(1); }
|
|
||||||
45% {
|
|
||||||
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
|
|
||||||
transform: scale(var(--fa-beat-scale, 1.25)); } }
|
|
||||||
|
|
||||||
@keyframes fa-beat {
|
|
||||||
0%, 90% {
|
|
||||||
-webkit-transform: scale(1);
|
|
||||||
transform: scale(1); }
|
|
||||||
45% {
|
|
||||||
-webkit-transform: scale(var(--fa-beat-scale, 1.25));
|
|
||||||
transform: scale(var(--fa-beat-scale, 1.25)); } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-bounce {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(0);
|
|
||||||
transform: scale(1, 1) translateY(0); }
|
|
||||||
10% {
|
|
||||||
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
|
|
||||||
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
|
|
||||||
30% {
|
|
||||||
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
|
|
||||||
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
|
|
||||||
50% {
|
|
||||||
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
|
|
||||||
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
|
|
||||||
57% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
|
|
||||||
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
|
|
||||||
64% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(0);
|
|
||||||
transform: scale(1, 1) translateY(0); }
|
|
||||||
100% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(0);
|
|
||||||
transform: scale(1, 1) translateY(0); } }
|
|
||||||
|
|
||||||
@keyframes fa-bounce {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(0);
|
|
||||||
transform: scale(1, 1) translateY(0); }
|
|
||||||
10% {
|
|
||||||
-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
|
|
||||||
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
|
|
||||||
30% {
|
|
||||||
-webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
|
|
||||||
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
|
|
||||||
50% {
|
|
||||||
-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
|
|
||||||
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
|
|
||||||
57% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
|
|
||||||
transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
|
|
||||||
64% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(0);
|
|
||||||
transform: scale(1, 1) translateY(0); }
|
|
||||||
100% {
|
|
||||||
-webkit-transform: scale(1, 1) translateY(0);
|
|
||||||
transform: scale(1, 1) translateY(0); } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-fade {
|
|
||||||
50% {
|
|
||||||
opacity: var(--fa-fade-opacity, 0.4); } }
|
|
||||||
|
|
||||||
@keyframes fa-fade {
|
|
||||||
50% {
|
|
||||||
opacity: var(--fa-fade-opacity, 0.4); } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-beat-fade {
|
|
||||||
0%, 100% {
|
|
||||||
opacity: var(--fa-beat-fade-opacity, 0.4);
|
|
||||||
-webkit-transform: scale(1);
|
|
||||||
transform: scale(1); }
|
|
||||||
50% {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
|
|
||||||
transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
|
|
||||||
|
|
||||||
@keyframes fa-beat-fade {
|
|
||||||
0%, 100% {
|
|
||||||
opacity: var(--fa-beat-fade-opacity, 0.4);
|
|
||||||
-webkit-transform: scale(1);
|
|
||||||
transform: scale(1); }
|
|
||||||
50% {
|
|
||||||
opacity: 1;
|
|
||||||
-webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
|
|
||||||
transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-flip {
|
|
||||||
50% {
|
|
||||||
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
|
|
||||||
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
|
|
||||||
|
|
||||||
@keyframes fa-flip {
|
|
||||||
50% {
|
|
||||||
-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
|
|
||||||
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-shake {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: rotate(-15deg);
|
|
||||||
transform: rotate(-15deg); }
|
|
||||||
4% {
|
|
||||||
-webkit-transform: rotate(15deg);
|
|
||||||
transform: rotate(15deg); }
|
|
||||||
8%, 24% {
|
|
||||||
-webkit-transform: rotate(-18deg);
|
|
||||||
transform: rotate(-18deg); }
|
|
||||||
12%, 28% {
|
|
||||||
-webkit-transform: rotate(18deg);
|
|
||||||
transform: rotate(18deg); }
|
|
||||||
16% {
|
|
||||||
-webkit-transform: rotate(-22deg);
|
|
||||||
transform: rotate(-22deg); }
|
|
||||||
20% {
|
|
||||||
-webkit-transform: rotate(22deg);
|
|
||||||
transform: rotate(22deg); }
|
|
||||||
32% {
|
|
||||||
-webkit-transform: rotate(-12deg);
|
|
||||||
transform: rotate(-12deg); }
|
|
||||||
36% {
|
|
||||||
-webkit-transform: rotate(12deg);
|
|
||||||
transform: rotate(12deg); }
|
|
||||||
40%, 100% {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg); } }
|
|
||||||
|
|
||||||
@keyframes fa-shake {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: rotate(-15deg);
|
|
||||||
transform: rotate(-15deg); }
|
|
||||||
4% {
|
|
||||||
-webkit-transform: rotate(15deg);
|
|
||||||
transform: rotate(15deg); }
|
|
||||||
8%, 24% {
|
|
||||||
-webkit-transform: rotate(-18deg);
|
|
||||||
transform: rotate(-18deg); }
|
|
||||||
12%, 28% {
|
|
||||||
-webkit-transform: rotate(18deg);
|
|
||||||
transform: rotate(18deg); }
|
|
||||||
16% {
|
|
||||||
-webkit-transform: rotate(-22deg);
|
|
||||||
transform: rotate(-22deg); }
|
|
||||||
20% {
|
|
||||||
-webkit-transform: rotate(22deg);
|
|
||||||
transform: rotate(22deg); }
|
|
||||||
32% {
|
|
||||||
-webkit-transform: rotate(-12deg);
|
|
||||||
transform: rotate(-12deg); }
|
|
||||||
36% {
|
|
||||||
-webkit-transform: rotate(12deg);
|
|
||||||
transform: rotate(12deg); }
|
|
||||||
40%, 100% {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg); } }
|
|
||||||
|
|
||||||
@-webkit-keyframes fa-spin {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg); }
|
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(360deg);
|
|
||||||
transform: rotate(360deg); } }
|
|
||||||
|
|
||||||
@keyframes fa-spin {
|
|
||||||
0% {
|
|
||||||
-webkit-transform: rotate(0deg);
|
|
||||||
transform: rotate(0deg); }
|
|
||||||
100% {
|
|
||||||
-webkit-transform: rotate(360deg);
|
|
||||||
transform: rotate(360deg); } }
|
|
||||||
|
|
||||||
.fa-rotate-90 {
|
|
||||||
-webkit-transform: rotate(90deg);
|
|
||||||
transform: rotate(90deg); }
|
|
||||||
|
|
||||||
.fa-rotate-180 {
|
|
||||||
-webkit-transform: rotate(180deg);
|
|
||||||
transform: rotate(180deg); }
|
|
||||||
|
|
||||||
.fa-rotate-270 {
|
|
||||||
-webkit-transform: rotate(270deg);
|
|
||||||
transform: rotate(270deg); }
|
|
||||||
|
|
||||||
.fa-flip-horizontal {
|
|
||||||
-webkit-transform: scale(-1, 1);
|
|
||||||
transform: scale(-1, 1); }
|
|
||||||
|
|
||||||
.fa-flip-vertical {
|
|
||||||
-webkit-transform: scale(1, -1);
|
|
||||||
transform: scale(1, -1); }
|
|
||||||
|
|
||||||
.fa-flip-both,
|
|
||||||
.fa-flip-horizontal.fa-flip-vertical {
|
|
||||||
-webkit-transform: scale(-1, -1);
|
|
||||||
transform: scale(-1, -1); }
|
|
||||||
|
|
||||||
.fa-rotate-by {
|
|
||||||
-webkit-transform: rotate(var(--fa-rotate-angle, none));
|
|
||||||
transform: rotate(var(--fa-rotate-angle, none)); }
|
|
||||||
|
|
||||||
.fa-stack {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
height: 2em;
|
|
||||||
position: relative;
|
|
||||||
width: 2.5em; }
|
|
||||||
|
|
||||||
.fa-stack-1x,
|
|
||||||
.fa-stack-2x {
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
margin: auto;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
z-index: var(--fa-stack-z-index, auto); }
|
|
||||||
|
|
||||||
.svg-inline--fa.fa-stack-1x {
|
|
||||||
height: 1em;
|
|
||||||
width: 1.25em; }
|
|
||||||
|
|
||||||
.svg-inline--fa.fa-stack-2x {
|
|
||||||
height: 2em;
|
|
||||||
width: 2.5em; }
|
|
||||||
|
|
||||||
.fa-inverse {
|
|
||||||
color: var(--fa-inverse, #fff); }
|
|
||||||
|
|
||||||
.sr-only,
|
|
||||||
.fa-sr-only {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
padding: 0;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(0, 0, 0, 0);
|
|
||||||
white-space: nowrap;
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
.sr-only-focusable:not(:focus),
|
|
||||||
.fa-sr-only-focusable:not(:focus) {
|
|
||||||
position: absolute;
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
padding: 0;
|
|
||||||
margin: -1px;
|
|
||||||
overflow: hidden;
|
|
||||||
clip: rect(0, 0, 0, 0);
|
|
||||||
white-space: nowrap;
|
|
||||||
border-width: 0; }
|
|
||||||
|
|
||||||
.svg-inline--fa .fa-primary {
|
|
||||||
fill: var(--fa-primary-color, currentColor);
|
|
||||||
opacity: var(--fa-primary-opacity, 1); }
|
|
||||||
|
|
||||||
.svg-inline--fa .fa-secondary {
|
|
||||||
fill: var(--fa-secondary-color, currentColor);
|
|
||||||
opacity: var(--fa-secondary-opacity, 0.4); }
|
|
||||||
|
|
||||||
.svg-inline--fa.fa-swap-opacity .fa-primary {
|
|
||||||
opacity: var(--fa-secondary-opacity, 0.4); }
|
|
||||||
|
|
||||||
.svg-inline--fa.fa-swap-opacity .fa-secondary {
|
|
||||||
opacity: var(--fa-primary-opacity, 1); }
|
|
||||||
|
|
||||||
.svg-inline--fa mask .fa-primary,
|
|
||||||
.svg-inline--fa mask .fa-secondary {
|
|
||||||
fill: black; }
|
|
||||||
|
|
||||||
.fad.fa-inverse,
|
|
||||||
.fa-duotone.fa-inverse {
|
|
||||||
color: var(--fa-inverse, #fff); }
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -1,26 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
font-display: block;
|
|
||||||
src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
font-display: block;
|
|
||||||
src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
font-display: block;
|
|
||||||
src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
|
|
||||||
unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'FontAwesome';
|
|
||||||
font-display: block;
|
|
||||||
src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
|
|
||||||
unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,22 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Brands';
|
|
||||||
font-display: block;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-display: block;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-display: block;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
/*!
|
|
||||||
* Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com
|
|
||||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
||||||
* Copyright 2022 Fonticons, Inc.
|
|
||||||
*/
|
|
||||||
@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,115 +0,0 @@
|
||||||
|
|
||||||
.bc-btn, button {
|
|
||||||
all: unset;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0.5em 1em;
|
|
||||||
border-radius: 0.5em;
|
|
||||||
font-weight: 600;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
font-family: var(--font);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-btn:hover, button:hover {
|
|
||||||
background-color: var(--oc-gray-4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-btn-primary {
|
|
||||||
background-color: var(--oc-blue-5);
|
|
||||||
color: var(--oc-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bc-btn-primary:hover {
|
|
||||||
background-color: var(--oc-blue-6);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="checkbox"] {
|
|
||||||
all: unset;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
background-color: var(--oc-gray-4);
|
|
||||||
border-radius: 0.25em;
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
|
|
||||||
transition: all 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="checkbox"]:checked {
|
|
||||||
|
|
||||||
|
|
||||||
background-color: var(--oc-blue-5);
|
|
||||||
color: var(--oc-white);
|
|
||||||
}
|
|
||||||
input[type="checkbox"]:checked:hover {
|
|
||||||
background-color: var(--oc-blue-6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input:has(input[data-com-onepassword-filled="dark"]) {
|
|
||||||
background-color: rgb(36, 107, 179) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input:has(input[data-com-onepassword-filled="light"]) {
|
|
||||||
background-color: rgb(219, 237, 255) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[data-com-onepassword-filled="dark"] {
|
|
||||||
color: var(--oc-blue-0) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[data-com-onepassword-filled="light"] {
|
|
||||||
color: var(--oc-blue-8) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.input {
|
|
||||||
padding: 0.5em;
|
|
||||||
|
|
||||||
/* width: 100%; */
|
|
||||||
|
|
||||||
|
|
||||||
flex-grow: 1;
|
|
||||||
|
|
||||||
border: none;
|
|
||||||
border-radius: 0.5em;
|
|
||||||
|
|
||||||
background-color: var(--oc-gray-4);
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input label.hasborder {
|
|
||||||
border-right: 1px solid var(--oc-gray-5);
|
|
||||||
|
|
||||||
padding-right: .3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input input {
|
|
||||||
all: unset;
|
|
||||||
flex: 1 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input button {
|
|
||||||
all: unset;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
border-left: 1px solid var(--oc-gray-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (prefers-color-scheme: dark) {
|
|
||||||
.input {
|
|
||||||
background-color: var(--oc-gray-8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input input {
|
|
||||||
color: var(--oc-gray-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.input label.hasborder {
|
|
||||||
border-right: 1px solid var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,111 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
background-color: var(--oc-gray-1);
|
|
||||||
display: flex;
|
|
||||||
padding: 10px;
|
|
||||||
border-radius: calc(0.5em + 10px);
|
|
||||||
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.password-strength ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.finisher {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 0.5em;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-buttons {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 0.5em;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
background-color: var(--oc-gray-1);
|
|
||||||
padding: 0.5em;
|
|
||||||
border-radius: calc(0.5em + 10px);
|
|
||||||
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-sso {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 0.5em;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: center;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
|
|
||||||
border: 1px solid var(--oc-gray-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-omglol {
|
|
||||||
background-color: var(--oc-pink-1);
|
|
||||||
color: var(--oc-pink-8);
|
|
||||||
|
|
||||||
border: 1px solid var(--oc-pink-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-sso img {
|
|
||||||
width: 32px;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-omglol:hover {
|
|
||||||
background-color: var(--oc-pink-2);
|
|
||||||
color: var(--oc-pink-9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-litauth {
|
|
||||||
background-color: var(--oc-blue-1);
|
|
||||||
color: var(--oc-blue-8);
|
|
||||||
|
|
||||||
border: 1px solid var(--oc-blue-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-litauth:hover {
|
|
||||||
background-color: rgb(59 130 246);
|
|
||||||
color: var(--oc-blue-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-github, .sso-steam {
|
|
||||||
background-color: var(--oc-gray-1);
|
|
||||||
color: var(--oc-gray-8);
|
|
||||||
|
|
||||||
border: 1px solid var(--oc-gray-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-github:hover, .sso-steam:hover {
|
|
||||||
background-color: var(--oc-gray-2);
|
|
||||||
color: var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (prefers-color-scheme: dark) {
|
|
||||||
form {
|
|
||||||
background-color: var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.sso-buttons {
|
|
||||||
background-color: var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,343 +0,0 @@
|
||||||
/*
|
|
||||||
*
|
|
||||||
* 𝗖 𝗢 𝗟 𝗢 𝗥
|
|
||||||
* v 1.9.1
|
|
||||||
*
|
|
||||||
* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
|
|
||||||
/* General
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-white: #ffffff;
|
|
||||||
--oc-white-rgb: 255, 255, 255;
|
|
||||||
--oc-black: #000000;
|
|
||||||
--oc-black-rgb: 0, 0, 0;
|
|
||||||
|
|
||||||
|
|
||||||
/* Gray
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-gray-0: #f8f9fa;
|
|
||||||
--oc-gray-0-rgb: 248, 249, 250;
|
|
||||||
--oc-gray-1: #f1f3f5;
|
|
||||||
--oc-gray-1-rgb: 241, 243, 245;
|
|
||||||
--oc-gray-2: #e9ecef;
|
|
||||||
--oc-gray-2-rgb: 233, 236, 239;
|
|
||||||
--oc-gray-3: #dee2e6;
|
|
||||||
--oc-gray-3-rgb: 222, 226, 230;
|
|
||||||
--oc-gray-4: #ced4da;
|
|
||||||
--oc-gray-4-rgb: 206, 212, 218;
|
|
||||||
--oc-gray-5: #adb5bd;
|
|
||||||
--oc-gray-5-rgb: 173, 181, 189;
|
|
||||||
--oc-gray-6: #868e96;
|
|
||||||
--oc-gray-6-rgb: 134, 142, 150;
|
|
||||||
--oc-gray-7: #495057;
|
|
||||||
--oc-gray-7-rgb: 73, 80, 87;
|
|
||||||
--oc-gray-8: #343a40;
|
|
||||||
--oc-gray-8-rgb: 52, 58, 64;
|
|
||||||
--oc-gray-9: #212529;
|
|
||||||
--oc-gray-9-rgb: 33, 37, 41;
|
|
||||||
|
|
||||||
|
|
||||||
/* Red
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-red-0: #fff5f5;
|
|
||||||
--oc-red-0-rgb: 255, 245, 245;
|
|
||||||
--oc-red-1: #ffe3e3;
|
|
||||||
--oc-red-1-rgb: 255, 227, 227;
|
|
||||||
--oc-red-2: #ffc9c9;
|
|
||||||
--oc-red-2-rgb: 255, 201, 201;
|
|
||||||
--oc-red-3: #ffa8a8;
|
|
||||||
--oc-red-3-rgb: 255, 168, 168;
|
|
||||||
--oc-red-4: #ff8787;
|
|
||||||
--oc-red-4-rgb: 255, 135, 135;
|
|
||||||
--oc-red-5: #ff6b6b;
|
|
||||||
--oc-red-5-rgb: 255, 107, 107;
|
|
||||||
--oc-red-6: #fa5252;
|
|
||||||
--oc-red-6-rgb: 250, 82, 82;
|
|
||||||
--oc-red-7: #f03e3e;
|
|
||||||
--oc-red-7-rgb: 240, 62, 62;
|
|
||||||
--oc-red-8: #e03131;
|
|
||||||
--oc-red-8-rgb: 224, 49, 49;
|
|
||||||
--oc-red-9: #c92a2a;
|
|
||||||
--oc-red-9-rgb: 201, 42, 42;
|
|
||||||
|
|
||||||
|
|
||||||
/* Pink
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-pink-0: #fff0f6;
|
|
||||||
--oc-pink-0-rgb: 255, 240, 246;
|
|
||||||
--oc-pink-1: #ffdeeb;
|
|
||||||
--oc-pink-1-rgb: 255, 222, 235;
|
|
||||||
--oc-pink-2: #fcc2d7;
|
|
||||||
--oc-pink-2-rgb: 252, 194, 215;
|
|
||||||
--oc-pink-3: #faa2c1;
|
|
||||||
--oc-pink-3-rgb: 250, 162, 193;
|
|
||||||
--oc-pink-4: #f783ac;
|
|
||||||
--oc-pink-4-rgb: 247, 131, 172;
|
|
||||||
--oc-pink-5: #f06595;
|
|
||||||
--oc-pink-5-rgb: 240, 101, 149;
|
|
||||||
--oc-pink-6: #e64980;
|
|
||||||
--oc-pink-6-rgb: 230, 73, 128;
|
|
||||||
--oc-pink-7: #d6336c;
|
|
||||||
--oc-pink-7-rgb: 214, 51, 108;
|
|
||||||
--oc-pink-8: #c2255c;
|
|
||||||
--oc-pink-8-rgb: 194, 37, 92;
|
|
||||||
--oc-pink-9: #a61e4d;
|
|
||||||
--oc-pink-9-rgb: 166, 30, 77;
|
|
||||||
|
|
||||||
|
|
||||||
/* Grape
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-grape-0: #f8f0fc;
|
|
||||||
--oc-grape-0-rgb: 248, 240, 252;
|
|
||||||
--oc-grape-1: #f3d9fa;
|
|
||||||
--oc-grape-1-rgb: 243, 217, 250;
|
|
||||||
--oc-grape-2: #eebefa;
|
|
||||||
--oc-grape-2-rgb: 238, 190, 250;
|
|
||||||
--oc-grape-3: #e599f7;
|
|
||||||
--oc-grape-3-rgb: 229, 153, 247;
|
|
||||||
--oc-grape-4: #da77f2;
|
|
||||||
--oc-grape-4-rgb: 218, 119, 242;
|
|
||||||
--oc-grape-5: #cc5de8;
|
|
||||||
--oc-grape-5-rgb: 204, 93, 232;
|
|
||||||
--oc-grape-6: #be4bdb;
|
|
||||||
--oc-grape-6-rgb: 190, 75, 219;
|
|
||||||
--oc-grape-7: #ae3ec9;
|
|
||||||
--oc-grape-7-rgb: 174, 62, 201;
|
|
||||||
--oc-grape-8: #9c36b5;
|
|
||||||
--oc-grape-8-rgb: 156, 54, 181;
|
|
||||||
--oc-grape-9: #862e9c;
|
|
||||||
--oc-grape-9-rgb: 134, 46, 156;
|
|
||||||
|
|
||||||
|
|
||||||
/* Violet
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-violet-0: #f3f0ff;
|
|
||||||
--oc-violet-0-rgb: 243, 240, 255;
|
|
||||||
--oc-violet-1: #e5dbff;
|
|
||||||
--oc-violet-1-rgb: 229, 219, 255;
|
|
||||||
--oc-violet-2: #d0bfff;
|
|
||||||
--oc-violet-2-rgb: 208, 191, 255;
|
|
||||||
--oc-violet-3: #b197fc;
|
|
||||||
--oc-violet-3-rgb: 177, 151, 252;
|
|
||||||
--oc-violet-4: #9775fa;
|
|
||||||
--oc-violet-4-rgb: 151, 117, 250;
|
|
||||||
--oc-violet-5: #845ef7;
|
|
||||||
--oc-violet-5-rgb: 132, 94, 247;
|
|
||||||
--oc-violet-6: #7950f2;
|
|
||||||
--oc-violet-6-rgb: 121, 80, 242;
|
|
||||||
--oc-violet-7: #7048e8;
|
|
||||||
--oc-violet-7-rgb: 112, 72, 232;
|
|
||||||
--oc-violet-8: #6741d9;
|
|
||||||
--oc-violet-8-rgb: 103, 65, 217;
|
|
||||||
--oc-violet-9: #5f3dc4;
|
|
||||||
--oc-violet-9-rgb: 95, 61, 196;
|
|
||||||
|
|
||||||
|
|
||||||
/* Indigo
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-indigo-0: #edf2ff;
|
|
||||||
--oc-indigo-0-rgb: 237, 242, 255;
|
|
||||||
--oc-indigo-1: #dbe4ff;
|
|
||||||
--oc-indigo-1-rgb: 219, 228, 255;
|
|
||||||
--oc-indigo-2: #bac8ff;
|
|
||||||
--oc-indigo-2-rgb: 186, 200, 255;
|
|
||||||
--oc-indigo-3: #91a7ff;
|
|
||||||
--oc-indigo-3-rgb: 145, 167, 255;
|
|
||||||
--oc-indigo-4: #748ffc;
|
|
||||||
--oc-indigo-4-rgb: 116, 143, 252;
|
|
||||||
--oc-indigo-5: #5c7cfa;
|
|
||||||
--oc-indigo-5-rgb: 92, 124, 250;
|
|
||||||
--oc-indigo-6: #4c6ef5;
|
|
||||||
--oc-indigo-6-rgb: 76, 110, 245;
|
|
||||||
--oc-indigo-7: #4263eb;
|
|
||||||
--oc-indigo-7-rgb: 66, 99, 235;
|
|
||||||
--oc-indigo-8: #3b5bdb;
|
|
||||||
--oc-indigo-8-rgb: 59, 91, 219;
|
|
||||||
--oc-indigo-9: #364fc7;
|
|
||||||
--oc-indigo-9-rgb: 54, 79, 199;
|
|
||||||
|
|
||||||
|
|
||||||
/* Blue
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-blue-0: #e7f5ff;
|
|
||||||
--oc-blue-0-rgb: 231, 245, 255;
|
|
||||||
--oc-blue-1: #d0ebff;
|
|
||||||
--oc-blue-1-rgb: 208, 235, 255;
|
|
||||||
--oc-blue-2: #a5d8ff;
|
|
||||||
--oc-blue-2-rgb: 165, 216, 255;
|
|
||||||
--oc-blue-3: #74c0fc;
|
|
||||||
--oc-blue-3-rgb: 116, 192, 252;
|
|
||||||
--oc-blue-4: #4dabf7;
|
|
||||||
--oc-blue-4-rgb: 77, 171, 247;
|
|
||||||
--oc-blue-5: #339af0;
|
|
||||||
--oc-blue-5-rgb: 51, 154, 240;
|
|
||||||
--oc-blue-6: #228be6;
|
|
||||||
--oc-blue-6-rgb: 34, 139, 230;
|
|
||||||
--oc-blue-7: #1c7ed6;
|
|
||||||
--oc-blue-7-rgb: 28, 126, 214;
|
|
||||||
--oc-blue-8: #1971c2;
|
|
||||||
--oc-blue-8-rgb: 25, 113, 194;
|
|
||||||
--oc-blue-9: #1864ab;
|
|
||||||
--oc-blue-9-rgb: 24, 100, 171;
|
|
||||||
|
|
||||||
|
|
||||||
/* Cyan
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-cyan-0: #e3fafc;
|
|
||||||
--oc-cyan-0-rgb: 227, 250, 252;
|
|
||||||
--oc-cyan-1: #c5f6fa;
|
|
||||||
--oc-cyan-1-rgb: 197, 246, 250;
|
|
||||||
--oc-cyan-2: #99e9f2;
|
|
||||||
--oc-cyan-2-rgb: 153, 233, 242;
|
|
||||||
--oc-cyan-3: #66d9e8;
|
|
||||||
--oc-cyan-3-rgb: 102, 217, 232;
|
|
||||||
--oc-cyan-4: #3bc9db;
|
|
||||||
--oc-cyan-4-rgb: 59, 201, 219;
|
|
||||||
--oc-cyan-5: #22b8cf;
|
|
||||||
--oc-cyan-5-rgb: 34, 184, 207;
|
|
||||||
--oc-cyan-6: #15aabf;
|
|
||||||
--oc-cyan-6-rgb: 21, 170, 191;
|
|
||||||
--oc-cyan-7: #1098ad;
|
|
||||||
--oc-cyan-7-rgb: 16, 152, 173;
|
|
||||||
--oc-cyan-8: #0c8599;
|
|
||||||
--oc-cyan-8-rgb: 12, 133, 153;
|
|
||||||
--oc-cyan-9: #0b7285;
|
|
||||||
--oc-cyan-9-rgb: 11, 114, 133;
|
|
||||||
|
|
||||||
|
|
||||||
/* Teal
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-teal-0: #e6fcf5;
|
|
||||||
--oc-teal-0-rgb: 230, 252, 245;
|
|
||||||
--oc-teal-1: #c3fae8;
|
|
||||||
--oc-teal-1-rgb: 195, 250, 232;
|
|
||||||
--oc-teal-2: #96f2d7;
|
|
||||||
--oc-teal-2-rgb: 150, 242, 215;
|
|
||||||
--oc-teal-3: #63e6be;
|
|
||||||
--oc-teal-3-rgb: 99, 230, 190;
|
|
||||||
--oc-teal-4: #38d9a9;
|
|
||||||
--oc-teal-4-rgb: 56, 217, 169;
|
|
||||||
--oc-teal-5: #20c997;
|
|
||||||
--oc-teal-5-rgb: 32, 201, 151;
|
|
||||||
--oc-teal-6: #12b886;
|
|
||||||
--oc-teal-6-rgb: 18, 184, 134;
|
|
||||||
--oc-teal-7: #0ca678;
|
|
||||||
--oc-teal-7-rgb: 12, 166, 120;
|
|
||||||
--oc-teal-8: #099268;
|
|
||||||
--oc-teal-8-rgb: 9, 146, 104;
|
|
||||||
--oc-teal-9: #087f5b;
|
|
||||||
--oc-teal-9-rgb: 8, 127, 91;
|
|
||||||
|
|
||||||
|
|
||||||
/* Green
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-green-0: #ebfbee;
|
|
||||||
--oc-green-0-rgb: 235, 251, 238;
|
|
||||||
--oc-green-1: #d3f9d8;
|
|
||||||
--oc-green-1-rgb: 211, 249, 216;
|
|
||||||
--oc-green-2: #b2f2bb;
|
|
||||||
--oc-green-2-rgb: 178, 242, 187;
|
|
||||||
--oc-green-3: #8ce99a;
|
|
||||||
--oc-green-3-rgb: 140, 233, 154;
|
|
||||||
--oc-green-4: #69db7c;
|
|
||||||
--oc-green-4-rgb: 105, 219, 124;
|
|
||||||
--oc-green-5: #51cf66;
|
|
||||||
--oc-green-5-rgb: 81, 207, 102;
|
|
||||||
--oc-green-6: #40c057;
|
|
||||||
--oc-green-6-rgb: 64, 192, 87;
|
|
||||||
--oc-green-7: #37b24d;
|
|
||||||
--oc-green-7-rgb: 55, 178, 77;
|
|
||||||
--oc-green-8: #2f9e44;
|
|
||||||
--oc-green-8-rgb: 47, 158, 68;
|
|
||||||
--oc-green-9: #2b8a3e;
|
|
||||||
--oc-green-9-rgb: 43, 138, 62;
|
|
||||||
|
|
||||||
|
|
||||||
/* Lime
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-lime-0: #f4fce3;
|
|
||||||
--oc-lime-0-rgb: 244, 252, 227;
|
|
||||||
--oc-lime-1: #e9fac8;
|
|
||||||
--oc-lime-1-rgb: 233, 250, 200;
|
|
||||||
--oc-lime-2: #d8f5a2;
|
|
||||||
--oc-lime-2-rgb: 216, 245, 162;
|
|
||||||
--oc-lime-3: #c0eb75;
|
|
||||||
--oc-lime-3-rgb: 192, 235, 117;
|
|
||||||
--oc-lime-4: #a9e34b;
|
|
||||||
--oc-lime-4-rgb: 169, 227, 75;
|
|
||||||
--oc-lime-5: #94d82d;
|
|
||||||
--oc-lime-5-rgb: 148, 216, 45;
|
|
||||||
--oc-lime-6: #82c91e;
|
|
||||||
--oc-lime-6-rgb: 130, 201, 30;
|
|
||||||
--oc-lime-7: #74b816;
|
|
||||||
--oc-lime-7-rgb: 116, 184, 22;
|
|
||||||
--oc-lime-8: #66a80f;
|
|
||||||
--oc-lime-8-rgb: 102, 168, 15;
|
|
||||||
--oc-lime-9: #5c940d;
|
|
||||||
--oc-lime-9-rgb: 92, 148, 13;
|
|
||||||
|
|
||||||
|
|
||||||
/* Yellow
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-yellow-0: #fff9db;
|
|
||||||
--oc-yellow-0-rgb: 255, 249, 219;
|
|
||||||
--oc-yellow-1: #fff3bf;
|
|
||||||
--oc-yellow-1-rgb: 255, 243, 191;
|
|
||||||
--oc-yellow-2: #ffec99;
|
|
||||||
--oc-yellow-2-rgb: 255, 236, 153;
|
|
||||||
--oc-yellow-3: #ffe066;
|
|
||||||
--oc-yellow-3-rgb: 255, 224, 102;
|
|
||||||
--oc-yellow-4: #ffd43b;
|
|
||||||
--oc-yellow-4-rgb: 255, 212, 59;
|
|
||||||
--oc-yellow-5: #fcc419;
|
|
||||||
--oc-yellow-5-rgb: 252, 196, 25;
|
|
||||||
--oc-yellow-6: #fab005;
|
|
||||||
--oc-yellow-6-rgb: 250, 176, 5;
|
|
||||||
--oc-yellow-7: #f59f00;
|
|
||||||
--oc-yellow-7-rgb: 245, 159, 0;
|
|
||||||
--oc-yellow-8: #f08c00;
|
|
||||||
--oc-yellow-8-rgb: 240, 140, 0;
|
|
||||||
--oc-yellow-9: #e67700;
|
|
||||||
--oc-yellow-9-rgb: 230, 119, 0;
|
|
||||||
|
|
||||||
|
|
||||||
/* Orange
|
|
||||||
* ─────────────────────────────────── */
|
|
||||||
|
|
||||||
--oc-orange-0: #fff4e6;
|
|
||||||
--oc-orange-0-rgb: 255, 244, 230;
|
|
||||||
--oc-orange-1: #ffe8cc;
|
|
||||||
--oc-orange-1-rgb: 255, 232, 204;
|
|
||||||
--oc-orange-2: #ffd8a8;
|
|
||||||
--oc-orange-2-rgb: 255, 216, 168;
|
|
||||||
--oc-orange-3: #ffc078;
|
|
||||||
--oc-orange-3-rgb: 255, 192, 120;
|
|
||||||
--oc-orange-4: #ffa94d;
|
|
||||||
--oc-orange-4-rgb: 255, 169, 77;
|
|
||||||
--oc-orange-5: #ff922b;
|
|
||||||
--oc-orange-5-rgb: 255, 146, 43;
|
|
||||||
--oc-orange-6: #fd7e14;
|
|
||||||
--oc-orange-6-rgb: 253, 126, 20;
|
|
||||||
--oc-orange-7: #f76707;
|
|
||||||
--oc-orange-7-rgb: 247, 103, 7;
|
|
||||||
--oc-orange-8: #e8590c;
|
|
||||||
--oc-orange-8-rgb: 232, 89, 12;
|
|
||||||
--oc-orange-9: #d9480f;
|
|
||||||
--oc-orange-9-rgb: 217, 72, 15;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
|
|
||||||
.card {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 4px;
|
|
||||||
box-shadow: 0 0 10px var(--oc-gray-4);
|
|
||||||
padding: 20px;
|
|
||||||
|
|
||||||
width: 150px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
font-size: .9em;
|
|
||||||
|
|
||||||
margin-bottom: 21.440px;
|
|
||||||
|
|
||||||
color: var(--oc-gray-9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header > h1 {
|
|
||||||
font-size: 1.3em;
|
|
||||||
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card > .avatar {
|
|
||||||
/* img */
|
|
||||||
margin: auto;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card > h2 {
|
|
||||||
font-size: 1.2em;
|
|
||||||
font-weight: 600;
|
|
||||||
|
|
||||||
margin: auto
|
|
||||||
}
|
|
||||||
|
|
||||||
.card p {
|
|
||||||
margin: auto;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
|
|
||||||
/* Fonts. */
|
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap'); /* for BCIDs */
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;800;900&display=swap'); /* For title, byecorps logo, headers, etc */
|
|
||||||
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap'); /* For body text */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--bcid-font: 'Courier Prime', monospace;
|
|
||||||
--bc-font: 'Montserrat', sans-serif;
|
|
||||||
--font: 'IBM Plex Sans', sans-serif;
|
|
||||||
|
|
||||||
--bc-weight-1: 700;
|
|
||||||
--bc-weight-2: 600;
|
|
||||||
--bc-weight-3: 900;
|
|
||||||
}
|
|
||||||
|
|
@ -54,6 +54,7 @@ $include = "404.html";
|
||||||
|
|
||||||
$paths = array(
|
$paths = array(
|
||||||
"/" => ["landing.php"],
|
"/" => ["landing.php"],
|
||||||
|
"/admin" => ['admin.php'],
|
||||||
"/admin/init/database" => ["admin_initdatabase.php"],
|
"/admin/init/database" => ["admin_initdatabase.php"],
|
||||||
"/admin/accounts" => ["admin_accounts.php"],
|
"/admin/accounts" => ["admin_accounts.php"],
|
||||||
"/account" => ["account.php", "Your account"],
|
"/account" => ["account.php", "Your account"],
|
||||||
|
|
@ -89,11 +90,15 @@ else {
|
||||||
<main>
|
<main>
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
|
if (!empty($uri)) {
|
||||||
|
print_r ($uri);
|
||||||
if ($uri[0] == "admin" && $_SESSION['id'] != "281G3NV") {
|
if ($uri[0] == "admin" && $_SESSION['id'] != "281G3NV") {
|
||||||
|
|
||||||
http_response_code(401);
|
http_response_code(401);
|
||||||
die("<img src='https://http.cat/401.jpg'>");
|
die("<img src='https://http.cat/401.jpg'>");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
include($include); ?>
|
include($include); ?>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
<?php
|
<?php
|
||||||
|
global $pdo;
|
||||||
if (!empty($query)) {
|
if (!empty($query)) {
|
||||||
$reset_id = $query['reset_id'];
|
$reset_id = $query['reset_id'];
|
||||||
$reset_token = $query['reset_token'];
|
$reset_token = $query['reset_token'];
|
||||||
|
|
@ -9,8 +10,37 @@ if (!empty($query)) {
|
||||||
|
|
||||||
$password_valid = validate_password_reset($reset_id, $reset_token);
|
$password_valid = validate_password_reset($reset_id, $reset_token);
|
||||||
|
|
||||||
if ($password_valid) {
|
if (!$password_valid) {
|
||||||
echo "Valid url. You may reset!";
|
|
||||||
} else {
|
|
||||||
die("This incident will be reported.");
|
die("This incident will be reported.");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] == "POST") {
|
||||||
|
$password = $_POST['password'];
|
||||||
|
$repeat_password = $_POST['repeat_password'];
|
||||||
|
$bcid = get_id_for_password_reset($reset_id, $reset_token);
|
||||||
|
|
||||||
|
if ($password == $repeat_password) {
|
||||||
|
$new_password = password_hash($password, PASSWORD_DEFAULT);
|
||||||
|
$sql = 'UPDATE accounts SET password = ? WHERE id = ?';
|
||||||
|
|
||||||
|
try {
|
||||||
|
$pdo->prepare($sql)->execute([$new_password, $bcid]);
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
die ($e);
|
||||||
|
}
|
||||||
|
|
||||||
|
// delete the password reset stuff
|
||||||
|
delete_password_reset($reset_id, $reset_token);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<p>Please submit your new password:</p>
|
||||||
|
<form method="post">
|
||||||
|
<label for="password">New password</label>
|
||||||
|
<input type="password" name="password" id="repeat_password">
|
||||||
|
<label for="repeat_password">Repeat new password</label>
|
||||||
|
<input type="password" name="repeat_password" id="repeat_password">
|
||||||
|
<button type="submit">Reset password</button>
|
||||||
|
</form>
|
||||||
|
|
|
||||||
17
signup.php
17
signup.php
|
|
@ -14,13 +14,28 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||||
die("Server-side error with your BCID #. Try again.");
|
die("Server-side error with your BCID #. Try again.");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// First: check if restraints will be broken
|
||||||
|
$sql = "SELECT * FROM accounts WHERE email = ?";
|
||||||
|
try {
|
||||||
|
$stmt = $pdo->prepare($sql);
|
||||||
|
$stmt->execute([$email]);
|
||||||
|
$result = $stmt->fetch();
|
||||||
|
|
||||||
|
if (!empty($result)) {
|
||||||
|
die("Email is already registered. (923)");
|
||||||
|
}
|
||||||
|
} catch (PDOException $e) {
|
||||||
|
http_response_code(500);
|
||||||
|
die("An error occured: $e");
|
||||||
|
}
|
||||||
|
|
||||||
try {
|
try {
|
||||||
$sql = "INSERT INTO `accounts` (`id`, `email`, `password`, `verified`) VALUES (?, ?, ?, ?)";
|
$sql = "INSERT INTO `accounts` (`id`, `email`, `password`, `verified`) VALUES (?, ?, ?, ?)";
|
||||||
try{
|
try{
|
||||||
$stmt = $pdo->prepare($sql);
|
$stmt = $pdo->prepare($sql);
|
||||||
$stmt->execute([$BCID, $email, $password, 0]);
|
$stmt->execute([$BCID, $email, $password, 0]);
|
||||||
$result = $stmt->fetch();
|
$result = $stmt->fetch();
|
||||||
echo "Failed successfully: $result";
|
echo "You've signed up!";
|
||||||
} catch (PDOException $e) {
|
} catch (PDOException $e) {
|
||||||
http_response_code(500);
|
http_response_code(500);
|
||||||
die("An error occured: $e");
|
die("An error occured: $e");
|
||||||
|
|
|
||||||
|
|
@ -6,5 +6,18 @@
|
||||||
|
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::after {
|
||||||
|
content: "Development: Subject To Change";
|
||||||
|
position: fixed;
|
||||||
|
top: 4.5rem;
|
||||||
|
right: -1rem;
|
||||||
|
|
||||||
|
text-align: right;
|
||||||
|
font-size: 2.5rem;
|
||||||
|
font-weight: bolder;
|
||||||
|
opacity: 0.3;
|
||||||
|
|
||||||
|
transform: rotate(15deg);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue