nextcloud
/
nextcloud.com
зеркало из https://github.com/nextcloud/nextcloud.com.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

update pages

This commit is contained in:
Paulo Moura 2017-08-25 11:44:13 +02:00 коммит произвёл Morris Jobke
Родитель 873827a7e8
Коммит e1319cf30a
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: FE03C3A163FEDE68
39 изменённых файлов: 324 добавлений и 422 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

2
assets/css/pages/about.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.about-background {
background: url("../img/headers/team.jpg") no-repeat;
background: url("../../img/headers/team.jpg") no-repeat;
background-position: center;
background-size: cover;
}

2
assets/css/pages/buy.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.buy-background {
background-image: url("../img/enterprise/enterprise.jpg");
background-image: url("../../img/enterprise/enterprise.jpg");
background-position: bottom 0 right 0;
}

6
assets/css/pages/compare.scss
Просмотреть файл

@ -20,7 +20,7 @@
height: 70vh;
min-height: 600px;
max-height: 800px;
background-image: url("../img/headers/compare.jpg");
background-image: url("../../img/headers/compare.jpg");
}
.topbanner {
@ -415,7 +415,7 @@ Main Components
}
.cd-products-table .top-info .check::after {
/* check icon */
background: url(../img/compare/cd-check.svg) no-repeat center center;
background: url(../../img/compare/cd-check.svg) no-repeat center center;
background-size: 24px 24px;
opacity: 0;
-webkit-transition: opacity 0.3s;
@ -573,7 +573,7 @@ Main Components
color: transparent;
height: 60px;
width: 40px;
background: rgba(64, 64, 66, 0.8) url(../img/compare/cd-arrow.svg) no-repeat center center;
background: rgba(64, 64, 66, 0.8) url(../../img/compare/cd-arrow.svg) no-repeat center center;
border-radius: 3px;
-webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
-moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;

2
assets/css/pages/contribute.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.contribute-background {
background: url("../img/headers/team.jpg") no-repeat;
background: url("../../img/headers/team.jpg") no-repeat;
background-position: center;
background-size: cover;
}

2
assets/css/pages/contributors.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.contributors-background {
background: url("../img/headers/contributors.jpg") no-repeat;
background: url("../../img/headers/contributors.jpg") no-repeat;
background-position: center;
background-size: cover;
}

10
assets/css/pages/enterprise.scss
Просмотреть файл

@ -22,7 +22,7 @@
height: 70vh;
min-height: 600px;
max-height: 800px;
background-image: url("../img/enterprise/hero__enterprise.jpg");
background-image: url('../../img/enterprise/hero__enterprise.jpg');
}
.topbanner {
@ -66,7 +66,7 @@
}
.expertise__ilustration {
background: url(../img/enterprise/ilustration_matterexperts-new.svg) no-repeat center/contain;
background: url('../../img/enterprise/ilustration_matterexperts-new.svg') no-repeat center/contain;
width: 950px;
height: 500px;
max-width: 100%;
@ -90,7 +90,7 @@
}
.security__ilustration {
background: url(../img/enterprise/security-new.svg) no-repeat center/contain;
background: url('../../img/enterprise/security-new.svg') no-repeat center/contain;
width: 850px;
height: 500px;
margin: 0 auto;
@ -115,7 +115,7 @@
}
.lifecycle__ilustration {
background: url(../img/enterprise/data_safe-new.svg) no-repeat center/contain;
background: url('../../img/enterprise/data_safe-new.svg') no-repeat center/contain;
width: 950px;
height: 500px;
margin: 0 auto;
@ -140,7 +140,7 @@
}
.globalscale__ilustration {
background: url(../img/globalscale/final.svg) no-repeat center/contain;
background: url('../../img/globalscale/final.svg') no-repeat center/contain;
width: 950px;
height: 500px;
margin: 0 auto;

10
assets/css/pages/events.scss
Просмотреть файл

@ -1,14 +1,9 @@
@import '../variables';
@import '../modules/transparent-navbar';
/* gradient behind nav */
/* background */
.events-background {
background-image: url("../img/headers/events.jpg");
/* background-position: bottom 50% right 50%; */
background-image: url("../../img/headers/events.jpg");
background-size: cover;
/* text-shadow: 0px 0px 8px black; */
margin-bottom: 50px;
}
@ -16,7 +11,8 @@
margin: 80px 0 50px 0;
padding: 50px 0px;
background: $nextcloud-blue;
p {
p {
color: white;
}
}

8
assets/css/pages/globalscale.scss
Просмотреть файл

@ -8,7 +8,7 @@
}
.globalscale-background {
background: url("../img/headers/globalscale.jpg") no-repeat;
background: url("../../img/headers/globalscale.jpg") no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 50px
@ -61,7 +61,7 @@ section {
}
.scalability__ilustration {
background: url(../img/globalscale/usage.svg) no-repeat center/contain;
background: url(../../img/globalscale/usage.svg) no-repeat center/contain;
/* width: 950px; */
height: 600px;
max-width: 100%;
@ -85,7 +85,7 @@ section {
}
.efficiency__ilustration {
background: url(../img/globalscale/splitup.svg) no-repeat center/contain;
background: url(../../img/globalscale/splitup.svg) no-repeat center/contain;
height: 600px;
max-width: 100%;
max-height: 60vw;
@ -109,7 +109,7 @@ section {
}
.distribution__ilustration {
background: url(../img/globalscale/distribution.svg) no-repeat center/contain;
background: url(../../img/globalscale/distribution.svg) no-repeat center/contain;
height: 600px;
max-width: 100%;
max-height: 60vw;

2
assets/css/pages/jobs.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.jobs-background {
background: url("../img/headers/team.jpg") no-repeat center;
background: url("../../img/headers/team.jpg") no-repeat center;
background-size: cover;
.container .row .col-md6 {

5
assets/css/pages/migration.scss
Просмотреть файл

@ -2,11 +2,8 @@
@import '../modules/transparent-navbar';
/**
* Migration Page
*/
.migration-background {
background-image: url("../img/enterprise/enterprise.jpg");
background-image: url("../../img/enterprise/enterprise.jpg");
background-position: bottom 0 right 0;
background-size: cover;

2
assets/css/pages/order.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.buy-background {
background-image: url("../img/enterprise/enterprise.jpg");
background-image: url("../../img/enterprise/enterprise.jpg");
background-position: bottom 0 right 0;
}

2
assets/css/pages/partners.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.partners-background {
background: url("../img/headers/partners.jpg") no-repeat;
background: url("../../img/headers/partners.jpg") no-repeat;
background-position: center;
background-size: cover;
}

21
assets/css/pages/pricing.scss
Просмотреть файл

@ -1,18 +1,11 @@
@import '../variables';
@import '../modules/transparent-navbar';
/**
* Background
*/
.pricing-background {
background-image: url("../img/enterprise/enterprise.jpg");
background-position: bottom 0 right 0;
/* background-size: cover; */
background-image: url('../../img/enterprise/enterprise.jpg');
background-position: bottom 0 right 0;
}
/* Pricing area */
.plans {
margin-top: 133px;
@ -124,7 +117,7 @@
}
.list .check {
list-style-image: url("../img/enterprise/check.svg");
list-style-image: url("../../img/enterprise/check.svg");
list-style-position:inside;
}
@ -144,7 +137,7 @@
}
.list .nocheck {
list-style-image: url("../img/enterprise/nocheck.svg");
list-style-image: url("../../img/enterprise/nocheck.svg");
list-style-position:inside;
}
@ -160,7 +153,7 @@
}
.list .optional {
list-style-image: url("../img/enterprise/optional.svg");
list-style-image: url("../../img/enterprise/optional.svg");
list-style-position:inside;
}
@ -175,7 +168,7 @@
}
.list .price {
list-style-image: url("../img/enterprise/blank.svg");
list-style-image: url("../../img/enterprise/blank.svg");
list-style-position:inside;
}
@ -432,7 +425,7 @@
}
.downarrow span.icon-arrow-down {
background: url(../img/arrow_down.svg) center/contain no-repeat;
background: url('../../img/arrow_down.svg') center/contain no-repeat;
position: absolute;
width: 25px;
height: 100%;

2
assets/css/pages/support.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.support-background {
background: url("../img/headers/support.jpg") no-repeat;
background: url("../../img/headers/support.jpg") no-repeat;
background-position: center;
background-size: cover;
}

2
assets/css/pages/team.scss
Просмотреть файл

@ -2,7 +2,7 @@
@import '../modules/transparent-navbar';
.team-background {
background: url("../img/headers/enterprise-team.jpg") no-repeat;
background: url("../../img/headers/enterprise-team.jpg") no-repeat;
background-position: center;
background-size: cover;
}

456
assets/js/navigation.js
Просмотреть файл

@ -1,265 +1,265 @@
$(document).ready(function() {
"use strict";
var HeaderApp = {
init: function() {
this.didScroll = false;
this.menuOpened = false;
this.enquireInitializedMobile = false;
//Fade In animation
$(this.variables.navigationId).velocity("transition.fadeIn", 1000 );
this.animatedLogoSprite();
'use strict';
var HeaderApp = {
init: function() {
enquire.register("screen and (max-width: 992px)", {
match: _.bind(this.mobileEvent, this)
});
this.didScroll = false;
this.menuOpened = false;
this.enquireInitializedMobile = false;
enquire.register("screen and (max-height: 700px)", {
match: _.bind(this.showAndHideHeader, this)
});
//Fade In animation
$(this.variables.navigationId).velocity('transition.fadeIn', 1000 );
this.animatedLogoSprite();
enquire.register("screen and (min-width: 993px)", {
match: _.bind(this.desktopDropdownEvent, this)
});
},
enquire.register('screen and (max-width: 992px)', {
match: _.bind(this.mobileEvent, this)
});
variables : {
toggleSelector: "#toggle",
navigationId: "#nav",
navigationSelector: ".nav",
subMenuSelector: "#menuAnchor",
sectionsSelector: ".nav__sections",
sectionsContainerSelector: ".nav__sections-wrapper",
sectionSelector: ".nav__section",
navBackgroundSelector: ".nav__bg",
navBackgroundWrapper: ".nav__bg-wrapper",
rightNavigationSelector: ".right-buttons",
linksSelector: ".nav__links",
logoSelector: ".logo",
mobileClass: "mobile",
activeClass: "active",
scrolledClass:"scrolled",
backgroundAnimationClass: "is-animatable",
linksVisibleClass: "is-visible",
mobileBackgroundSelector: ".mobile-bg",
mobileMenuClass: "menu-open",
showNavigationClass:"nav-down",
hideNavigationClass: "nav-up",
playOnHoverClass: "hoverPlay",
stopAnimationClass: "stopedAnimation",
mobileBackgroundContainerSelector: ".mobile-bg-container",
},
enquire.register('screen and (max-height: 700px)', {
match: _.bind(this.showAndHideHeader, this)
});
toggleMobileMenu: function(event) {
$(this.variables.linksSelector).hide().removeClass(this.variables.activeClass); //hide all submenus without animation
$(event.currentTarget).toggleClass(this.variables.activeClass);
$(this.variables.mobileBackgroundSelector).toggleClass(this.variables.activeClass);
$(this.variables.sectionsSelector).toggleClass(this.variables.activeClass);
$(this.variables.rightNavigationSelector).toggleClass(this.variables.activeClass);
$(this.variables.logoSelector).toggleClass(this.variables.mobileMenuClass);
$(this.variables.mobileBackgroundContainerSelector).toggleClass(this.variables.backgroundAnimationClass);
},
enquire.register('screen and (min-width: 993px)', {
match: _.bind(this.desktopDropdownEvent, this)
});
},
resetMobile: function() {
$(this.variables.navigationId).removeClass(this.variables.mobileClass);
$(this.variables.toggleSelector).off("click");
$(this.variables.sectionSelector).off("click");
$(this.variables.linksSelector).css("display", "inherit").removeClass(this.variables.activeClass);
},
variables : {
toggleSelector: '#toggle',
navigationId: '#nav',
navigationSelector: '.nav',
subMenuSelector: '#menuAnchor',
sectionsSelector: '.nav__sections',
sectionsContainerSelector: '.nav__sections-wrapper',
sectionSelector: '.nav__section',
navBackgroundSelector: '.nav__bg',
navBackgroundWrapper: '.nav__bg-wrapper',
rightNavigationSelector: '.right-buttons',
linksSelector: '.nav__links',
logoSelector: '.logo',
mobileClass: 'mobile',
activeClass: 'active',
scrolledClass:'scrolled',
backgroundAnimationClass: 'is-animatable',
linksVisibleClass: 'is-visible',
mobileBackgroundSelector: '.mobile-bg',
mobileMenuClass: 'menu-open',
showNavigationClass:'nav-down',
hideNavigationClass: 'nav-up',
playOnHoverClass: 'hoverPlay',
stopAnimationClass: 'stopedAnimation',
mobileBackgroundContainerSelector: '.mobile-bg-container',
},
resetDesktop: function() {
$(this.variables.sectionSelector).off("mouseover");
$(this.variables.sectionSelector).off("mouseleave");
$(this.variables.linksSelector).hide();
},
toggleMobileMenu: function(event) {
$(this.variables.linksSelector).hide().removeClass(this.variables.activeClass); //hide all submenus without animation
$(event.currentTarget).toggleClass(this.variables.activeClass);
$(this.variables.mobileBackgroundSelector).toggleClass(this.variables.activeClass);
$(this.variables.sectionsSelector).toggleClass(this.variables.activeClass);
$(this.variables.rightNavigationSelector).toggleClass(this.variables.activeClass);
$(this.variables.logoSelector).toggleClass(this.variables.mobileMenuClass);
$(this.variables.mobileBackgroundContainerSelector).toggleClass(this.variables.backgroundAnimationClass);
},
showSubMenu: function(event) {
if ($(event.currentTarget).find(this.variables.linksSelector).hasClass(this.variables.activeClass)) {
$(this.variables.linksSelector).slideUp().removeClass(this.variables.activeClass);
resetMobile: function() {
$(this.variables.navigationId).removeClass(this.variables.mobileClass);
$(this.variables.toggleSelector).off('click');
$(this.variables.sectionSelector).off('click');
$(this.variables.linksSelector).css('display', 'inherit').removeClass(this.variables.activeClass);
},
return;
}
resetDesktop: function() {
$(this.variables.sectionSelector).off('mouseover');
$(this.variables.sectionSelector).off('mouseleave');
$(this.variables.linksSelector).hide();
},
$(this.variables.linksSelector).slideUp().removeClass(this.variables.activeClass);
$(event.currentTarget).find(this.variables.linksSelector).slideToggle().addClass(this.variables.activeClass);
},
showSubMenu: function(event) {
if ($(event.currentTarget).find(this.variables.linksSelector).hasClass(this.variables.activeClass)) {
$(this.variables.linksSelector).slideUp().removeClass(this.variables.activeClass);
mobileBgAnimation: function() {
var windowDiameter = ($(window).width() * 2) * $(window).height() * 2,
returnBiggest = (Math.sqrt(windowDiameter)) * 1.5;
return;
}
$(this.variables.mobileBackgroundSelector).css({
"top": - returnBiggest / 2+ "px",
"right": - returnBiggest / 2 + "px",
"width": returnBiggest + "px",
"height": returnBiggest + "px"
});
},
$(this.variables.linksSelector).slideUp().removeClass(this.variables.activeClass);
$(event.currentTarget).find(this.variables.linksSelector).slideToggle().addClass(this.variables.activeClass);
},
showAndHideHeader: function(variables) {
mobileBgAnimation: function() {
var windowDiameter = ($(window).width() * 2) * $(window).height() * 2,
returnBiggest = (Math.sqrt(windowDiameter)) * 1.5;
var myElement = document.querySelector(".nav");
//I should pass the variable object inside the headroom
this.headroom = new Headroom(myElement, {
offset: 510,
tolerance : {
up : 20,
down : 20
},
$(this.variables.mobileBackgroundSelector).css({
'top': - returnBiggest / 2+ 'px',
'right': - returnBiggest / 2 + 'px',
'width': returnBiggest + 'px',
'height': returnBiggest + 'px'
});
},
onTop: function(variables) {
$("#nav").removeClass("scrolled");
$(".logo").removeClass("scrolled");
$(".mobile-bg-container").addClass("visible");
},
onPin: function() {
$(".menu").removeClass("hidedPrincipalNavigation");
$("#nav").addClass("scrolled");
$(".logo").addClass("scrolled");
},
showAndHideHeader: function(variables) {
onNotTop : function() {
$(".mobile-bg-container").addClass("visible");
},
var myElement = document.querySelector('.nav');
onUnpin: function() {
$(".menu").addClass("hidedPrincipalNavigation");
$(".mobile-bg-container").addClass("visible");
}
});
this.headroom.init();
},
//I should pass the variable object inside the headroom
this.headroom = new Headroom(myElement, {
offset: 510,
tolerance : {
up : 20,
down : 20
},
mobileEvent: function() {
this.resetDesktop();
if (!this.enquireInitializedMobile) {
this.enquireInitializedMobile = true;
this.createMenuButton();
}
$(window).on("resize", _.bind(this.mobileBgAnimation, this));
this.mobileBgAnimation();
$(this.variables.navigationId).addClass(this.variables.mobileClass);
$(this.variables.toggleSelector).click(_.bind(this.toggleMobileMenu, this));
$(this.variables.sectionSelector).click(_.bind(this.showSubMenu, this));
},
onTop: function(variables) {
$('#nav').removeClass('scrolled');
$('.logo').removeClass('scrolled');
$('.mobile-bg-container').addClass('visible');
},
setBackgroundDropdown: function(bg) {
bg.addClass(this.variables.backgroundAnimationClass);
},
onPin: function() {
$('.menu').removeClass('hidedPrincipalNavigation');
$('#nav').addClass('scrolled');
$('.logo').addClass('scrolled');
},
backgroundDropdown: function(event) {
var cssPadding = 30,
bg = $(this.variables.navBackgroundSelector),
bgWrapper = $(this.variables.navBackgroundWrapper),
selectedDropdown = $(event.currentTarget).find(this.variables.linksSelector),
height = selectedDropdown.innerHeight(),
width = selectedDropdown.innerWidth(),
windowWidth = $(this.variables.navigationSelector).outerWidth(),
navigationWidth = $(".nav .container").outerWidth(),
marginNavigation = (windowWidth - navigationWidth) / 2,
backgroundDropdownPosition = $(event.currentTarget).offset().left + cssPadding + ($(event.currentTarget).innerWidth() - cssPadding) /2 - width/2 - marginNavigation;
onNotTop : function() {
$('.mobile-bg-container').addClass('visible');
},
setTimeout(_.bind(this.setBackgroundDropdown, this, bg));
bgWrapper.addClass(this.variables.linksVisibleClass);
onUnpin: function() {
$('.menu').addClass('hidedPrincipalNavigation');
$('.mobile-bg-container').addClass('visible');
}
});
this.headroom.init();
},
bg.css({
'-moz-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'-webkit-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'-ms-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'-o-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'transform': 'translateX(' + backgroundDropdownPosition + 'px)',
"width": width + "px",
"height": height + "px"
});
},
mobileEvent: function() {
this.resetDesktop();
if (!this.enquireInitializedMobile) {
this.enquireInitializedMobile = true;
this.createMenuButton();
}
$(window).on('resize', _.bind(this.mobileBgAnimation, this));
this.mobileBgAnimation();
$(this.variables.navigationId).addClass(this.variables.mobileClass);
$(this.variables.toggleSelector).click(_.bind(this.toggleMobileMenu, this));
$(this.variables.sectionSelector).click(_.bind(this.showSubMenu, this));
},
desktopDropdownEvent: function() {
this.resetMobile();
$(this.variables.sectionSelector).on("mouseover", _.bind(this.backgroundDropdown, this));
$(this.variables.sectionSelector).on("mouseleave", _.bind(this.destroyDropdown, this));
this.showAndHideHeader();
},
setBackgroundDropdown: function(bg) {
bg.addClass(this.variables.backgroundAnimationClass);
},
// Clear dropdowns in mouse leave
destroyDropdown: function(event) {
var bg = $(this.variables.navBackgroundSelector),
bgWrapper = $(this.variables.navBackgroundWrapper);
backgroundDropdown: function(event) {
var cssPadding = 30,
bg = $(this.variables.navBackgroundSelector),
bgWrapper = $(this.variables.navBackgroundWrapper),
selectedDropdown = $(event.currentTarget).find(this.variables.linksSelector),
height = selectedDropdown.innerHeight(),
width = selectedDropdown.innerWidth(),
windowWidth = $(this.variables.navigationSelector).outerWidth(),
navigationWidth = $('.nav .container').outerWidth(),
marginNavigation = (windowWidth - navigationWidth) / 2,
backgroundDropdownPosition = $(event.currentTarget).offset().left + cssPadding + ($(event.currentTarget).innerWidth() - cssPadding) /2 - width/2 - marginNavigation;
setTimeout(_.bind(function() {
bg.removeClass(this.variables.backgroundAnimationClass);
},this));
setTimeout(_.bind(this.setBackgroundDropdown, this, bg));
bgWrapper.addClass(this.variables.linksVisibleClass);
var bgWrapper = $(this.variables.navBackgroundWrapper);
bgWrapper.removeClass(this.variables.linksVisibleClass);
},
bg.css({
'-moz-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'-webkit-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'-ms-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'-o-transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'transform': 'translateX(' + backgroundDropdownPosition + 'px)',
'width': width + 'px',
'height': height + 'px'
});
},
desktopDropdownEvent: function() {
this.resetMobile();
$(this.variables.sectionSelector).on('mouseover', _.bind(this.backgroundDropdown, this));
$(this.variables.sectionSelector).on('mouseleave', _.bind(this.destroyDropdown, this));
this.showAndHideHeader();
},
// Clear dropdowns in mouse leave
destroyDropdown: function(event) {
var bg = $(this.variables.navBackgroundSelector),
bgWrapper = $(this.variables.navBackgroundWrapper);
setTimeout(_.bind(function() {
bg.removeClass(this.variables.backgroundAnimationClass);
},this));
var bgWrapper = $(this.variables.navBackgroundWrapper);
bgWrapper.removeClass(this.variables.linksVisibleClass);
},
//Bodymovin menu Animation
createMenuButton: function() {
var menuAnimation,
animContainer = document.querySelectorAll(".container button")[0],
params = {
container: animContainer,
renderer: "svg",
loop: false,
autoplay: false,
autoloadSegments: true,
path: templateUrl + "/assets/img/menu/data.json"
};
menuAnimation = bodymovin.loadAnimation(params);
menuAnimation.stop();
//Bodymovin menu Animation
createMenuButton: function() {
var menuAnimation,
animContainer = document.querySelectorAll('.container button')[0],
params = {
container: animContainer,
renderer: 'svg',
loop: false,
autoplay: false,
autoloadSegments: true,
path: templateUrl + '/assets/img/menu/data.json'
};
menuAnimation = bodymovin.loadAnimation(params);
menuAnimation.stop();
$(".container button").click(function () {
if(this.menuOpened) {
menuAnimation.setDirection(-1);
} else {
menuAnimation.setDirection(0);
}
menuAnimation.play();
this.menuOpened = !this.menuOpened;
});
},
$('.container button').click(function () {
if(this.menuOpened) {
menuAnimation.setDirection(-1);
} else {
menuAnimation.setDirection(0);
}
menuAnimation.play();
this.menuOpened = !this.menuOpened;
});
},
//Listen to scroll to change header opacity class
toggleScrolledClass: function() {
var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
//Listen to scroll to change header opacity class
toggleScrolledClass: function() {
var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (bodyScrollTop !== 0) {
$(this.variables.navigationId).addClass(this.variables.scrolledClass);
$(this.variables.logoSelector).addClass(this.variables.scrolledClass);
}
else {
$(this.variables.navigationId).removeClass(this.variables.scrolledClass);
$(this.variables.logoSelector).removeClass(this.variables.scrolledClass);
}
},
if (bodyScrollTop !== 0) {
$(this.variables.navigationId).addClass(this.variables.scrolledClass);
$(this.variables.logoSelector).addClass(this.variables.scrolledClass);
}
checkScroll: function() {
if ($(this.variables.navigationId).length > 0) {
$(window).on("scroll load resize", _.bind(this.toggleScrolledClass, this));
}
},
else {
$(this.variables.navigationId).removeClass(this.variables.scrolledClass);
$(this.variables.logoSelector).removeClass(this.variables.scrolledClass);
}
},
animatedLogoSprite: function() {
this.hoverLogo();
$(this.variables.logoSelector).on("mouseover", _.bind(this.hoverLogo, this));
},
checkScroll: function() {
if ($(this.variables.navigationId).length > 0) {
$(window).on('scroll load resize', _.bind(this.toggleScrolledClass, this));
}
},
hoverLogo: function () {
$(this.variables.logoSelector).removeClass(this.variables.stopAnimationClass);
$(this.variables.logoSelector).addClass(this.variables.playOnHoverClass);
setTimeout(_.bind(this.stopLogoAnimation, this), 2000);
},
animatedLogoSprite: function() {
this.hoverLogo();
$(this.variables.logoSelector).on('mouseover', _.bind(this.hoverLogo, this));
},
stopLogoAnimation: function() {
$(this.variables.logoSelector).removeClass(this.variables.playOnHoverClass);
$(this.variables.logoSelector).addClass(this.variables.stopAnimationClass);
}
}
HeaderApp.init();
});
hoverLogo: function () {
$(this.variables.logoSelector).removeClass(this.variables.stopAnimationClass);
$(this.variables.logoSelector).addClass(this.variables.playOnHoverClass);
setTimeout(_.bind(this.stopLogoAnimation, this), 2000);
},
stopLogoAnimation: function() {
$(this.variables.logoSelector).removeClass(this.variables.playOnHoverClass);
$(this.variables.logoSelector).addClass(this.variables.stopAnimationClass);
}
};
HeaderApp.init();
});

20
assets/js/pages/about.js
Просмотреть файл

@ -1,20 +0,0 @@
define(['jquery', 'lodash', 'enquire', 'jqueryUi', 'youtubeplugin', 'bootstrap'],
function ($, _, enquire, jqueryui, jqyoutube) {
$(document).ready(function() {
'use strict';
var about = {
init: function() {
jQuery('a.youtube').YouTubePopup({ hideTitleBar: true });
enquire.register('screen and (max-width: 480px)', {
//match: _.bind(this.resultsBindMobile, this)
});
enquire.register('screen and (min-width: 481px)', {
//match: _.bind(this.enterpriseBindDesktop, this)
});
}
};
about.init();
});
});

22
assets/js/pages/enterprise.js
Просмотреть файл

@ -1,22 +0,0 @@
define(['jquery', 'lodash', 'enquire', 'velocity', 'velocityUI', 'scrollMagic'],
function ($, _, enquire, Velocity, velocityUI, ScrollMagic) {
$(document).ready(function() {
'use strict';
var enterprisePage = {
init: function() {
enquire.register('screen and (max-width: 480px)', {
//match: _.bind(this.resultsBindMobile, this)
});
enquire.register('screen and (min-width: 481px)', {
//match: _.bind(this.enterpriseBindDesktop, this)
});
},
variables : {
},
};
enterprisePage.init();
});
});

6
assets/js/pages/events.js
Просмотреть файл

@ -1,6 +0,0 @@
define(["jquery", "bootstrap" ],
function ($, bootstrap ) {
$(document).ready(function() {
});
});

20
assets/js/pages/globalscale.js
Просмотреть файл

@ -1,20 +0,0 @@
define(["jquery", "underscore", "enquire", "jqueryUi", "youtubeplugin", "bootstrap"],
function ($, _, enquire, jqueryui, jqyoutube) {
$(document).ready(function() {
'use strict';
const globalscale = {
init: function() {
jQuery("a.youtube").YouTubePopup({ hideTitleBar: true });
enquire.register('screen and (max-width: 480px)', {
//match: _.bind(this.resultsBindMobile, this)
});
enquire.register('screen and (min-width: 481px)', {
//match: _.bind(this.enterpriseBindDesktop, this)
});
}
}
globalscale.init();
});
});

21
assets/js/pages/jobs.js
Просмотреть файл

@ -1,6 +1,15 @@
define(["jquery", "bootstrap" ],
function ($, bootstrap ) {
$(document).ready(function() {
});
});
define(['jquery', 'lodash'],
function ($, _) {
$(document).ready(function() {
'use strict';
var jobsPage = {
init: function() {
},
variables : {
}
};
jobsPage.init();
});
});

8
assets/js/require.config.js
Просмотреть файл

@ -21,8 +21,8 @@ requirejs.config({
hammer: ['https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min', 'vendor/hammer.min'],
inview: ['https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min', 'vendor/jquery.inview'],
plyr: ['https://cdn.plyr.io/2.0.13/plyr', '../../node_modules/plyr/dist/plyr'],
bootstrap: ['https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min', '../../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min'],
highlight: ['https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min', '../../node_modules/highliht.js/lib/highlight'],
youtubeplugin: 'old/vendor/jquery.youtubepopup.min',
},
shim: {
headroomJquery: {
@ -43,8 +43,8 @@ requirejs.config({
velocityUI: {
deps: ['velocity']
},
youtubeplugin: {
deps: ['jqueryUi', 'bootstrap']
},
bootstrap: {
deps: ['jquery']
}
}
});

8
page-about.php
Просмотреть файл

@ -1,12 +1,8 @@
<head>
<link class="hyperlink" href="<?php echo get_template_directory_uri(); ?>/assets/css/about.css" rel="stylesheet">
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
<link type="text/css" href="<?php echo get_template_directory_uri(); ?>/assets/css/vendor/jquery-ui.css" rel="stylesheet" />
<link class="hyperlink" href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/about.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["pages/about"])
require(["modules/youtubePlayer"])
});
</script>

8
page-buy.php
Просмотреть файл

@ -1,11 +1,11 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/buy.css" rel="stylesheet">
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/buy.css" rel="stylesheet">
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
require(["require.config"], function() {
require(["modules/submenu"])
});
</script>
</script>
</head>
<section class="buy-hero-section second-menu">
<div class="container-fluid background buy-background">

5
page-compare.php
Просмотреть файл

@ -1,11 +1,12 @@
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script>
require(["require.config"], function() {
require(["pages/compare", "bootstrap", "jquery"])
require(["pages/compare", "jquery"])
});
</script>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/compare.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/compare.css" rel="stylesheet">
</head>
<body>

2
page-contribute.php
Просмотреть файл

@ -1,4 +1,4 @@
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/contribute.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/contribute.css" rel="stylesheet">
<div class="background contribute-background">
<div class="container">

7
page-contributors.php
Просмотреть файл

@ -1,10 +1,5 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/contributors.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["bootstrap"])
});
</script>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/contributors.css" rel="stylesheet">
</head>
<section class="hero-section second-menu">
<div class="background contributors-background">

20
page-enterprise.php
Просмотреть файл

@ -1,10 +1,10 @@
<head>
<script>
require(["require.config"], function() {
require(["pages/enterprise", "modules/slideshow", "modules/submenu", "bootstrap"])
require(["modules/slideshow", "modules/submenu"])
});
</script>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/enterprise.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/enterprise.css" rel="stylesheet">
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
@ -43,7 +43,9 @@
<div class="container">
<p class="section--intro text-center revealOnScroll">Matter experts</p>
<h3 class="section--heading-1 text-center revealOnScroll">Dedicated to your success</h3>
<div class="expertise__ilustration"></div>
<div class="expertise__ilustration">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/enterprise/ilustration_matterexperts-new.svg"); ?>
</div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('We are dedicated to your success as Nextcloud customer. An analysis of your needs, a pilot customized for your architecture and remote installation support ensures a smooth introduction of Nextcloud in your organization and we will help you scale up to meet growing demand in your organization.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud GmbH employs <a class="hyperlink" href="https://nextcloud.com/blog/nextcloud-the-most-active-open-source-file-sync-and-share-project/">9 of the top-ten developers in the Nextcloud Server codebase</a>, making our engineering team by far the most qualified to help you get the most out of your Enterprise File Sync and Share solution.');?></p>
<p class="section--intro text-center revealOnScroll"><a class="button button--blue button--arrow button--large" href="/team">Our team</a></p>
@ -57,7 +59,9 @@
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Top notch security');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('To keep your data safe');?></h3>
<div class="security__ilustration"></div>
<div class="security__ilustration">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/enterprise/security-new.svg"); ?>
</div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud develops its software with a rigorous focus on security through the entire life cycle of the product. Our active and passive security measures are backed by the some of the highest security bug bounties in the open source industry.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('As customer you get direct access to our security expertise, with hardening advice and ahead-of-release security issue mitigation and fixes.');?></p>
<p class="section--intro text-center revealOnScroll"><a class="button button--blue button--arrow button--large" href="/secure">Learn about security</a></p>
@ -71,7 +75,9 @@
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Multi-year lifecycle');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('For uninterupted service');?></h3>
<div class="lifecycle__ilustration"></div>
<div class="lifecycle__ilustration">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/enterprise/data_safe-new.svg"); ?>
</div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('A Nextcloud support subscription gives you access to enterprise-ready software, updates, and information and support services that span your entire OS and application infrastructure life cycle and architecture. You can count on receiving the latest product versions with the stability and security you need.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Working with data is essential for your business and being forced on the upgrade threadmill is disruptive to your organization. With access to up to 15 years security and stability updates to Nextcloud, we match the lifecycle of your operating system so you can schedule upgrades when it works for you and secure the investments you did in your existing platform.');?></p>
<p class="section--intro text-center revealOnScroll"><a class="button button--blue button--arrow button--large" href="/pricing">See pricing</a></p>
@ -85,7 +91,9 @@
<div class="container">
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Ultimate scalability');?></p>
<h3 class="section--heading-1 text-center revealOnScroll"><?php echo $l->t('For costs and compliance');?></h3>
<div class="globalscale__ilustration"></div>
<div class="globalscale__ilustration">
<?php echo file_get_contents(get_template_directory_uri()."/assets/img/globalscale/final.svg"); ?>
</div>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Our unique Nextcloud Global Scale architecture delivers a true globally scalable solution for deployments with hundreds of millions of users, giving unprecedented control over the locality of data and delivering dramatic cost reduction.');?></p>
<p class="section--intro text-center revealOnScroll"><?php echo $l->t('Nextcloud Global Scale was designed to lift enterprise collaboration to a new level, overcoming limitations in building large scale file storage, sync & share solutions. Nextcloud Global Scale works by decentralizing data to independent nodes, using several new components to manage the interactions between servers.');?></p>
<p class="section--intro text-center revealOnScroll"><a class="button button--blue button--arrow button--large" href="/globalscale">Learn more</a></p>

8
page-events.php
Просмотреть файл

@ -1,11 +1,5 @@
<head>
<script>
require(["require.config"], function() {
require(["pages/events"])
});
</script>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/events.css">
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/pages/events.css">
</head>
<div class="background events-background">

2
page-features.php
Просмотреть файл

@ -3,7 +3,7 @@
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
require(["require.config"], function() {
require(["modules/youtubePlayer"])
require()
});
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>

16
page-globalscale.php
Просмотреть файл

@ -1,9 +1,8 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/globalscale.css" rel="stylesheet">
<link type="text/css" href="<?php echo get_template_directory_uri(); ?>/assets/css/vendor/jquery-ui.css" rel="stylesheet" />
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/globalscale.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["pages/globalscale"])
require(["modules/youtubePlayer"])
});
</script>
<script src='https://www.google.com/recaptcha/api.js'></script>
@ -23,14 +22,7 @@ require(["require.config"], function() {
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1 video">
<div class="yt-img-overlay">
<a class="youtube" id="I5wcLS9xxMw" href="https://www.youtube.com/watch?v=I5wcLS9xxMw" title="Explaining Global Scale">
<img class="img-responsive featureimg" src="https://img.youtube.com/vi/I5wcLS9xxMw/maxresdefault.jpg" title="Explaining Global Scale" style='margin: 0 0 0 0; padding: -10% 0 -10% 0;' /> <!-- style different per image! -->
<div class="yt-play-btn">
<i></i>
</div>
</a>
</div>
<div data-type="youtube" data-video-id="I5wcLS9xxMw"></div>
</div>
<div class="col-md-8 col-md-offset-2 text-center revealOnScroll">
<p class="section--paragraph"><?php echo $l->t('<span class="avoidwrap">Nextcloud Global Scale delivers a true globally scalable solution</span> <span class="avoidwrap">for deployments with hundreds of millions of users<span>, <span class="avoidwrap">giving unprecedented control over the locality of data</span> <span class="avoidwrap">and delivering dramatic cost reduction</span>');?></p>
@ -143,7 +135,7 @@ require(["require.config"], function() {
<div class="container-fluid quote">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center revealOnScroll">
<div class="text-center revealOnScroll">
<p class="section--paragraph"><?php echo $l->t('Achieve a new level in scalability, flexibility and cost efficiency. Contact sales today!');?></p>
<div class="text-center morebuttondiv">
<a href="/enterprise/buy/" class="button button--large button--arrow"><?php echo $l->t('Contact Nextcloud');?> <i class="icon-arrow-circle-o-right icon"></i></a>

6
page-jobs.php
Просмотреть файл

@ -1,11 +1,12 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/jobs.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/jobs.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["bootstrap", "pages/jobs"])
require(["bootstrap"])
});
</script>
</head>
<section class="hero-section second-menu">
<div class="background jobs-background">
<div class="container">
@ -368,4 +369,3 @@
</div>
</section>

2
page-migration.php
Просмотреть файл

@ -1,5 +1,5 @@
<head>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/migration.css">
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/pages/migration.css">
<script>
require(["require.config"], function() {
require(["pages/migration"])

3
page-order.php
Просмотреть файл

@ -1,5 +1,5 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/order.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/order.css" rel="stylesheet">
<script src='https://www.google.com/recaptcha/api.js'></script>
<!-- I need this for the last script on the page to work, require.js seems to not make jquery available in the page js :( -->
<script src='<?php echo get_template_directory_uri(); ?>/assets/js/vendor/jquery.min.js'></script>
@ -550,4 +550,3 @@
return true;
});
</script>

8
page-partners.php
Просмотреть файл

@ -1,10 +1,5 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/partners.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["bootstrap"])
});
</script>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/partners.css" rel="stylesheet">
</head>
<section class="hero-section">
@ -210,4 +205,3 @@
<br /><br />
<p><small>All product names and trademarks are the property of their respective owners, which might in no way be associated or affiliated with Nextcloud.</small></p>
</div>

11
page-pricing.php
Просмотреть файл

@ -1,14 +1,11 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pricing.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/pricing.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["pages/enterprise", "pages/pricing", "modules/submenu", "bootstrap"])
require(["pages/pricing", "modules/submenu", "bootstrap"])
});
</script>
<style>
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
@ -238,13 +235,13 @@
<div class="row">
<h1 class="header revealOnScroll"><?php echo $l->t('Discounts');?></h1>
<div class="col-md-5 col-md-offset-1 box revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/enterprise/publicsector.svg">
<?php echo file_get_contents(get_template_directory_uri().'/assets/img/enterprise/publicsector.svg'); ?>
<h1><?php echo $l->t('Public Sector');?></h1>
<p><?php echo $l->t('We provide interesting discount options to organizations in the public sector.');?></p>
<p><a class="hyperlink" href="/enterprise/buy"><?php echo $l->t('Contact us');?></a></p>
</div>
<div class="col-md-5 col-md-offset-1 box revealOnScroll">
<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/enterprise/education.svg">
<?php echo file_get_contents(get_template_directory_uri().'/assets/img/enterprise/education.svg'); ?>
<h1><?php echo $l->t('Education');?></h1>
<p><?php echo $l->t('Organizations in the educational sector receive a significant discount on all subscriptions');?></p>
<p><a class="hyperlink" href="/enterprise/buy"><?php echo $l->t('Contact us');?></a></p> </div>

2
page-security.php
Просмотреть файл

@ -1,4 +1,4 @@
<?php get_template_part( 'templates/parts/title'); ?>
<?php get_template_part('templates/parts/title'); ?>
<div class="sub-nav"><a href="/security/advisories"><?php echo $l->t('Security Advisories');?></a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/security/threat-model"><?php echo $l->t('Threat Model');?></a>
</div>
<h2><?php echo $l->t('Security information');?></h2>

3
page-support.php
Просмотреть файл

@ -1,5 +1,5 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/support.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/support.css" rel="stylesheet">
</head>
<div class="background support-background">
<div class="container">
@ -41,4 +41,3 @@
</div>
</div>
</div>

4
page-team.php
Просмотреть файл

@ -1,8 +1,8 @@
<head>
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/team.css" rel="stylesheet">
<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/team.css" rel="stylesheet">
<script>
require(["require.config"], function() {
require(["modules/submenu", "bootstrap"])
require(["modules/submenu"])
});
</script>
</head>