mirror of
https://github.com/mattermost/focalboard.git
synced 2024-12-24 13:43:12 +02:00
bf1c1a82b1
* Updating focalboard website * Updating video * Updating ui * Updating header * Updating board views and adding loop * Updating docs pages * Updating blog * Updating UI * Updating downloads page * Updating teams item * Updating downloads page * Updating UI * Updating docs * Updating UI * Updating lucky orange * Updating link * Updating intro text * Updating css version * Minor UI Fixes * Updating css * Updating css version * Updating css version
75 lines
3.2 KiB
HTML
Executable File
75 lines
3.2 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
|
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
|
<!--[if gt IE 8]> <html class="no-js"> <![endif]-->
|
|
<html>
|
|
<head>
|
|
{{ partial "head.html" .}}
|
|
<script src="https://cdn.jsdelivr.net/gh/kevinbatdorf/alpine-auto-interval@0.x.x/dist/index.js"></script>
|
|
<script defer src="https://unpkg.com/alpinejs@3.10.5/dist/cdn.min.js"></script>
|
|
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
|
|
|
</head>
|
|
<body
|
|
class="homepage"
|
|
x-data='{
|
|
template: 1,
|
|
boardView: 1,
|
|
roadmapItem: 1,
|
|
viewsInterval: null,
|
|
roadmapInterval: null,
|
|
}'
|
|
x-init='viewsInterval = setInterval(function () {boardView > 3 ? boardView = 1 : boardView++}, 3000); roadmapInterval = setInterval(function () {roadmapItem > 2 ? roadmapItem = 1 : roadmapItem++}, 3000);'
|
|
>
|
|
{{ partial "nav.html" .}}
|
|
|
|
|
|
<div id="wrapper">
|
|
{{ partial "hero.html" .}}
|
|
|
|
{{ partial "intro.html" .}}
|
|
|
|
{{ partial "mailinglist.html" .}}
|
|
</div>
|
|
|
|
{{ partial "footer.html" .}}
|
|
|
|
<script>
|
|
document.addEventListener('alpine:init', () => {
|
|
Alpine.data('dropdown', () => ({
|
|
open: false,
|
|
|
|
toggle() {
|
|
this.open = ! this.open
|
|
}
|
|
}))
|
|
})
|
|
|
|
AOS.init();
|
|
|
|
AOS.init({
|
|
// Global settings:
|
|
disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
|
|
startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
|
|
initClassName: 'aos-init', // class applied after initialization
|
|
animatedClassName: 'aos-animate', // class applied on animation
|
|
useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
|
|
disableMutationObserver: false, // disables automatic mutations' detections (advanced)
|
|
debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
|
|
throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
|
|
|
|
|
|
// Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
|
|
delay: 0, // values from 0 to 3000, with step 50ms
|
|
duration: 1000, // values from 0 to 3000, with step 50ms
|
|
easing: 'ease', // default easing for AOS animations
|
|
once: false, // whether animation should happen only once - while scrolling down
|
|
mirror: false, // whether elements should animate out while scrolling past them
|
|
anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|