feat: make templates modular

This commit is contained in:
TheClashFruit 2023-09-15 15:32:38 +02:00
parent 811acbec1c
commit 061a8546fe
Signed by: TheClashFruit
GPG key ID: CF4A319B9A73290C
8 changed files with 109 additions and 89 deletions

View file

@ -1,6 +1,6 @@
<?php <?php
require_once '_config.php'; require_once '_config.php';
echo $twig->render('index.html', [ echo $twig->render('index.twig', [
'user' => null 'user' => null
]); ]);

View file

@ -0,0 +1,2 @@
</body>
</html>

View file

@ -0,0 +1,13 @@
<footer class="pageFooter container" id="footer">
<div class="left">
<p class="copyright">
Copyright &copy; 2023 CRSS
</p>
<p class="sponsors">
Brought to by PrideCraft, TheClashFruit's Real Hosting Company.
</p>
</div>
<div class="left">
</div>
</footer>

View file

@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Clyde's Real Survival SMP &bull; {{ pageTitle }}</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
</head>
<body>

View file

@ -0,0 +1,41 @@
<nav class="pageNav" id="navigation">
<div class="container">
<ul class="navLeft">
<li>
<a {% if page == 'home' %} class="active" href="#" {% else %} href="/" {% endif %}>
Home
</a>
</li>
<li>
<a {% if page == 'nations' %} class="active" href="#" {% else %} href="/nations" {% endif %}>
Nations
</a>
</li>
<li>
<a {% if page == 'rules' %} class="active" href="#" {% else %} href="/rules" {% endif %}>
Rules
</a>
</li>
<li>
<a {% if page == 'map' %} class="active" href="#" {% else %} href="/map" {% endif %}>
Map
</a>
</li>
</ul>
<ul class="navRight">
{% if user %}
<li>
<a class="userButton">
{{ user.global_name }}
</a>
</li>
{% else %}
<li>
<a class="buttonPrimary" href="{{ discord_auth }}">
Login
</a>
</li>
{% endif %}
</ul>
</div>
</nav>

View file

@ -1,88 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>CRSS</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="pageHero" id="hero">
<div class="blurFiler">
<div class="container">
<h1>Clyde's Real Survival SMP</h1>
<div class="serverInfo">
Online: <label>0</label> / <label>20</label>
</div>
</div>
</div>
</div>
<nav class="pageNav" id="navigation">
<div class="container">
<ul class="navLeft">
<li>
<a class="active" href="#">
Home
</a>
</li>
<li>
<a href="nations.php">
Nations
</a>
</li>
<li>
<a href="rules.php">
Rules
</a>
</li>
<li>
<a href="map.php">
Map
</a>
</li>
</ul>
<ul class="navRight">
{% if user %}
<li>
<a class="userButton">
{{ user.global_name }}
</a>
</li>
{% else %}
<li>
<a class="buttonPrimary" href="{{ discord_auth }}">
Login
</a>
</li>
{% endif %}
</ul>
</div>
</nav>
<main class="pageContent" id="content">
<div class="container">
this is the home page
</div>
</main>
<footer class="pageFooter container" id="footer">
<div class="left">
<p class="copyright">
Copyright &copy; 2023 CRSS
</p>
<p class="sponsors">
Brought to by TCFRHC LLC., PrideCraft, TheClashFruit's Gitea.
</p>
</div>
<div class="left">
</div>
</footer>
</body>
</html>

24
template/index.twig Normal file
View file

@ -0,0 +1,24 @@
{% include 'includes/head.twig' with {'pageTitle': 'Home'} %}
<div class="pageHero" id="hero">
<div class="blurFiler">
<div class="container">
<h1>Clyde's Real Survival SMP</h1>
<div class="serverInfo">
Online: <label>0</label> / <label>20</label>
</div>
</div>
</div>
</div>
{% include 'includes/nav.twig' with {'page': 'home',} %}
<main class="pageContent" id="content">
<div class="container">
this is the home page
</div>
</main>
{% include 'includes/footer.twig' %}
{% include 'includes/foot.twig' %}

15
util/Auth.php Normal file
View file

@ -0,0 +1,15 @@
<?php
class Auth {
/**
* @var Discord
*/
private $discord;
function __construct($discord) {
$this->discord = $discord;
}
function getLoggedInUser() {
}
}