forked from sagi/seepur
polished emails + new look for landing page
This commit is contained in:
parent
eb59908605
commit
68ceb3d1c7
11 changed files with 204 additions and 147 deletions
|
|
@ -27,7 +27,7 @@ module.exports = {
|
|||
pool: true,
|
||||
port: Env.get('SMTP_PORT', 2525),
|
||||
host: Env.get('SMTP_HOST'),
|
||||
secure: true,
|
||||
secure: Env.get('SMTP_SECURE', 'true') === 'true',
|
||||
auth: {user: Env.get('MAIL_USERNAME'), pass: Env.get('MAIL_PASSWORD')},
|
||||
maxConnections: 5,
|
||||
maxMessages: 100,
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -7122,10 +7122,26 @@ html {
|
|||
background-color: #fff;
|
||||
position: relative; }
|
||||
|
||||
.mixed-background {
|
||||
background-image: url("/images/flowers.svg"), url("/images/sun+cloud.svg"), url("/images/moon+stars.svg");
|
||||
background-position: calc(100% - 20px) calc(100% - 10px), 10% calc(170vh + 150px), calc(100vw - 500px) calc(100vh - 100px);
|
||||
background-repeat: no-repeat, no-repeat, no-repeat; }
|
||||
.hero-bg-svg {
|
||||
background-image: url("/images/cloudgroup.svg"), url("/images/sun+clouds.svg");
|
||||
background-size: cover, contain;
|
||||
background-position: center, center;
|
||||
background-repeat: no-repeat, no-repeat; }
|
||||
|
||||
.bg-moon-stars {
|
||||
background-image: url("/images/moon+stars.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain; }
|
||||
|
||||
.bg-sun-cloud {
|
||||
background-image: url("/images/sun+cloud.svg");
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
.bg-flower {
|
||||
background-image: url("/images/flowers.svg");
|
||||
background-position: right bottom;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
.scroll-down-indicator {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -26,10 +26,31 @@ html{
|
|||
// background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.mixed-background{
|
||||
background-image: url('/images/flowers.svg'), url('/images/sun+cloud.svg'), url('/images/moon+stars.svg');
|
||||
background-position: calc(100% - 20px) calc(100% - 10px), 10% calc(170vh + 150px), calc(100vw - 500px) calc(100vh - 100px);
|
||||
background-repeat: no-repeat, no-repeat, no-repeat;
|
||||
.hero-bg-svg{
|
||||
background-image: url("/images/cloudgroup.svg"), url('/images/sun+clouds.svg');
|
||||
background-size: cover, contain;
|
||||
background-position: center, center;
|
||||
background-repeat: no-repeat, no-repeat;
|
||||
}
|
||||
|
||||
.bg-moon-stars{
|
||||
background-image: url('/images/moon+stars.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
.bg-sun-cloud{
|
||||
background-image: url('/images/sun+cloud.svg');
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
// background-size: ;
|
||||
}
|
||||
|
||||
.bg-flower{
|
||||
background-image: url('/images/flowers.svg');
|
||||
background-position: right bottom;
|
||||
background-repeat: no-repeat;
|
||||
// background-size: contain;
|
||||
}
|
||||
|
||||
.scroll-down-indicator{
|
||||
|
|
|
|||
|
|
@ -1,10 +1,11 @@
|
|||
|
||||
<html>
|
||||
<div style="width:100%">
|
||||
<div style="width:100%;background-color:#fff">
|
||||
<div style="color: #4a4a4a;
|
||||
max-width:800px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
text-align: left;
|
||||
direction: ltr;
|
||||
">
|
||||
<div style="background-color: #fafafa;
|
||||
padding: 2rem 1.5rem 2rem;
|
||||
|
|
@ -29,12 +30,14 @@
|
|||
<div style="text-align: center !important;">
|
||||
<p>
|
||||
<strong>Seepur</strong> | The source code is licensed
|
||||
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. Made with ♥️ by friends and family. For all the savtot out there
|
||||
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. Made with ♥️ by friends and family. For all
|
||||
the savtot out there
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -22,6 +22,7 @@ background-position: right center;">
|
|||
<li>1 In 10 parents read their kids a bedtime story every night</li>
|
||||
<li>6% of parents NEVER read a bedtime story to their child</li>
|
||||
</ul>
|
||||
<br><br>
|
||||
|
||||
<div style="width: 100%; display:flex;justify-content: center;">
|
||||
<a style="margin-right:auto; margin-left:auto;background-color: white;
|
||||
|
|
@ -46,7 +47,6 @@ background-position: right center;">
|
|||
<p>
|
||||
Have a great time,
|
||||
</p>
|
||||
<br>
|
||||
<p>
|
||||
Team Seepur
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
A safe and fun way to spend time with far away loved ones
|
||||
@endsection
|
||||
@section('hero')
|
||||
<div class="mixed-background">
|
||||
<section class="hero is-large hero-bg">
|
||||
<div class="">
|
||||
<section class="hero is-large hero-bg is-light hero-bg-svg">
|
||||
@!component('components.nav.nav', isLanding = false, auth=auth)
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
|
|
@ -15,7 +15,8 @@ A safe and fun way to spend time with far away loved ones
|
|||
Seepur
|
||||
</h1>
|
||||
<h2 class="subtitle has-text-grey">
|
||||
A <span class="has-text-weight-bold">safe</span> and <span class="has-text-weight-bold">fun</span> way to spend time with far away loved ones
|
||||
A <span class="has-text-weight-bold">safe</span> and <span class="has-text-weight-bold">fun</span> way to
|
||||
spend time with far away loved ones
|
||||
</h2>
|
||||
<div class="buttons">
|
||||
<a class="button is-info is-rounded" href="/register">Sign Up</a>
|
||||
|
|
@ -39,7 +40,7 @@ A safe and fun way to spend time with far away loved ones
|
|||
</section>
|
||||
@endsection
|
||||
@section('content')
|
||||
|
||||
<div class="bg-moon-stars">
|
||||
<section class="section" id="info">
|
||||
<div class="container has-text-centered">
|
||||
<h1 class="title is-1">Being far, but never apart</h1>
|
||||
|
|
@ -48,11 +49,14 @@ A safe and fun way to spend time with far away loved ones
|
|||
Choose one of the fun activities Seepur offers and start making the most out of your time together!
|
||||
</p>
|
||||
<p class="has-diego-width-800 m-l-a m-r-a">
|
||||
With Seepur you can simply choose your grandchild/niece/nephew you wish to connect with, click on your chosen activity for the day, and share a fun experience together.
|
||||
With Seepur you can simply choose your grandchild/niece/nephew you wish to connect with, click on your chosen
|
||||
activity for the day, and share a fun experience together.
|
||||
</p>
|
||||
{{-- <a href="#" class="button m-t-md">More...</a> --}}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{{-- 3 Important feature bloks --}}
|
||||
<section class="section">
|
||||
<div class="columns">
|
||||
|
|
@ -81,7 +85,9 @@ A safe and fun way to spend time with far away loved ones
|
|||
Seepur is an open source project
|
||||
</p>
|
||||
<p>You can view the code, modify the code and basically do whatever you want.</p>
|
||||
<p>There is a cool article HERE on how you can run this yourself so you never need to trust anyone else, not even us!</p>
|
||||
<p>There is a cool article HERE on how you can run this yourself so you never need to trust anyone else,
|
||||
not
|
||||
even us!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -93,21 +99,26 @@ A safe and fun way to spend time with far away loved ones
|
|||
<div class="message-body-y m-t-lg">
|
||||
<div class="subtitle is-3">Easy to use</div>
|
||||
<p>
|
||||
Seepur wasn’t built for tech savvy users. Simply click your chosen activity and connect directly to your far away loved one.
|
||||
Seepur wasn’t built for tech savvy users. Simply click your chosen activity and connect directly to your
|
||||
far away loved one.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<div class="bg-sun-cloud">
|
||||
<section class="section">
|
||||
<div class="columns">
|
||||
<div class="column p-md">
|
||||
<div class="title">Be There</div>
|
||||
<p>
|
||||
Make an actual impact on the child by creating shared memories. You will be surprised how engaged and comunicative a little child could be during active sessions.
|
||||
With the great combination of video calling and your shared view of the book pages, you can make the story come alive by using different voices for different characters, and even acting out parts of the story, as if you’re right there by their side.
|
||||
Make an actual impact on the child by creating shared memories. You will be surprised how engaged and
|
||||
comunicative a little child could be during active sessions.
|
||||
With the great combination of video calling and your shared view of the book pages, you can make the story
|
||||
come alive by using different voices for different characters, and even acting out parts of the story, as if
|
||||
you’re right there by their side.
|
||||
</p>
|
||||
{{-- <a href="#" class="button m-t-md">More...</a> --}}
|
||||
</div>
|
||||
|
|
@ -119,7 +130,9 @@ A safe and fun way to spend time with far away loved ones
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="bg-flower">
|
||||
<section class="section">
|
||||
<div class="columns">
|
||||
<div class="column is-half">
|
||||
|
|
@ -131,15 +144,19 @@ A safe and fun way to spend time with far away loved ones
|
|||
<div class="column p-md">
|
||||
<div class="title">Yours</div>
|
||||
<p>
|
||||
Seepur is all about you and the child. You can upload your own books and read together, create puzzles with your own photos and more!
|
||||
Seepur is all about you and the child. You can upload your own books and read together, create puzzles with
|
||||
your own photos and more!
|
||||
</p>
|
||||
<p>
|
||||
Your creations is yours, only available for sessions where you are a part of. So yes, Make interesting stuff, upload better books becuse the child will be picky!
|
||||
Your creations are yours, only available for sessions where you are a part of. So yes, Make interesting
|
||||
stuff,
|
||||
upload better books because the child will be picky!
|
||||
</p>
|
||||
{{-- <a href="#" class="button m-t-md">More...</a> --}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue