docker/sqrl-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Home page updates with benefits

Browse Source
This commit is contained in:
Deon George 2022-10-01 10:57:16 +10:00
parent f0ada9192e
commit b96ea4a217
3 changed files with 127 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/custom.css
View File

@ -1,13 +1,16 @@
.theme-bg-primary { .theme-bg-primary {
background: #007CC3; background: #007cc3;
} }
.item-icon {
color: #007cc3 !important;
}
.site-logo { .site-logo {
text-align: center; text-align: center;
width: 5em; width: 5em;
} }
.navbar-brand { .navbar-brand {
background: #007CC3; background: #007cc3;
border-radius: 10px; border-radius: 10px;
display: block; display: block;
} }

106
resources/views/home.blade.php
View File

@ -31,6 +31,110 @@
</div> </div>
@endsection @endsection
@section('benefits-content')
<h2 class="section-heading text-center mb-3">SQRL Benefits</h2>
<div class="section-intro single-col-max mx-auto text-center mb-5">
<p>SQRL solves an annoying situation that occurs with traditional usernames and passwords. Below is a list of a few of those benefits - both for end users <strong>and</strong> website owners.</p>
</div>
<div class="row text-center">
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-lock"></i><h3 class="item-heading">No Passwords</h3>
</div>
</div>
<div class="item-desc">
<p>SQRL presents a public key, that can only be generated by you to login.</p>
<p>Yes the service provider needs to first register you (with that public key), but once done, you can login everytime using it, since only you can generated it.</p>
</div>
</div>
</div>
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-user"></i><h3 class="item-heading">No User Names</h3>
</div>
</div>
<div class="item-desc">
With SQRL, as a user you no longer need to remember the username you used to login to a website. Nor do you have to think of one, if the one you wanted is already taken.
</div>
</div>
</div>
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-mask"></i><h3 class="item-heading">No Private Details</h3>
</div>
</div>
<div class="item-desc">
<p>When registering with websites, you dont need to use any of your private details (eg: your email address or parts of your name) as part of the authentication process.</p>
<p>The website owner will probably still want your email address to send you emails, but that can now be stored privately and securely at the backend.</p>
</div>
</div>
</div>
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-bullhorn"></i><h3 class="item-heading">Credentials Public</h3>
</div>
</div>
<div class="item-desc">
<p>SQRL uses public/private key algorithms, and as a result, the public portion is truly public.</p>
<p>You can show you public key to anybody - and yes it is different for every site that you login - but they cannot use it to login as you.</p>
</div>
</div>
</div>
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-laptop-code"></i><h3 class="item-heading">User Managed</h3>
</div>
</div>
<div class="item-desc">
<p>You no longer need to wait to receive, or think about creating a username to login to a website. So no more this username is already used, think of another!</p>
</div>
</div>
</div>
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-user-secret"></i><h3 class="item-heading">Compromised Sites</h3>
</div>
</div>
<div class="item-desc">
<p>If a website is compromised, and the hacker obtains the website authentication files, then the details in those files is completely useless.</p>
<p>If you own that website, you dont need to do any remediation actions on the lots credentials, you just need to worry about what else they were able to obtain.</p>
<p>If you are a user, then you dont need to go through the process of changing your password, as you dont have one!</p>
</div>
</div>
</div>
<div class="item col-12 col-md-6 col-lg-4">
<div class="item-inner p-3 p-lg-4">
<div class="item-header mb-3">
<div class="item-icon">
<i class="fas fa-question-circle"></i><h3 class="item-heading">No Forgotten Passwords</h3>
</div>
</div>
<div class="item-desc">
<p>There is no longer I forgot my password, nor what email address did I use for this website?</p>
</div>
</div>
</div>
</div>
@endsection
@section('page-scripts') @section('page-scripts')
<script> <script>
$(document).ready(function() { $(document).ready(function() {
@ -43,4 +147,4 @@
}); });
}); });
</script> </script>
@append @append

32
resources/views/layouts/app.blade.php
View File

@ -6,22 +6,8 @@
@includeIf('layouts.partials.header') @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"> <section id="content-section" class="content-section">
<div class="container"> <div class="container mb-5">
<div class="single-col-max mx-auto"> <div class="single-col-max mx-auto">
<h2 class="section-heading text-center mb-5">@yield('contentheader_title', 'Content Title')</h2> <h2 class="section-heading text-center mb-5">@yield('contentheader_title', 'Content Title')</h2>
<!-- Your Page Content Here --> <!-- Your Page Content Here -->
@ -30,13 +16,29 @@
</div> </div>
</section> </section>
{{--
<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-0">
@yield('benefits-content')
</div>
</section>
{{-- {{--
<section id="audience-section" class="audience-section py-5"> <section id="audience-section" class="audience-section py-5">
<div class="container"> <div class="container">
@includeIf('layouts.partials.audience') @includeIf('layouts.partials.audience')
</div> </div>
</section> </section>
--}}
{{--
<section id="form-section" class="form-section"> <section id="form-section" class="form-section">
<div class="container"> <div class="container">
@includeIf('layouts.partials.lead') @includeIf('layouts.partials.lead')