404 page, home page

This commit is contained in:
Graphictoria 2022-04-15 16:06:26 -04:00
parent ae84b4036f
commit ab5b1e08c4
9 changed files with 133 additions and 5 deletions

View File

@ -0,0 +1,30 @@
<?php
namespace App\View\Components;
use Illuminate\View\Component;
class Card extends Component
{
public $title;
/**
* Create a new component instance.
*
* @return void
*/
public function __construct($title)
{
$this->title = $title;
}
/**
* Get the view / contents that represent the component.
*
* @return \Illuminate\Contracts\View\View|\Closure|string
*/
public function render()
{
return view('components.card');
}
}

View File

@ -0,0 +1,34 @@
<?php
namespace App\View\Components;
use Illuminate\View\Component;
class SocialCard extends Component
{
public $title;
public $description;
public $link;
/**
* Create a new component instance.
*
* @return void
*/
public function __construct($title, $description, $link)
{
$this->title = $title;
$this->description = $description;
$this->link = $link;
}
/**
* Get the view / contents that represent the component.
*
* @return \Illuminate\Contracts\View\View|\Closure|string
*/
public function render()
{
return view('components.social-card');
}
}

View File

@ -183,7 +183,6 @@ html {
background-position: center;
min-height: calc(100vh - 63px);
display: flex;
margin-top: -16px;
}
.graphictoria-nojs {

View File

@ -0,0 +1,8 @@
<div class="card graphictoria-small-card shadow-sm">
<div class="card-body text-center">
<h5 class="card-title fw-bold">{{ $title }}</h5>
<hr class="mx-5"/>
<p class="card-text">{{ $body }}</p>
{{ $footer }}
</div>
</div>

View File

@ -0,0 +1,6 @@
<div class="col-lg-4 mb-4 d-flex flex-column align-items-center">
<svg class="rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="{{ $title }}"><image width="100%" height="100%" href="{{ asset('images/social/' . $title . '.png') }}"></image></svg>
<h2 class="mt-3">{{ $title }}</h2>
<p>{{ $description }}</p>
<a class="btn btn-primary mt-auto" href="{{ $link }}" rel="noreferrer" target="_blank" role="button">View »</a>
</div>

View File

@ -0,0 +1,5 @@
@extends('layouts.app')
@section('content')
<h1>abcd</h1>
@endsection

View File

@ -0,0 +1,21 @@
@php
$errorTitles = ['OH NOES!!!', 'BZZT', 'ERROR', 'UH OH.'];
@endphp
@extends('layouts.app')
@section('content')
<div class="container graphictoria-center-vh">
<x-card title="{{ $errorTitles[array_rand($errorTitles)] }}">
<x-slot name="body">
We've looked far and wide and weren't able to find the page you were looking for. If you believe this is an error, contact us at <a href="mailto:support@gtoria.net" class="fw-bold text-decoration-none">support@gtoria.net</a>!
</x-slot>
<x-slot name="footer">
<div class="mt-2">
<a class="btn btn-primary px-4 me-2" href="{{ url('/') }}">Home</a>
<a class="btn btn-secondary px-4" onclick="history.back();return false;">Back</a>
</div>
</x-slot>
</x-card>
</div>
@endsection

View File

@ -1,5 +1,26 @@
@extends('layouts.app')
@section('content')
<h1>abcd</h1>
<div class="graphictoria-home">
<div class="container graphictoria-center-vh my-auto text-center text-white">
<div class="mb-4 graphictoria-home-shadow">
<h1 class="graphictoria-homepage-header">Graphictoria</h1>
<h5 class="mb-0">Graphictoria aims to revive the classic Roblox experience. Join <b>8k+</b> other users and relive your childhood!</h5>
<p class="graphictoria-homepage-fine-print fst-italic">* Graphictoria is not affiliated with, endorsed by, or sponsored by Roblox Corporation.</p>
</div>
<a href="{{ url('/register') }}" class="btn btn-success">Create your account<i class="ps-2 graphictoria-small-aligned-text fas fa-chevron-right"></i></a>
</div>
</div>
<div class="container text-center my-5">
<h1 class="fw-bold">So what is Graphictoria?</h1>
<h4>Ever wanted to experience or revisit classic Roblox? Graphictoria provides the platform for everyone to relive the classic Roblox experience.</h4>
</div>
<div class="container text-center">
<h1 class="mb-5 fw-bold">Social Links</h1>
<div class="row mb-5">
<x-socialcard title="YouTube" description="Subscribe to our YouTube channel, where we upload trailers for future events and Graphictoria gameplay videos." link="https://www.youtube.com/graphictoria?sub_confirmation=1" />
<x-socialcard title="Twitter" description="Follow us on Twitter. Here you can recieve important updates about Graphictoria and receive announcements for events, potential downtime, status reports, etc." link="https://twitter.com/intent/user?screen_name=gtoriadotnet" />
<x-socialcard title="Discord" description="Join our Discord server. This is the place where you can engage with the rest of our community, or just hang out with friends." link="https://www.discord.gg/jBRHAyp" />
</div>
</div>
@endsection

View File

@ -1,8 +1,6 @@
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\GamesController;
use App\Http\Controllers\GridTest;
/*
|--------------------------------------------------------------------------
@ -19,4 +17,10 @@ use App\Http\Controllers\GridTest;
Route::view('/', 'home');
// misc
Route::view('/javascript', 'javascript');
Route::view('/javascript', 'javascript');
// fallback
Route::fallback(function(){
return response()
->view('errors.404', [], 404);
});