sagi/seepur
sagi/seepur
Archived
1
0
Fork 1
Code Issues 1 Pull requests Releases Wiki Activity

tweaks

Browse source
This commit is contained in:
Sagi Dayan 2020-04-23 15:47:53 -04:00
parent c879cd2d6c
commit 4989daf4b8
5 changed files with 28 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
public/style.css
View file

@ -6543,8 +6543,7 @@ label.panel-block {
.hero-bg { .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: 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-blend-mode: multiply; }
background-attachment: fixed; }
.hero .navbar.darken { .hero .navbar.darken {
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
@ -6564,8 +6563,14 @@ label.panel-block {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
/* IE6-9 */ } /* IE6-9 */ }
.hero .navbar-item { .has-inner-shadow-bottom {
color: #8A4D76; } box-shadow: inset 0px -10px 15px -11px rgba(0, 0, 0, 0.75); }
.has-inner-shadow-top {
box-shadow: inset 0px 10px 15px -11px rgba(0, 0, 0, 0.75); }
.has-shadow-top {
box-shadow: 0px 10px 15px -11px rgba(0, 0, 0, 0.75); }
.m-none { .m-none {
margin: 0; } margin: 0; }

16
resources/sass/main.scss
View file

@ -14,11 +14,19 @@
.navbar.darken { .navbar.darken {
@include linearGradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)); @include linearGradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
} }
.navbar-item{ // .navbar-item{
color: $primary; // color: $primary;
} // }
}
.has-inner-shadow-bottom{
box-shadow: inset 0px -10px 15px -11px rgba(0,0,0,0.75);
}
.has-inner-shadow-top{
box-shadow: inset 0px 10px 15px -11px rgba(0,0,0,0.75);
}
.has-shadow-top{
box-shadow: 0px 10px 15px -11px rgba(0,0,0,0.75);
} }
$sizeUnit: rem; $sizeUnit: rem;
$marginKey: 'm'; $marginKey: 'm';
$paddingKey: 'p'; $paddingKey: 'p';

2
resources/sass/mixins.scss
View file

@ -43,5 +43,5 @@
rgba($bg-primary,0.1) 2em rgba($bg-primary,0.1) 2em
), #FFF; ), #FFF;
background-blend-mode: multiply; background-blend-mode: multiply;
background-attachment: fixed; // background-attachment: fixed;
} }

10
resources/views/landing.edge
View file

@ -4,8 +4,8 @@
Seepur | Shared story time Seepur | Shared story time
@endsection @endsection
@section('hero') @section('hero')
<section class="hero is-medium hero-bg"> <section class="hero is-medium hero-bg has-inner-shadow-bottom">
@!component('components.nav.nav', isLanding = true, auth=auth) @!component('components.nav.nav', isLanding = false, auth=auth)
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
@ -25,7 +25,7 @@ Seepur | Shared story time
<figure class="image"> <figure class="image">
<img src="/images/grand.svg" alt="" srcset=""> <img src="/images/grand.svg" alt="" srcset="">
</figure> </figure>
<small><a href="https://www.freepik.com/free-photos-vectors/health">Health vector created by freepik - www.freepik.com</a></small> {{-- <small><a href="https://www.freepik.com/free-photos-vectors/health">Health vector created by freepik - www.freepik.com</a></small> --}}
</div> </div>
</div> </div>
@ -52,7 +52,7 @@ With SEEPUR you can simply choose your grandchild/niece/nephew you wish to conne
<figure class="image is-5by4"> <figure class="image is-5by4">
<img src="/images/be-there.svg" alt="" srcset=""> <img src="/images/be-there.svg" alt="" srcset="">
</figure> </figure>
<small><a href="https://www.freepik.com/free-photos-vectors/health">Health vector created by freepik - www.freepik.com</a></small> {{-- <small><a href="https://www.freepik.com/free-photos-vectors/health">Health vector created by freepik - www.freepik.com</a></small> --}}
</div> </div>
<div class="column has-text-centered"> <div class="column has-text-centered">
<div class="title">Be There</div> <div class="title">Be There</div>
@ -78,7 +78,7 @@ With SEEPUR you can simply choose your grandchild/niece/nephew you wish to conne
<figure class="image is-5by4"> <figure class="image is-5by4">
<img src="/images/learning.svg" alt="" srcset=""> <img src="/images/learning.svg" alt="" srcset="">
</figure> </figure>
<small><a href="https://www.freepik.com/free-photos-vectors/health">Health vector created by freepik - www.freepik.com</a></small> {{-- <small><a href="https://www.freepik.com/free-photos-vectors/health">Health vector created by freepik - www.freepik.com</a></small> --}}
</div> </div>
</div> </div>
</section> </section>

2
resources/views/layouts/landing.edge
View file

@ -24,7 +24,7 @@
</div> </div>
</section> </section>
<div class="hero hero-bg"> <div class="hero hero-bg has-inner-shadow-top">
<section class="section has-text-centered"> <section class="section has-text-centered">
<h1 class="title">Join Now</h1> <h1 class="title">Join Now</h1>
<h2 class="subtitle">It takes less then a minute. You could have been done by now, but you are still reading...</h2> <h2 class="subtitle">It takes less then a minute. You could have been done by now, but you are still reading...</h2>