2019-11-18 12:05:16 +01:00
<!DOCTYPE html>
< html itemscope itemtype = "http://schema.org/WebPage" lang = "ru" >
2019-11-18 10:30:40 +01:00
< head >
2019-11-18 12:05:16 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "icon" type = "image/png" href = "/assets/images/zira.png" / >
2019-11-18 10:30:40 +01:00
< meta charset = "utf-8" / >
2020-02-11 22:30:57 +01:00
< title > Zira Project - Софт для продвинутых пользователей< / title >
2019-11-18 12:05:16 +01:00
< link rel = "stylesheet" type = "text/css" href = "/assets/css/bootstrap.min.css" / >
< link rel = "stylesheet" type = "text/css" href = "/assets/css/bootstrap-theme.min.css" / >
< link rel = "stylesheet" type = "text/css" href = "/assets/css/zira.css" / >
2019-11-19 18:57:06 +01:00
< link rel = "stylesheet" type = "text/css" href = "/assets/css/lightbox.css" / >
2019-11-18 12:05:16 +01:00
< link rel = "stylesheet" type = "text/css" href = "/theme/css/main.css" / >
< link rel = "stylesheet" type = "text/css" href = "/theme/css/extra.css" / >
2020-02-11 22:30:57 +01:00
< style >
.screen-list li {
width: 49%;
display: inline-block;
vertical-align: top;
margin: 0 1% 2% 0;
box-shadow: 0px 0px 1px #e0ffde;
transition: margin-top 500ms ease;
}
.screen-list li:hover {
box-shadow: 0px 0px 1px #5e6b5d;
}
.screen-list li:nth-child(2n) {
margin-right: 0;
transition-delay: 100ms;
}
.screen-list li a {
display: block;
}
.screen-list li a img {
width: 100%;
}
.zira-editor-download-wrapper {
width: 100%;
height: 80px;
text-align: center;
margin-bottom: 30px;
2020-02-12 14:32:52 +01:00
margin-top: 60px;
2020-02-11 22:30:57 +01:00
}
#welcome-screen {
position: relative;
height: 100%;
background: #751601;
2020-02-13 17:07:23 +01:00
transition: background-color 10s linear;
2020-02-11 22:30:57 +01:00
}
.demo-wrapper {
background-color: #222628;
color: #fff;
padding: 20px 0px;
}
.zira-demo-wrapper {
background-color: #d8cceb;
padding: 20px 0px;
}
.zira-title-wrapper {
2020-02-12 14:32:52 +01:00
padding: 80px 0px 40px;
color: #fff;
2020-02-11 22:30:57 +01:00
font-size: 130%;
2020-02-12 14:32:52 +01:00
background: #900042 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
text-shadow: 0px 1px 1px #000;
2020-02-11 22:30:57 +01:00
}
.title-wrapper {
/* background-color: #efb103;*/
2020-02-12 14:32:52 +01:00
padding: 80px 0px 40px;
color: #fff;
2020-02-11 22:30:57 +01:00
font-size: 130%;
2020-02-12 14:32:52 +01:00
background: #599000 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
text-shadow: 0px 1px 1px #000;
2020-02-11 22:30:57 +01:00
}
2020-02-12 14:32:52 +01:00
.zira-title-wrapper h1 a:link,
.zira-title-wrapper h1 a:visited,
.title-wrapper h1 a:link,
.title-wrapper h1 a:visited {
color: #fff;
2020-02-11 22:30:57 +01:00
text-decoration: none;
}
2020-02-12 14:32:52 +01:00
.zira-title-wrapper h1 a:hover,
.title-wrapper h1 a:hover {
color: #fb07ff;
2020-02-11 22:30:57 +01:00
}
.zira-cms-download-btn:link,
.zira-cms-download-btn:visited {
2020-02-12 14:32:52 +01:00
font-size: 150%;
padding: 20px 70px;
2020-02-11 22:30:57 +01:00
border-radius: 40px;
font-weight: bold;
}
footer {
margin-top: 0;
background: #080c13;
border: none;
}
blockquote {
background-color: #0f191d;
border-left: 10px solid #dbedff;
border-right: 10px solid #dbedff;
margin-bottom: 0px;
font-size: 120%;
color: #7ea6bd;
padding: 20px 40px;
}
.page-header,
.page-header h1 {
text-align: center;
font-weight: bold;
color: #000;
font-size: 150%;
margin-bottom: 50px;
}
2020-02-12 16:26:43 +01:00
#language-selector:link,
#language-selector:visited {
background-color: #914534;
display: block;
position: absolute;
top: 0;
right: 10px;
padding: 10px 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #d0a3a3;
text-decoration: none;
}
#language-selector:hover {
background-color: #f33d15;
color: #fff;
}
2020-02-12 19:22:41 +01:00
#zira-project-img {
transition: opacity 5s linear;
}
2020-02-12 14:32:52 +01:00
@media only screen and (max-width:767px){
.zira-title-wrapper,
.title-wrapper,
.zira-cms-download-btn:link,
.zira-cms-download-btn:visited {
font-size: 100%;
}
}
2020-02-11 22:30:57 +01:00
< / style >
2019-11-18 12:05:16 +01:00
<!-- [if lt IE 9]><script src="/assets/js/html5shiv.min.js"></script><script src="/assets/js/respond.min.js"></script><![endif] -->
<!-- [if lt IE 9]><link href="/theme/css/ie8.css" type="text/css" rel="stylesheet" /><![endif] -->
2019-11-18 10:30:40 +01:00
< / head >
2020-02-11 22:30:57 +01:00
< body class = "page" >
< div id = "welcome-screen" >
2020-02-12 16:26:43 +01:00
< a href = "/en/index.html" id = "language-selector" > English< / a >
2020-02-11 22:30:57 +01:00
< img id = "zira-project-img" src = "/assets/images/blank.png" data-rel = "/uploads/zira/zira.png" width = "250" height = "200" alt = "Zira Project" / >
< / div >
< div id = "main-container-wrapper" > < div id = "main-container" >
< div id = "content" >
< main >
< article >
2019-11-18 13:14:41 +01:00
< div class = "zira-cms-block" id = "zira-cms-block" >
2019-11-18 12:05:16 +01:00
< div class = "zira-cms-wrapper" >
2020-02-11 22:30:57 +01:00
< div class = "zira-cms-container" >
< div class = "zira-cms-container-content" >
< h2 class = "zira-cms-title" > < a href = "/details.html" > Zira CMS< / a > < / h2 >
< p class = "zira-cms-description" >
Самая удобная система управления сайтом
< br / > с
< br / > Встроенный файловый менеджер, галерея, слайдер,
< br / > интеграция с
< / p >
2019-11-18 12:05:16 +01:00
< / div >
2020-02-11 22:30:57 +01:00
< div class = "zira-cms-container-content" >
< div class = "zira-cms-presentation-wrapper" >
< img src = "/assets/images/blank.png" data-rel = "/uploads/presentation/zira-cms-presentation-wnd-1.png" alt = "Zira CMS" class = "zira-cms-presentation zira-cms-presentation-wnd-1" / >
< img src = "/assets/images/blank.png" data-rel = "/uploads/presentation/zira-cms-presentation-wnd-2.png" alt = "Zira CMS" class = "zira-cms-presentation zira-cms-presentation-wnd-2" / >
2019-11-18 12:05:16 +01:00
< / div >
< / div >
< / div >
< / div >
< / div >
2020-02-11 22:30:57 +01:00
< div class = "zira-demo-wrapper" >
2019-11-18 12:05:16 +01:00
< div class = "container" >
2020-02-11 22:30:57 +01:00
< video width = "100%" controls autoplay muted >
< source src = "/uploads/zira/video/demo.mp4" type = "video/mp4" >
< / video >
2019-11-18 12:05:16 +01:00
< / div >
< / div >
2020-02-11 22:30:57 +01:00
< div class = "zira-title-wrapper" >
< div class = "container" >
2019-12-03 13:24:10 +01:00
< div class = "page-header" >
2020-02-11 22:30:57 +01:00
< h1 > < a href = "/details.html" > Zira CMS< / a > < / h1 >
2019-12-03 13:24:10 +01:00
< / div >
2020-02-11 22:30:57 +01:00
< p > Zira CMS привносит возможности рабочего стола в ваш сайт. Удобный и понятный оконный интерфейс позволит без труда разобраться в управлении даже новичку.< / p >
< p > Открывайте несколько окон параллельно, сворачивайте или разворачивайте их на весь экран. В < / p >
2020-02-12 14:32:52 +01:00
< div class = "zira-editor-download-wrapper" >
< a href = "/details.html" class = "zira-cms-download-btn" > Подробнее< / a >
< / div >
2019-12-03 13:24:10 +01:00
< / div >
< / div >
2020-02-11 22:30:57 +01:00
< div class = "demo-wrapper" >
< div class = "container" >
< video width = "100%" controls >
< source src = "/uploads/editor/ziracast.mp4" type = "video/mp4" >
< / video >
2019-12-03 13:24:10 +01:00
< / div >
2019-11-19 18:57:06 +01:00
< / div >
2020-02-11 22:30:57 +01:00
< div class = "title-wrapper" >
< div class = "container" >
< div class = "page-header" >
< h1 > < a href = "/editor/ru/index.html" > Zira PHP Editor< / a > < / h1 >
2019-11-19 19:37:14 +01:00
< / div >
2020-02-12 16:26:43 +01:00
< p > Если Вы ищете альтернативу Geany для KDE, то возможно Вам подойдёт Zira Editor.< / p >
2020-02-11 22:30:57 +01:00
< p > Zira Editor - это лёгкий и быстрый PHP редактор для Linux, Android и Raspberry Pi с < / p >
2020-02-12 14:32:52 +01:00
< div class = "zira-editor-download-wrapper" >
< a href = "/editor/ru/index.html" class = "zira-cms-download-btn" > Подробнее< / a >
< / div >
2019-11-18 12:05:16 +01:00
< / div >
< / div >
< / div >
< footer >
< div class = "container" >
< div class = "row" >
2020-02-11 22:30:57 +01:00
< p > © 2019 Zira Project.< br / > Контактный email: < a href = "javascript:void(0)" onmousedown = "this.href='mai'+'lto:'+'ziracm'+'s@g'+'mai'+'l.c'+'om';" > < span > ziracms< / span > @< span > gmail.com< / span > < / a > < / p >
2019-11-18 12:05:16 +01:00
< / div >
< / div >
< / footer >
< / div > < / div > <!-- /main - container - wrapper -->
2020-02-12 16:26:43 +01:00
< a href = "javascript:void(0)" class = "scroll-top" title = "Наверх" > < span class = "glyphicon glyphicon-circle-arrow-up" > < / span > < / a >
2019-11-18 17:23:07 +01:00
< div id = "vk_community_messages" > < / div >
2019-11-18 12:05:16 +01:00
< script src = "/assets/js/jquery.min.js" > < / script >
< script src = "/assets/js/bootstrap.min.js" > < / script >
2020-02-11 22:30:57 +01:00
<!-- <script src="/theme/js/extra.js"></script> -->
< script type = "text/javascript" > zira _base = '/' ; zira _scroll _effects _enabled = false ; zira _show _images _description = false ; < / script >
2019-11-18 12:05:16 +01:00
< script src = "/assets/js/zira.js" > < / script >
2019-11-19 18:57:06 +01:00
< script src = "/assets/js/parse.js" > < / script >
2019-11-18 12:05:16 +01:00
< script src = "/assets/js/lightbox.min.js" > < / script >
2019-11-18 13:14:41 +01:00
< script src = "/assets/plugins/spread.js" > < / script >
2019-11-18 12:05:16 +01:00
< script type = "text/javascript" >
(function($){
$(document).ready(function(){
2020-02-11 22:30:57 +01:00
$('img#zira-project-img').hide();
$('img#zira-project-img').load(zira_project_load);
$('img#zira-project-img').attr('src', $('img#zira-project-img').data('rel'));
2019-11-18 12:05:16 +01:00
$('img.zira-cms-presentation-wnd-1').load(zira_cms_presenation_load_1);
$('img.zira-cms-presentation-wnd-1').attr('src', $('img.zira-cms-presentation-wnd-1').data('rel'));
$('img.zira-cms-presentation-wnd-2').load(zira_cms_presenation_load_2);
$('img.zira-cms-presentation-wnd-2').attr('src', $('img.zira-cms-presentation-wnd-2').data('rel'));
});
2020-02-11 22:30:57 +01:00
zira_project_load = function() {
2020-02-12 19:22:41 +01:00
$('img#zira-project-img').css('opacity', 0);
2020-02-11 22:30:57 +01:00
$('img#zira-project-img').show();
var imgWidth = $('img#zira-project-img').width();
var imgHeight = $('img#zira-project-img').height();
$('img#zira-project-img').css({
'position': 'absolute',
'left': ($(window).width() - imgWidth)/2,
'top': ($(window).height() - imgHeight)/2
}).data('top', ($(window).height() - imgHeight)/2);
2020-02-12 19:22:41 +01:00
$('img#zira-project-img').css('opacity', 1);
2020-02-13 17:07:23 +01:00
$('#welcome-screen').css('backgroundColor', '#387501');
$('#welcome-screen').data('bgColor', '#387501');
2020-02-12 19:22:41 +01:00
setInterval(function(){
if ($('#welcome-screen').data('bgColor') == '#751601') {
$('#welcome-screen').css('backgroundColor', '#387501');
$('#welcome-screen').data('bgColor', '#387501');
} else if ($('#welcome-screen').data('bgColor') == '#387501') {
$('#welcome-screen').css('backgroundColor', '#013a75');
$('#welcome-screen').data('bgColor', '#013a75');
} else if ($('#welcome-screen').data('bgColor') == '#013a75') {
$('#welcome-screen').css('backgroundColor', '#750147');
$('#welcome-screen').data('bgColor', '#750147');
} else {
$('#welcome-screen').css('backgroundColor', '#751601');
$('#welcome-screen').data('bgColor', '#751601');
}
2020-02-13 17:07:23 +01:00
}, 10000);
2019-11-18 12:05:16 +01:00
};
2020-02-11 22:30:57 +01:00
$(window).resize(function(){
if (typeof $('img#zira-project-img').data('top') != "undefined") {
zira_project_load();
}
});
2019-11-18 12:05:16 +01:00
zira_cms_presenation_load_1 = function() {
zira_cms_presenation_load_1.loaded = true;
zira_cms_presenation_load();
};
2020-02-11 22:30:57 +01:00
2019-11-18 12:05:16 +01:00
zira_cms_presenation_load_2 = function() {
zira_cms_presenation_load_2.loaded = true;
zira_cms_presenation_load();
};
2020-02-11 22:30:57 +01:00
2019-11-18 12:05:16 +01:00
zira_cms_presenation_load = function() {
if (typeof zira_cms_presenation_load_1.loaded != "undefined" & &
2020-02-11 22:30:57 +01:00
zira_cms_presenation_load_1.loaded & &
typeof zira_cms_presenation_load_2.loaded != "undefined" & &
zira_cms_presenation_load_2.loaded
2019-11-18 12:05:16 +01:00
) {
zira_cms_presentation();
}
};
2020-02-11 22:30:57 +01:00
2019-11-18 12:05:16 +01:00
zira_cms_presentation = function() {
var wnd1 = $('.zira-cms-container-content .zira-cms-presentation-wnd-1');
var wnd2 = $('.zira-cms-container-content .zira-cms-presentation-wnd-2');
$(wnd1).addClass('loaded');
$(wnd2).addClass('loaded');
var presentation_pos = 0;
zira_cms_presentation.presentation_timer = window.setInterval(function () {
if (presentation_pos == 0) {
$(wnd1).removeClass('anim-2').addClass('anim-1');
$(wnd2).removeClass('anim-2').addClass('anim-1');
} else if (presentation_pos == 1) {
$(wnd1).removeClass('anim-1').addClass('anim-2');
$(wnd2).removeClass('anim-1').addClass('anim-2');
presentation_pos = -1;
}
presentation_pos++;
}, 5000);
};
})(jQuery);
< / script >
2019-11-18 13:14:41 +01:00
< script type = "text/javascript" >
(function($){
2020-02-11 22:30:57 +01:00
function onResize() {
var windowHeight = $(window).height();
$('#zira-cms-block').css('height', windowHeight);
}
$(window).resize(onResize);
2019-11-18 13:14:41 +01:00
$(document).ready(function(){
2020-02-11 22:30:57 +01:00
onResize();
$('#welcome-screen').ziraSpread({
2019-11-18 13:14:41 +01:00
interval: 50,
2020-02-11 22:30:57 +01:00
createInterval: 1000,
randomizeAngle: true,
xAxisWidth: 100,
points: 20,
minSize: 3,
maxSize: 5,
delay: 0,
execTime: 0
2019-11-18 13:14:41 +01:00
});
});
})(jQuery);
< / script >
2020-02-11 22:30:57 +01:00
< script type = "text/javascript" >
if (typeof requestAnimationFrame != "undefined") {
2020-02-12 14:32:52 +01:00
var ziraTitlePaddingTop = 0;
2020-02-11 22:30:57 +01:00
var titlePaddingTop = 0;
var titleStartHeight = 0;
function parallax() {
var windowHeight = $(window).height();
var scrollTop = $(window).scrollTop();
if (scrollTop < windowHeight & & typeof $ ( ' # zira-project-img ' ) . data ( ' top ' ) ! = " undefined " ) {
var imgTop = parseInt($('#zira-project-img').data('top'));
var offset = scrollTop * (windowHeight - imgTop) / windowHeight;
$('#zira-project-img').css('top', imgTop + offset+"px");
2020-02-12 19:22:41 +01:00
//$('#zira-project-img').css('transform', 'translate3d(0px,'+offset+"px,0px)");
2020-02-11 22:30:57 +01:00
}
var titleTop = $('.zira-title-wrapper').offset().top;
var titleHeight = $('.zira-title-wrapper').height();
if (scrollTop + windowHeight > titleTop) {
var offset = scrollTop + windowHeight - titleTop - 3*titleHeight;
var offsetP = offset * 100 / (titleHeight * 3);
if (offsetP < titleHeight ) {
$('.zira-title-wrapper').css('background-position', '50% '+offsetP+"%");
}
2020-02-12 14:32:52 +01:00
if (ziraTitlePaddingTop > 0 & & titleStartHeight > 0) {
2020-02-11 22:30:57 +01:00
var padding = scrollTop + windowHeight - titleTop - titleStartHeight;
2020-02-12 14:32:52 +01:00
var paddingP = ziraTitlePaddingTop + (padding / titleStartHeight) * ziraTitlePaddingTop;
if (paddingP < ziraTitlePaddingTop * 3 ) {
2020-02-11 22:30:57 +01:00
$('.zira-title-wrapper').css('paddingTop', paddingP);
}
}
}
var titleTop = $('.title-wrapper').offset().top;
var titleHeight = $('.title-wrapper').height();
if (scrollTop + windowHeight > titleTop) {
var offset = scrollTop + windowHeight - titleTop - 3*titleHeight;
var offsetP = offset * 100 / (titleHeight * 3);
if (offsetP < titleHeight ) {
$('.title-wrapper').css('background-position', '50% '+offsetP+"%");
}
if (titlePaddingTop > 0 & & titleStartHeight > 0) {
var padding = scrollTop + windowHeight - titleTop - titleStartHeight;
var paddingP = titlePaddingTop + (padding / titleStartHeight) * titlePaddingTop;
if (paddingP < titlePaddingTop * 3 ) {
$('.title-wrapper').css('paddingTop', paddingP);
}
}
}
requestAnimationFrame(parallax);
}
$(document).ready(function(){
2020-02-12 14:32:52 +01:00
ziraTitlePaddingTop = parseInt($('.zira-title-wrapper').css('paddingTop'));
2020-02-11 22:30:57 +01:00
titlePaddingTop = parseInt($('.title-wrapper').css('paddingTop'));
titleStartHeight = parseInt($('.title-wrapper').height());
requestAnimationFrame(parallax);
});
}
< / script >
2019-11-18 10:30:40 +01:00
< / body >
< / html >
