Test pages, and includes. New routes for those
Nathan Steel
8 months ago
parent
202b4af07f
commit
a3390bdba5
@ -0,0 +1,14 @@
|
||||
<?php
|
||||
|
||||
namespace App\Controllers\Page;
|
||||
|
||||
class Controller extends \App\Controllers\Controller
|
||||
{
|
||||
|
||||
public function about(){ response()->render('about'); }
|
||||
public function simple(){
|
||||
response()->render('sf');
|
||||
// response()->render('sf-trying-swiper');
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
@extends('layouts.basePage', [
|
||||
'title' => _env('APP_NAME', 'aNetwork Gaming Community'),
|
||||
'breadcrumbs' => [
|
||||
[
|
||||
'title' => 'Home',
|
||||
'href' => '/',
|
||||
]
|
||||
]
|
||||
])
|
||||
|
||||
@section('content')
|
||||
|
||||
@include('components/header')
|
||||
|
||||
<main>
|
||||
|
||||
<section class="alerts">
|
||||
<div class="container" style="padding-bottom: 0">
|
||||
<section class="row">
|
||||
<section class="col col-12">
|
||||
<aside class="alert"><p>aNetwork is currently undergoing development changes</p></aside>
|
||||
<aside class="alert alert--success"><p>aNetwork is currently undergoing development changes</p></aside>
|
||||
<aside class="alert alert--warning"><p>aNetwork is currently undergoing development changes</p></aside>
|
||||
<aside class="alert alert--error"><p>aNetwork is currently undergoing development changes</p></aside>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@includeIf('components/contact-form')
|
||||
|
||||
</main>
|
||||
|
||||
@includeIf('components/footer')
|
||||
|
||||
@endsection
|
||||
@ -0,0 +1,235 @@
|
||||
<section class="container">
|
||||
<div class="row row--justify-center">
|
||||
<div class="col col-8">
|
||||
<div class="tac">
|
||||
<p class="h1"><span>Over the top</span> Contact Form</p>
|
||||
<p>Contains all the form elements I will be bothered to style</p>
|
||||
</div>
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col col-6">
|
||||
<label for="firstname">First Name</label>
|
||||
<input type="text" name="firstname" placeholder="First"></input>
|
||||
</div>
|
||||
|
||||
<div class="col col-6">
|
||||
<label for="lastname">Last Name</label>
|
||||
<input type="text" name="lastname" placeholder="Last"></input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<label for="username">Username</label>
|
||||
<div class="input-group">
|
||||
<div class="input-group__prepend">
|
||||
<span class="input-group__content">@</span>
|
||||
</div>
|
||||
<input class="input-group__input" type="text" name="username" placeholder="Username"></input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-6">
|
||||
<label for="website">Website 1</label>
|
||||
<div class="input-group">
|
||||
<input class="input-group__input" type="text" name="website"></input>
|
||||
<div class="input-group__append">
|
||||
<span class="input-group__content">append</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-6">
|
||||
<label for="website">Website</label>
|
||||
<div class="input-group">
|
||||
<input class="input-group__input" type="text" name="website"></input>
|
||||
<div class="input-group__append">
|
||||
<!-- <span class="input-group__content"> -->
|
||||
<select class="input-group__content">
|
||||
<option value="">.co.uk</option>
|
||||
<option value="">.com</option>
|
||||
</select>
|
||||
<!-- </span> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<label for="textarea">Textarea</label>
|
||||
<textarea name="textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-5">
|
||||
<label for="reason-1">Reason 1</label>
|
||||
<select>
|
||||
<option value="" invalid>Select...</option>
|
||||
<option value="option 1">Option 1</option>
|
||||
<option value="option 2">Option 2</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col col-3">
|
||||
<label for="reason-1">Reason 1</label>
|
||||
<select>
|
||||
<option value="" invalid>Select...</option>
|
||||
<optgroup label="I hate you">
|
||||
<option value="option 1">Option 1</option>
|
||||
<option value="option 2">Option 2</option>
|
||||
</optgroup>
|
||||
<option value="" invalid>Option 3</option>
|
||||
<optgroup label="I love you">
|
||||
<option value="option 1">Option 4</option>
|
||||
<option value="option 2">Option 5</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col col-4">
|
||||
<label for="reason-1">Reason 1</label>
|
||||
<select>
|
||||
<option value="" invalid>Select...</option>
|
||||
<option value="option 1">Option 1</option>
|
||||
<option value="option 2">Option 2</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<h2>Checkboxes</h2>
|
||||
<div class="control-group custom-checkbox">
|
||||
<input type="checkbox" id="chk-1">
|
||||
<label for="chk-1">Checkbox chk-1</label>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="chk-2">
|
||||
<label for="chk-2">Checkbox chk-2</label>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="checkbox" id="chk-3">
|
||||
<label for="chk-3">Checkbox chk-3</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<fieldset>
|
||||
<legend>SELECT YOUR FAVOURITE</legend>
|
||||
<div class="control-group">
|
||||
<input type="radio" name="radioGroup1" id="rad-1">
|
||||
<label for="rad-1">Radio rad-1</label>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="radio" name="radioGroup1" id="rad-2">
|
||||
<label for="rad-2">Radio rad-2</label>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<input type="radio" name="radioGroup1" id="rad-3">
|
||||
<label for="rad-3">Radio rad-3</label>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-6">
|
||||
<label for="colors">Pick a color (preferably a red tone):</label>
|
||||
<input type="color" list="redColors" id="colors" />
|
||||
<datalist id="redColors">
|
||||
<option value="#800000"></option>
|
||||
<option value="#8B0000"></option>
|
||||
<option value="#A52A2A"></option>
|
||||
<option value="#DC143C"></option>
|
||||
</datalist>
|
||||
</div>
|
||||
|
||||
<div class="col col-6">
|
||||
<label for="ice-cream-choice">Choose a flavor:</label>
|
||||
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />
|
||||
|
||||
<datalist id="ice-cream-flavors">
|
||||
<option value="Chocolate"></option>
|
||||
<option value="Coconut"></option>
|
||||
<option value="Mint"></option>
|
||||
<option value="Strawberry"></option>
|
||||
<option value="Vanilla"></option>
|
||||
</datalist>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-12">
|
||||
<button type="submit">Send the thing</button>
|
||||
<input type="submit"></input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row--cards">
|
||||
<div class="col col-4">
|
||||
<div class="card">
|
||||
<header class="card__header"><p class="card__title">HEADER</p></header>
|
||||
<div class="card__body">
|
||||
<p class="card__title">TITLE</p>
|
||||
<p class="card__text">text text tesx kajdfa fjladf jladkf ajdfl kadj fjask fjldsaj fljad fklasjd lfj lkdf</p>
|
||||
</div>
|
||||
<footer class="card__footer"><p class="card__title">FOOTER</p></footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-4">
|
||||
<div class="card">
|
||||
<div class="card__body">
|
||||
<p class="card__title">TITLE</p>
|
||||
<p class="card__text">text text tesx kajdfa fjladf jladkf ajdfl kadj fjask fjldsaj fljad fklasjd lfj lkdf</p>
|
||||
</div>
|
||||
<footer class="card__footer">
|
||||
<div class="row">
|
||||
<div class="col col-8">
|
||||
<p>Footer content that is not a title</p>
|
||||
</div>
|
||||
<div class="col col-4">
|
||||
<a href="#" class="button">Button</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-4">
|
||||
<div class="card">
|
||||
<header class="card__header"><p class="card__title">HEADER</p></header>
|
||||
<div class="card__body">
|
||||
<p class="card__title">TITLE</p>
|
||||
<p class="card__text">text text tesx kajdfa fjladf jladkf ajdfl kadj fjask fjldsaj fljad fklasjd lfj lkdf</p>
|
||||
<a href="#" class="button">Button</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col col-3">
|
||||
<div class="card">
|
||||
<img class="card-image--top" src="@assets('img/discord.png')" >
|
||||
<div class="card__body">
|
||||
<p class="card__text">SERVIE SERVICE SERVICE SERIVE SEIVES SEIGSVE SEIEVE ESIEFEVE</p>
|
||||
<div class="row">
|
||||
<div class="col col-4">a</div>
|
||||
<div class="col col-4">s</div>
|
||||
<div class="col col-4">Something</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -1,34 +1,54 @@
|
||||
<header class="anetwork-head">
|
||||
<header class="header">
|
||||
<div class="container container--no-gap">
|
||||
<nav class="nav row row--align-center">
|
||||
|
||||
<nav class="container nav row row--align-center container--no-gap">
|
||||
<div class="col col-2">
|
||||
<a href="/" class="site-title site-title--header">aNetwork</a>
|
||||
</div>
|
||||
|
||||
<div class="col col-2">
|
||||
<a href="/" class="anetwork-title">aNetwork</a>
|
||||
</div>
|
||||
|
||||
<div class="col col-fill">
|
||||
<ul class="inline-list">
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#servers">Servers</a>
|
||||
@if(!empty($servers))
|
||||
<ul>
|
||||
@foreach($servers as $server) <!-- Loop servers to add to header -->
|
||||
@if(!empty($server['servers'])) <!-- Only add if the server type has related servers -->
|
||||
<li><a href="#servers" data-tabs-button data-tabs-group="servers" data-tabs-id="{{ strtolower($server['type']) }}">{{ $server['type'] }}</a></li>
|
||||
<div class="col col-fill">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-list__item"><a href="/about">About</a></li>
|
||||
<li class="nav-list__item nav-list__item--has-dropdown"><a href="#servers">Servers</a>
|
||||
@if(!empty($servers))
|
||||
<ul class="nav-list__item__dropdown">
|
||||
<div class="nav-list__item__dropdown__content">
|
||||
@foreach($servers as $server) <!-- Loop servers to add to header -->
|
||||
@if(!empty($server['servers'])) <!-- Only add if the server type has related servers -->
|
||||
<li class="nav-list__item__dropdown__item"><a href="#servers" data-tabs-button data-tabs-group="servers" data-tabs-id="{{ strtolower($server['type']) }}">{{ $server['type'] }}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
</ul>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</li>
|
||||
<li><a href="#faq">FAQs</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col col-2 tar">
|
||||
<ul class="inline-list">
|
||||
<li><a href="/discord">Discord<i class="iconoir iconoir-discord" width="16" height="16" style="margin-left:12px; font-size:24px;"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</li>
|
||||
<li class="nav-list__item"><a href="/simple">Simple floor</a></li>
|
||||
<li class="nav-list__item"><a href="#faq">FAQs</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col col-3 tar">
|
||||
<ul class="inline-list">
|
||||
<!-- <li><a href="/discord">Discord<i class="iconoir iconoir-discord" width="16" height="16" style="margin-left:12px; font-size:24px;"></i></a></li> -->
|
||||
<li>
|
||||
@auth
|
||||
<a class="rounded-md px-3 py-2 text-black transition hover:text-black/70 focus:outline-none dark:text-white dark:hover:text-white/80"
|
||||
href="/dashboard">
|
||||
Dashboard
|
||||
</a>
|
||||
@else
|
||||
<a class="rounded-md px-3 py-2 text-black transition hover:text-black/70 focus:outline-none dark:text-white dark:hover:text-white/80"
|
||||
href="/auth/login">
|
||||
Log in
|
||||
</a>
|
||||
<a class="rounded-md px-3 py-2 text-black transition hover:text-black/70 focus:outline-none dark:text-white dark:hover:text-white/80"
|
||||
href="/auth/register">
|
||||
Register
|
||||
</a>
|
||||
@endif
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
Loading…
Reference in New Issue