Enable a home page to test SQRL
This commit is contained in:
Deon George
46
resources/views/home.blade.php
Normal file
46
resources/views/home.blade.php
Normal file
@@ -0,0 +1,46 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('htmlheader_title')
|
||||
SQRL Test Site
|
||||
@endsection
|
||||
@section('page_title')
|
||||
SQRL
|
||||
@endsection
|
||||
|
||||
@section('contentheader_title')
|
||||
SQRL Test Site
|
||||
@endsection
|
||||
@section('contentheader_description')
|
||||
Login with SQRL
|
||||
@endsection
|
||||
|
||||
@section('main-content')
|
||||
<div class="row">
|
||||
<div class="col-12 bg-white">
|
||||
<p class="text-center">
|
||||
Welcome to the SQRL test site. You can login with your SQRL client and see what we see...
|
||||
</p>
|
||||
<p class="text-center mt-5"><span>{!! ($x=\Leenooks\SQRL\SQRL::authNonce(200))['qrcode'] !!}</span></p>
|
||||
|
||||
<div class="card-footer">
|
||||
<div class="alert alert-danger" role="alert" id="error_message" hidden></div>
|
||||
</div>
|
||||
|
||||
@include('sqrl::login_js',$x)
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@section('page-scripts')
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('body')
|
||||
.addClass('sidebar-collapse')
|
||||
.delay(500)
|
||||
.queue(function () {
|
||||
window.dispatchEvent(new Event('resize'));
|
||||
$(this).dequeue();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@append
|
||||
82
resources/views/layouts/app.blade.php
Normal file
82
resources/views/layouts/app.blade.php
Normal file
@@ -0,0 +1,82 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
@section('htmlheader')
|
||||
@includeIf('layouts.partials.htmlheader')
|
||||
@show
|
||||
|
||||
@includeIf('layouts.partials.header')
|
||||
|
||||
<section class="hero-section">
|
||||
<div class="container">
|
||||
@includeIf('layouts.partials.hero')
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{--
|
||||
<section id="benefits-section" class="benefits-section theme-bg-light-gradient py-5">
|
||||
<div class="container py-5">
|
||||
@includeIf('layouts.partials.benefits')
|
||||
</div>
|
||||
</section>
|
||||
--}}
|
||||
|
||||
<section id="content-section" class="content-section">
|
||||
<div class="container">
|
||||
<div class="single-col-max mx-auto">
|
||||
<h2 class="section-heading text-center mb-5">@yield('contentheader_title', 'Content Title')</h2>
|
||||
<!-- Your Page Content Here -->
|
||||
@yield('main-content')
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{--
|
||||
<section id="audience-section" class="audience-section py-5">
|
||||
<div class="container">
|
||||
@includeIf('layouts.partials.audience')
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="form-section" class="form-section">
|
||||
<div class="container">
|
||||
@includeIf('layouts.partials.lead')
|
||||
</div>
|
||||
</section>
|
||||
--}}
|
||||
|
||||
<section id="reviews-section" class="reviews-section py-5">
|
||||
<div class="container">
|
||||
@includeIf('layouts.partials.reviews')
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="author-section" class="author-section section theme-bg-primary py-5">
|
||||
<div class="container py-3">
|
||||
{{--
|
||||
<div class="author-profile text-center mb-5">
|
||||
<img class="author-pic" src="assets/images/profiles/author-profile.png" alt="image" >
|
||||
</div>
|
||||
--}}
|
||||
<h2 class="section-heading text-center text-white mb-3">About SQRL</h2>
|
||||
<div class="author-bio single-col-max mx-auto">
|
||||
<p><strong>Secure Quick Reliable Login</strong></p>
|
||||
<p>
|
||||
SQRL (pronounced “squirrel”) is an open, free, intellectual property unencumbered, complete and
|
||||
practical system to cryptographically authenticate the identity of individuals across a network. Though
|
||||
principally intended for website visitor identification and account sign-in, its concepts may be extended
|
||||
for related applications. SQRL may be used alongside other traditional website sign-in systems, and it
|
||||
can replace all other systems while offering dramatic improvements in usability and security.
|
||||
</p>
|
||||
<div class="author-links text-center pt-4">
|
||||
<h5 class="text-white mb-4">More information</h5>
|
||||
<ul class="social-list list-unstyled">
|
||||
<li class="list-inline-item"><a href="https://sqrl.grc.com"><i class="fab fa-wpforms"></i></a></li>
|
||||
<li class="list-inline-item"><a href="https://dev.leenooks.net/leenooks/sqrl"><i class="fab fa-laravel"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@includeIf('layouts.partials.footer')
|
||||
</html>
|
||||
5
resources/views/layouts/partials/footer.blade.php
Normal file
5
resources/views/layouts/partials/footer.blade.php
Normal file
@@ -0,0 +1,5 @@
|
||||
<footer class="footer">
|
||||
<div class="footer-bottom text-center py-5">
|
||||
<small class="copyright">Designed by <a class="theme-link" href="#" target="_blank">Leenooks</a> for developers</small>
|
||||
</div>
|
||||
</footer>
|
||||
14
resources/views/layouts/partials/header.blade.php
Normal file
14
resources/views/layouts/partials/header.blade.php
Normal file
@@ -0,0 +1,14 @@
|
||||
<header class="header">
|
||||
<div class="branding">
|
||||
<div class="container-fluid position-relative py-3">
|
||||
<div class="logo-wrapper">
|
||||
<div class="site-logo">
|
||||
<a class="navbar-brand" href="/">
|
||||
<img class="logo-icon" src="site-logo.svg" alt="logo">
|
||||
</a>
|
||||
<span class="logo-text">SQRL</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
22
resources/views/layouts/partials/htmlheader.blade.php
Normal file
22
resources/views/layouts/partials/htmlheader.blade.php
Normal file
@@ -0,0 +1,22 @@
|
||||
<head>
|
||||
<title>{{ config('app.name') }} - @yield('htmlheader_title','Your title here')</title>
|
||||
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Leenooks">
|
||||
<link rel="shortcut icon" href="site-logo.svg">
|
||||
|
||||
<!-- Google Font -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Quicksand:700|Roboto:400,400i,700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- FontAwesome JS-->
|
||||
<script defer src="assets/fontawesome/js/all.min.js"></script>
|
||||
|
||||
<!-- Theme CSS -->
|
||||
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
|
||||
|
||||
<link id="custom-style" rel="stylesheet" href="custom.css">
|
||||
</head>
|
||||
2
resources/views/layouts/partials/scripts.blade.php
Normal file
2
resources/views/layouts/partials/scripts.blade.php
Normal file
@@ -0,0 +1,2 @@
|
||||
<!-- Javascript -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
Reference in New Issue
Block a user