You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
3.4 KiB
113 lines
3.4 KiB
<!doctype html>
|
|
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
|
|
-->
|
|
|
|
<title> Willa Engine </title>
|
|
|
|
<!-- Styles -->
|
|
|
|
</head>
|
|
<body>
|
|
<div id='cursor'></div>
|
|
<div id="app"></div>
|
|
</body>
|
|
<style lang="scss">
|
|
#app {
|
|
background-color: transparent;
|
|
}
|
|
.backgrounds {
|
|
width: 100%;
|
|
height:100%;
|
|
}
|
|
.c-hamburger {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<script>
|
|
|
|
(function () {
|
|
|
|
"use strict";
|
|
|
|
var w = window;
|
|
|
|
const b = document.getElementsByTagName("body")[0];
|
|
b.addEventListener("mousemove", mouseMove);
|
|
|
|
var cursor = document.getElementById('cursor');
|
|
b.addEventListener("mousedown", cursorClick);
|
|
b.addEventListener("mouseup", cursorUnclick);
|
|
|
|
|
|
var panel = document.querySelectorAll(".section.active");
|
|
var text = document.querySelectorAll(".section-tagline-wrapper");
|
|
var img = document.querySelectorAll(".section-img-wrapper");
|
|
var no = document.querySelectorAll(".section-no-wrapper");
|
|
|
|
var cImg = document.querySelectorAll('.pattern');
|
|
|
|
var patterns = document.querySelectorAll('.pattern');
|
|
|
|
|
|
function mouseMove(e) {
|
|
// Custom Cursor
|
|
cursor.style.left = e.clientX + 'px';
|
|
cursor.style.top = e.clientY + 'px';
|
|
|
|
// if (menu.classList.contains('active')) {
|
|
// return
|
|
// }
|
|
|
|
};
|
|
function clipMask(pattern, e) {
|
|
pattern.style.setProperty("--clip-position", e.clientX + 'px ' + e.clientY + 'px');
|
|
}
|
|
|
|
function cursorClick(e) {
|
|
cursor.classList.add("clicked")
|
|
}
|
|
|
|
function cursorUnclick(e) {
|
|
setTimeout(function () {
|
|
cursor.classList.remove("clicked")
|
|
}, 300);
|
|
}
|
|
|
|
|
|
function cursorHover(e) {
|
|
cursor.classList.add("hover")
|
|
}
|
|
|
|
function cursorUnhover(e) {
|
|
cursor.classList.remove("hover")
|
|
}
|
|
|
|
|
|
var hovers = document.querySelectorAll(".hover-target");
|
|
|
|
for (var i = hovers.length - 1; i >= 0; i--) {
|
|
var hover = hovers[i];
|
|
hoverHandler(hover);
|
|
};
|
|
|
|
function hoverHandler(hover) {
|
|
hover.addEventListener("mouseover", cursorHover);
|
|
hover.addEventListener("mouseout", cursorUnhover);
|
|
}
|
|
|
|
})();
|
|
</script>
|
|
|
|
|
|
|
|
<script src="<?php echo e(mix('js/vue/Authentication/app.js')); ?>"></script>
|
|
</html>
|
|
<?php /**PATH D:\Web\Git\WillaEngine\modules\wm-core\src/../resources/views/Authentication.blade.php ENDPATH**/ ?>
|