diff --git a/public/images/be-there.svg b/public/images/be-there.svg new file mode 100644 index 0000000..a873229 --- /dev/null +++ b/public/images/be-there.svg @@ -0,0 +1,2349 @@ + +image/svg+xml \ No newline at end of file diff --git a/public/images/grand.svg b/public/images/grand.svg new file mode 100644 index 0000000..d51a5c1 --- /dev/null +++ b/public/images/grand.svg @@ -0,0 +1,966 @@ + +image/svg+xml \ No newline at end of file diff --git a/public/images/landing-hero01.jpg b/public/images/landing-hero01.jpg index 44c7e91..25671d6 100644 Binary files a/public/images/landing-hero01.jpg and b/public/images/landing-hero01.jpg differ diff --git a/public/images/landing-hero02.jpg b/public/images/landing-hero02.jpg index 31c10e9..edd5c09 100644 Binary files a/public/images/landing-hero02.jpg and b/public/images/landing-hero02.jpg differ diff --git a/public/images/landing-hero03.jpg b/public/images/landing-hero03.jpg index f5fa182..e6de954 100644 Binary files a/public/images/landing-hero03.jpg and b/public/images/landing-hero03.jpg differ diff --git a/public/images/landing-hero04.jpg b/public/images/landing-hero04.jpg index e0d8e0e..e9d599f 100644 Binary files a/public/images/landing-hero04.jpg and b/public/images/landing-hero04.jpg differ diff --git a/public/images/landing-hero05.jpg b/public/images/landing-hero05.jpg index 9a34c66..22975b7 100644 Binary files a/public/images/landing-hero05.jpg and b/public/images/landing-hero05.jpg differ diff --git a/public/images/learning.svg b/public/images/learning.svg new file mode 100644 index 0000000..10e4033 --- /dev/null +++ b/public/images/learning.svg @@ -0,0 +1,458 @@ + +image/svg+xml4-2= +? + \ No newline at end of file diff --git a/public/style.css b/public/style.css index e6dd8cd..6d16a2e 100644 --- a/public/style.css +++ b/public/style.css @@ -285,7 +285,7 @@ button, input, select, textarea { - font-family: "Nunito", sans-serif; } + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } code, pre { @@ -732,13 +732,13 @@ a.has-text-danger:hover, a.has-text-danger:focus { font-weight: 700 !important; } .is-family-primary { - font-family: "Nunito", sans-serif !important; } + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-secondary { - font-family: "Nunito", sans-serif !important; } + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-sans-serif { - font-family: "Nunito", sans-serif !important; } + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-monospace { font-family: monospace !important; } @@ -6541,30 +6541,10 @@ label.panel-block { background-color: #fafafa; padding: 3rem 1.5rem 6rem; } -.hero-bg-landing01 { - background-image: url("/images/landing-hero01.jpg"); - background-size: cover; - background-position: center; } - -.hero-bg-landing02 { - background-image: url("/images/landing-hero02.jpg"); - background-size: cover; - background-position: center; } - -.hero-bg-landing03 { - background-image: url("/images/landing-hero03.jpg"); - background-size: cover; - background-position: center; } - -.hero-bg-landing04 { - background-image: url("/images/landing-hero04.jpg"); - background-size: cover; - background-position: center; } - -.hero-bg-landing05 { - background-image: url("/images/landing-hero05.jpg"); - background-size: cover; - background-position: center; } +.hero-bg { + background: repeating-linear-gradient(-45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.6) 0, rgba(192, 235, 250, 0.2) 2em), repeating-linear-gradient(45deg, transparent, transparent 1em, rgba(127, 215, 245, 0.4) 0, rgba(127, 215, 245, 0.1) 2em, transparent 0, transparent 1em, rgba(127, 215, 245, 0.3) 0, rgba(127, 215, 245, 0.2) 4em, transparent 0, transparent 1em, rgba(192, 235, 250, 0.4) 0, rgba(192, 235, 250, 0.1) 2em), #FFF; + background-blend-mode: multiply; + background-attachment: fixed; } .hero .navbar.darken { background: rgba(0, 0, 0, 0.7); @@ -6584,6 +6564,9 @@ label.panel-block { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } +.hero .navbar-item { + color: #8A4D76; } + .m-none { margin: 0; } @@ -6899,6 +6882,12 @@ label.panel-block { .has-pointer { cursor: pointer; } +.m-t-a { + margin-top: auto; } + +.m-b-a { + margin-bottom: auto; } + .notifications { width: 15vw; z-index: 100; diff --git a/resources/sass/main.scss b/resources/sass/main.scss index b6ebd5a..450e637 100644 --- a/resources/sass/main.scss +++ b/resources/sass/main.scss @@ -6,40 +6,17 @@ @import "../../node_modules/bulma/bulma.sass"; // @import '../../node_modules/animate.css/source/_base.css'; -.hero-bg-landing01 { - background-image: url('/images/landing-hero01.jpg'); - background-size: cover; - background-position: center; -} - -.hero-bg-landing02 { - background-image: url('/images/landing-hero02.jpg'); - background-size: cover; - background-position: center; -} - -.hero-bg-landing03 { - background-image: url('/images/landing-hero03.jpg'); - background-size: cover; - background-position: center; -} - -.hero-bg-landing04 { - background-image: url('/images/landing-hero04.jpg'); - background-size: cover; - background-position: center; -} - -.hero-bg-landing05 { - background-image: url('/images/landing-hero05.jpg'); - background-size: cover; - background-position: center; +.hero-bg{ + @include pattern(#c0ebfa, #7FD7F5); } .hero { .navbar.darken { @include linearGradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)); } + .navbar-item{ + color: $primary; + } } $sizeUnit: rem; @@ -202,7 +179,12 @@ $positions: ( .has-pointer{ cursor: pointer; } - +.m-t-a{ + margin-top: auto; +} +.m-b-a{ + margin-bottom: auto; +} .notifications { width: 15vw; z-index: 100; diff --git a/resources/sass/mixins.scss b/resources/sass/mixins.scss index 5d921b3..dc19408 100644 --- a/resources/sass/mixins.scss +++ b/resources/sass/mixins.scss @@ -7,4 +7,41 @@ background: -ms-linear-gradient(top, $top 0%,$bottom 100%); /* IE10+ */ background: linear-gradient(to bottom, $top 0%,$bottom 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -} \ No newline at end of file +} + +// pattern mixin +@mixin pattern($bg-primary,$bg-secondary) { + background: + repeating-linear-gradient( + -45deg, + transparent, + transparent 1em, + rgba($bg-secondary,0.4) 0, + rgba($bg-secondary,0.1) 2em, + transparent 0, + transparent 1em, + rgba($bg-secondary,0.3) 0, + rgba($bg-secondary,0.2) 4em, + transparent 0, + transparent 1em, + rgba($bg-primary,0.6) 0, + rgba($bg-primary,0.2) 2em + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 1em, + rgba($bg-secondary,0.4) 0, + rgba($bg-secondary,0.1) 2em, + transparent 0, + transparent 1em, + rgba($bg-secondary,0.3) 0, + rgba($bg-secondary,0.2) 4em, + transparent 0, + transparent 1em, + rgba($bg-primary,0.4) 0, + rgba($bg-primary,0.1) 2em + ), #FFF; + background-blend-mode: multiply; + background-attachment: fixed; +} diff --git a/resources/sass/variables.scss b/resources/sass/variables.scss index 993498b..05ee611 100644 --- a/resources/sass/variables.scss +++ b/resources/sass/variables.scss @@ -1,8 +1,9 @@ // Update Bulma's global variables -$family-sans-serif: "Nunito", sans-serif; +// $family-sans-serif: "Nunito", sans-serif; $grey-dark: $brown; $grey-light: $beige-light; $primary: $purple; +// $primary: #7FD7F5; $link: $pink; $widescreen-enabled: false; -$fullhd-enabled: false; \ No newline at end of file +$fullhd-enabled: false; diff --git a/resources/views/landing.edge b/resources/views/landing.edge index 0804a4e..1bd753b 100644 --- a/resources/views/landing.edge +++ b/resources/views/landing.edge @@ -4,19 +4,30 @@ Seepur | Shared story time @endsection @section('hero') -
+
@!component('components.nav.nav', isLanding = true, auth=auth)
-

- Seepur -

-

- A Shared Story Time Experience -

-
- Sign Up - Log In +
+
+

+ Seepur +

+

+ A safe and fun way to spend time with far away loved ones +

+
+ Sign Up + Log In +
+
+
+
+ +
+ Health vector created by freepik - www.freepik.com + +
@@ -26,8 +37,11 @@ Seepur | Shared story time
-

Title

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, dolores laudantium ipsam labore reiciendis iusto quas corrupti iure voluptatum cumque. Quos eveniet non molestias quidem alias, maiores et sed animi placeat molestiae! Ut neque, eligendi ab ipsam laboriosam tempore nostrum quas atque, rerum assumenda est reiciendis. Fuga modi rerum earum voluptates assumenda, asperiores corporis facere qui numquam dolorum. At consectetur, aut excepturi cumque quas incidunt explicabo! Maxime assumenda quas a placeat optio, unde excepturi dolorum delectus necessitatibus dolores ab officiis aut obcaecati rerum perferendis aperiam. Ex qui beatae, esse animi facere, ipsam tempora consequuntur corporis fuga dolor pariatur optio cum unde suscipit ipsum dolorum asperiores aliquam expedita. Necessitatibus perspiciatis expedita iure quae eos sit delectus veritatis earum, maxime explicabo, laborum fugit culpa eius quibusdam dolorum! Impedit quam incidunt quaerat quos sed officia at animi suscipit, hic ipsa cumque, sequi porro eos nostrum! Enim vitae, itaque eum placeat sint est, blanditiis fuga numquam reiciendis nesciunt expedita, modi sit natus! Fugit magni assumenda adipisci, doloremque maxime voluptas earum dolorem dignissimos? Saepe fugit est ab commodi dolorem recusandae architecto, natus quasi eaque veniam illum sed tenetur minima rem aperiam provident, blanditiis laudantium numquam aliquid optio ipsum autem. Odio architecto corrupti libero. Animi, culpa.

+

Being far, but never apart

+

+ Not just a video call. Choose one of the fun activities SEEPUR offers and start making the most out of your time 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. +

More...
@@ -35,11 +49,17 @@ Seepur | Shared story time
- +
+ +
+ Health vector created by freepik - www.freepik.com
-
Title 2
-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id dolorum incidunt aliquid voluptatibus sapiente aliquam neque nesciunt ullam labore illo quae nostrum est, veniam cupiditate, ducimus, eos et voluptate quod libero! Quibusdam doloremque illo sapiente officiis dignissimos. Tempora consequuntur beatae nesciunt doloremque dolorem sit vero! Neque similique velit quae modi.

+
Be There
+

+ 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. +

More...
@@ -48,12 +68,17 @@ Seepur | Shared story time
-
Title 3
-

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id dolorum incidunt aliquid voluptatibus sapiente aliquam neque nesciunt ullam labore illo quae nostrum est, veniam cupiditate, ducimus, eos et voluptate quod libero! Quibusdam doloremque illo sapiente officiis dignissimos. Tempora consequuntur beatae nesciunt doloremque dolorem sit vero! Neque similique velit quae modi.

+
Yours
+

+ 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! +

More...
- +
+ +
+ Health vector created by freepik - www.freepik.com
@@ -89,4 +114,3 @@ Seepur | Shared story time @endsection - \ No newline at end of file