Skip to content
This repository has been archived by the owner on Aug 25, 2024. It is now read-only.

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
Nxyi authored Nov 6, 2023
0 parents commit cae74c3
Show file tree
Hide file tree
Showing 13 changed files with 580 additions and 0 deletions.
5 changes: 5 additions & 0 deletions assets/bootstrap/css/bootstrap.min.css

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions assets/bootstrap/js/bootstrap.min.js

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions assets/css/Hero-Clean-images.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
.fit-cover {
object-fit: cover;
}

57 changes: 57 additions & 0 deletions assets/css/Navbar-Centered-Brand-Dark-icons.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
.bs-icon {
--bs-icon-size: .75rem;
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
font-size: var(--bs-icon-size);
width: calc(var(--bs-icon-size) * 2);
height: calc(var(--bs-icon-size) * 2);
color: var(--bs-primary);
}

.bs-icon-xs {
--bs-icon-size: 1rem;
width: calc(var(--bs-icon-size) * 1.5);
height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
--bs-icon-size: 1rem;
}

.bs-icon-md {
--bs-icon-size: 1.5rem;
}

.bs-icon-lg {
--bs-icon-size: 2rem;
}

.bs-icon-xl {
--bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
color: var(--bs-white);
background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
color: var(--bs-primary);
background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
color: var(--bs-primary);
background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
border-radius: 50%;
}

14 changes: 14 additions & 0 deletions assets/css/Pricing-Duo-badges.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
.bg-white-300 {
background: rgba(255, 255, 255, 0.3) !important;
}

.rounded-bottom-left {
border-radius: 0;
border-bottom-left-radius: .25rem!important;
}

.rounded-bottom-right {
border-radius: 0;
border-bottom-right-radius: .25rem!important;
}

56 changes: 56 additions & 0 deletions assets/css/Video-Parallax-Background-v2-multiple-parallax.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
.parallax {
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
}

.parallax-background {
width: 0px;
height: auto;
display: none;
filter: brightness(50%);
}

.parallax-background, .parallax-placeholder {
filter: brightness(50%);
}

.parallax-placeholder {
position: absolute;
z-index: -200;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-attachment: fixed;
}

.parallax-content {
min-height: 70vh;
color: white;
padding: 2em 1rem;
}

.parallax-content p {
font-size: 1.5em;
text-align: center;
}

.parallax-content .btn {
width: 100px;
/*margin: auto;*/
}

.parallax-content h1 {
font-family: arial black;
font-size: 50px;
color: white;
margin: 0px;
text-align: center;
display: table-cell;
vertical-align: middle;
}

Binary file added assets/img/ProJakob.webp
Binary file not shown.
Binary file added assets/img/bg.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/maggus.webp
Binary file not shown.
Binary file added assets/img/me.webp
Binary file not shown.
Binary file added assets/img/nxy.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
85 changes: 85 additions & 0 deletions assets/js/Video-Parallax-Background-v2-multiple-parallax.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
$(document).ready(function(){

(function(){

if(!('requestAnimationFrame' in window)) return;
if(/Mobile|Android/.test(navigator.userAgent)) return;

var backgrounds = [];

$('.parallax').each(function(){
var el = $(this);
var bg = el.children('.parallax-background');
bg.css({
position: 'absolute',
'min-width':'100%',
'width':'auto',
'min-height': '100vh',
top:0, left:0,
zIndex: -100,
display: 'block'
});
backgrounds.push(bg);

el.css({
position:'relative',
background:'transparent',
overflow: 'hidden',
});
});

if(!backgrounds.length) return;

var visible = [];
var scheduled;

$(window).on('scroll resize', scroll);

scroll();

function scroll(){

visible.length = 0;

for(var i = 0; i < backgrounds.length; i++){
var rect = backgrounds[i][0].parentNode.getBoundingClientRect();

if(rect.bottom > 0 && rect.top < window.innerHeight){
visible.push({
rect: rect,
node: backgrounds[i]
});
}

}

cancelAnimationFrame(scheduled);

if(visible.length){
scheduled = requestAnimationFrame(update);
}

}

function update(){

for(var i = 0; i < visible.length; i++){
var rect = visible[i].rect;
var node = visible[i].node[0];

var quot = Math.max(rect.bottom, 0) / (window.innerHeight + rect.height);
var shift = '';
if (node.hasAttribute('parallax-center')) {
var nodeHeight = visible[i].node.outerHeight();
shift = -((nodeHeight - rect.height)/2 + rect.top) + 'px';
} else {
shift = -rect.top+'px';
}
console.log(shift);
node.style.transform = 'translate3d(0, '+(shift)+', 0)';
}

}

})();
});
Loading

0 comments on commit cae74c3

Please sign in to comment.