forked from miguel456/rbrecruiter
Added main page
This commit adds the main page (incl. breadcrumbs), a license file, a contact form (with recaptcha) and a captcha config file.
This commit is contained in:
128
resources/views/breadcrumbs/app.blade.php
Normal file
128
resources/views/breadcrumbs/app.blade.php
Normal file
@@ -0,0 +1,128 @@
|
||||
<!doctype HTML>
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="The Minecraft Staff Member Management Tool">
|
||||
<meta name="author" content="Miguel Nogueira">
|
||||
<meta name="tags" content="minecraft, minecraft server staff, minecraft staff, minecraft servers">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
|
||||
<!-- Google Fonts -->
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Material Design Bootstrap -->
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.16.0/css/mdb.min.css" rel="stylesheet">
|
||||
|
||||
<link href="https:////cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet">
|
||||
|
||||
<link href="/app.css" rel="stylesheet">
|
||||
|
||||
<!-- JQuery -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<!-- Bootstrap tooltips -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
|
||||
<!-- Bootstrap core JavaScript -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js"></script>
|
||||
<!-- MDB core JavaScript -->
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.16.0/js/mdb.min.js"></script>
|
||||
|
||||
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
||||
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<!--Main Navigation-->
|
||||
<header>
|
||||
|
||||
<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
|
||||
<a class="navbar-brand" href="#"><strong>Raspberry Network</strong></a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
||||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link " href="#">Homepage</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Ban Appeals</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto float-right">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Application Status</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Sign-in</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Register</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="view intro-2">
|
||||
<div class="full-bg-img">
|
||||
<div class="mask rgba-black-light flex-center">
|
||||
<div class="container text-center white-text">
|
||||
<div class="white-text text-center wow fadeInUp">
|
||||
<h2>Raspberry Network Application Center</h2>
|
||||
<h5>Welcome to our team management center!</h5>
|
||||
<br>
|
||||
<p>Here, you can apply for open staff member positions, view your application status, and manage your profile. </p>
|
||||
<p>Sign up with Twitch or Email to continue.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<!--Main Navigation-->
|
||||
|
||||
<body>
|
||||
|
||||
@if (session()->has('error'))
|
||||
|
||||
<script>
|
||||
toastr.error('{{session()->get('error')}}', 'An error ocurred')
|
||||
</script>
|
||||
|
||||
@elseif (session()->has('success'))
|
||||
|
||||
<script>
|
||||
toastr.success('{{session()->get('success')}}', 'Success!')
|
||||
</script>
|
||||
|
||||
@endif
|
||||
|
||||
@yield('content')
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="page-footer font-small footer-grad">
|
||||
|
||||
<!-- Copyright -->
|
||||
<div class="footer-copyright text-center py-3">
|
||||
<a href="https://spacejewel-hosting.com/"> Spacejewel Hosting © 2019-2020 - All rights reserved</a>
|
||||
</div>
|
||||
<!-- Copyright -->
|
||||
<!-- Built by Miguel Nogueira -->
|
||||
|
||||
</footer>
|
||||
<!-- Footer -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
336
resources/views/home.blade.php
Normal file
336
resources/views/home.blade.php
Normal file
@@ -0,0 +1,336 @@
|
||||
@extends('breadcrumbs.app')
|
||||
|
||||
@section('content')
|
||||
|
||||
<!--Main Layout-->
|
||||
<main class="py-5">
|
||||
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col text-center">
|
||||
|
||||
<h3>Open Positions</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mt-5 mb-5">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header text-center">
|
||||
|
||||
<h4 class="card-title">Helper</h4>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body text-center">
|
||||
|
||||
<p class="card-text">
|
||||
Helpers are the basic building block of every network. They help keep things clean and organised, and report to Chat Moderators.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-center">
|
||||
|
||||
<button type="button" class="btn btn-success">Apply</button>
|
||||
<button type="button" class="btn btn-info">Learn More</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header text-center">
|
||||
<h3 class="card-title">Moderator</h3>
|
||||
</div>
|
||||
|
||||
<div class="card-body text-center">
|
||||
|
||||
<p class="card-text">Moderators keep the network clean from cheaters, spam accounts, and abusive users. Their tasks include monitoring the anti-cheat logs, responding to reports and helping users.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-center">
|
||||
|
||||
<button type="button" class="btn btn-success">Apply</button>
|
||||
<button type="button" class="btn btn-info">Learn More</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-header text-center">
|
||||
<h3 class="card-title">Chat Moderator</h3>
|
||||
</div>
|
||||
|
||||
<div class="card-body text-center">
|
||||
|
||||
<p class="card-text">Chat Moderators' primary goal is monitoring the in-game chat, Discord Channels, and engaging with the community, relieving Moderators of this duty.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-center">
|
||||
|
||||
<button type="button" class="btn btn-success">Apply</button>
|
||||
<button type="button" class="btn btn-info">Learn More</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mt-5 mb-5">
|
||||
|
||||
<div class="col text-center">
|
||||
|
||||
<h3>Where you'll work</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row mt-5 mb-5">
|
||||
|
||||
<div id="carouselControls" class="carousel slide" data-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" src="/slides/01.png"
|
||||
alt="Hub Side View">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/slides/02.png"
|
||||
alt="Hub Top View">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/slides/03.png"
|
||||
alt="Network Servers">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/slides/04.png"
|
||||
alt="Prison Mines">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" src="/slides/05.png"
|
||||
alt="Modified Survival">
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row mt-5 mb-5">
|
||||
|
||||
<div class="col text-center">
|
||||
|
||||
<h3>Join The Team</h3>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col text-center">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<!-- Card content -->
|
||||
<div class="card-body text-center">
|
||||
|
||||
<!-- Title -->
|
||||
<img src="https://crafatar.com/avatars/6102256a-bd28-4dd7-b68e-4c96ef313734" class="img-fluid mb-3" alt="miguel456's avatar">
|
||||
|
||||
<h4 class="card-title text-center"><a>miguel456</a></h4>
|
||||
<!-- Text -->
|
||||
<p class="card-text">Network Owner / Web Developer</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
|
||||
<button type="button" class="btn btn-info">More Info</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col text-center">
|
||||
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Moderator</h4>
|
||||
<p class="card-text">Open Position!</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
|
||||
<button type="button" class="btn btn-success">Apply</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col text-center">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Helper</h4>
|
||||
|
||||
<p class="card-text">Open Position!</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
|
||||
<button type="button" class="btn btn-success">Apply</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row text-center mt-5 mb-4">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<h3>Any questions? Leave a message!</h3>
|
||||
<p class="text-muted">*This is not an application form. Any applications sent here will be ignored.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
|
||||
|
||||
<form method="POST" action="{{route('sendSubmission')}}" id="contactForm">
|
||||
@csrf
|
||||
|
||||
<!-- Tamper warning: Your captcha will fail if you modify this value programmatically/manually. -->
|
||||
<input type="hidden" name="captcha" id="captcha">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="md-form">
|
||||
|
||||
<input type="text" name="name" class="form-control" id="firstName">
|
||||
<label for="firstName">Name</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="md-form">
|
||||
|
||||
<input type="email" name="email" class="form-control" id="email">
|
||||
<label for="email">E-mail</label>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="md-form">
|
||||
|
||||
<input type="text" name="subject" id="subject" class="form-control">
|
||||
<label for="subject">Subject (ex. Suggestion)</label>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
|
||||
<div class="md-form">
|
||||
|
||||
<textarea rows="3" name="message" id="message" class="md-textarea form-control"></textarea>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
|
||||
<div class="col">
|
||||
|
||||
<script>
|
||||
function gcallback(response)
|
||||
{
|
||||
document.getElementById('captcha').value = response
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- align: deprecated cheap hack, but quick -->
|
||||
<div align="center" class="g-recaptcha pb-3" data-callback="gcallback" data-sitekey="{{config('recaptcha.keys.sitekey')}}"></div>
|
||||
|
||||
<button type="button" class="btn btn-info" onclick="document.getElementById('contactForm').submit()">Send</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<!--Main Layout-->
|
||||
|
||||
@stop
|
||||
@@ -1,100 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>Laravel</title>
|
||||
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
|
||||
|
||||
<!-- Styles -->
|
||||
<style>
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
color: #636b6f;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
font-weight: 200;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position-ref {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 84px;
|
||||
}
|
||||
|
||||
.links > a {
|
||||
color: #636b6f;
|
||||
padding: 0 25px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: .1rem;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.m-b-md {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flex-center position-ref full-height">
|
||||
@if (Route::has('login'))
|
||||
<div class="top-right links">
|
||||
@auth
|
||||
<a href="{{ url('/home') }}">Home</a>
|
||||
@else
|
||||
<a href="{{ route('login') }}">Login</a>
|
||||
|
||||
@if (Route::has('register'))
|
||||
<a href="{{ route('register') }}">Register</a>
|
||||
@endif
|
||||
@endauth
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="content">
|
||||
<div class="title m-b-md">
|
||||
Laravel
|
||||
</div>
|
||||
|
||||
<div class="links">
|
||||
<a href="https://laravel.com/docs">Docs</a>
|
||||
<a href="https://laracasts.com">Laracasts</a>
|
||||
<a href="https://laravel-news.com">News</a>
|
||||
<a href="https://blog.laravel.com">Blog</a>
|
||||
<a href="https://nova.laravel.com">Nova</a>
|
||||
<a href="https://forge.laravel.com">Forge</a>
|
||||
<a href="https://vapor.laravel.com">Vapor</a>
|
||||
<a href="https://github.com/laravel/laravel">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user