home page improved, fixes
This commit is contained in:
Zira project
parent
78fead4786
commit
7fbed12980
14
details.html
14
details.html
|
|
@ -46,7 +46,7 @@
|
|||
<ul class="nav navbar-nav">
|
||||
<li class="top-menu-logo">
|
||||
<a href="/" title="Zira"><img src="/assets/images/zira.png" alt="Zira" /><span>Zira</span></a></li>
|
||||
<li class="menu-item active"><a href="/" title="Главная" class="menu-link">Главная</a></li>
|
||||
<li class="menu-item"><a href="/" title="Главная" class="menu-link">Главная</a></li>
|
||||
<li class="menu-item"><a href="/ziracms.html" title="Описание Zira CMS" class="menu-link">Описание</a></li>
|
||||
<li class="menu-item"><a href="/ziracms/install.html" title="Установка Zira CMS" class="menu-link">Установка</a></li>
|
||||
<li class="menu-item"><a href="/ziracms/update.html" title="Обновление Zira CMS" class="menu-link">Обновление</a></li>
|
||||
|
|
@ -61,17 +61,17 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div id="content" class="col-sm-8">
|
||||
<main>
|
||||
<article>
|
||||
<div class="page-header">
|
||||
<h1>Zira CMS</h1>
|
||||
</div>
|
||||
<div class="article parse-content">
|
||||
<div class="demo-wrapper">
|
||||
<video width="100%" controls autoplay muted>
|
||||
<source src="/uploads/zira/video/demo.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<main>
|
||||
<article>
|
||||
<div class="article parse-content">
|
||||
<div class="page-header">
|
||||
<h1>Zira CMS</h1>
|
||||
</div>
|
||||
<p>Zira CMS - это лёгкая, простая в управлении, и в то-же время гибкая система управления сайтом.</p>
|
||||
<p>Устанавливая Zira CMS, вы сразу из коробки получаете наиболее часто используемые функции, такие как удобный файловый менеджер, галерея, слайдер, интеграция с социальными сетями и др. Нет необходимости в дополнительном скачивании и настройке различных плагинов и скриптов.</p>
|
||||
<p> </p>
|
||||
|
|
|
|||
|
|
@ -101,6 +101,22 @@ blockquote {
|
|||
color: #ff04c9;
|
||||
font-size: 180%;
|
||||
}
|
||||
@media only screen and (max-width:767px){
|
||||
blockquote,
|
||||
.zira-title-wrapper,
|
||||
.title-wrapper,
|
||||
.zira-cms-download-btn:link,
|
||||
.zira-cms-download-btn:visited {
|
||||
font-size: 100%;
|
||||
}
|
||||
header {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.screen-list li {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!--[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]-->
|
||||
|
|
|
|||
|
|
@ -101,6 +101,22 @@ blockquote {
|
|||
color: #ff04c9;
|
||||
font-size: 180%;
|
||||
}
|
||||
@media only screen and (max-width:767px){
|
||||
blockquote,
|
||||
.zira-title-wrapper,
|
||||
.title-wrapper,
|
||||
.zira-cms-download-btn:link,
|
||||
.zira-cms-download-btn:visited {
|
||||
font-size: 100%;
|
||||
}
|
||||
header {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.screen-list li {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!--[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]-->
|
||||
|
|
|
|||
59
index.html
59
index.html
|
|
@ -38,6 +38,7 @@
|
|||
height: 80px;
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
#welcome-screen {
|
||||
position: relative;
|
||||
|
|
@ -54,35 +55,35 @@
|
|||
padding: 20px 0px;
|
||||
}
|
||||
.zira-title-wrapper {
|
||||
padding: 40px 0px 80px;
|
||||
color: #000;
|
||||
padding: 80px 0px 40px;
|
||||
color: #fff;
|
||||
font-size: 130%;
|
||||
background: #f2f525 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
|
||||
text-shadow: 0px 1px 1px #fff;
|
||||
background: #900042 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
}
|
||||
.title-wrapper {
|
||||
/* background-color: #efb103;*/
|
||||
padding: 40px 0px 80px;
|
||||
color: #000;
|
||||
padding: 80px 0px 40px;
|
||||
color: #fff;
|
||||
font-size: 130%;
|
||||
background: #efb103 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
|
||||
text-shadow: 0px 1px 1px #fff;
|
||||
background: #599000 url(/uploads/editor/wallpaper.png) no-repeat 50% -100%;
|
||||
text-shadow: 0px 1px 1px #000;
|
||||
}
|
||||
.zira-title-wrapper a:link,
|
||||
.zira-title-wrapper a:visited,
|
||||
.title-wrapper a:link,
|
||||
.title-wrapper a:visited {
|
||||
color: #333;
|
||||
.zira-title-wrapper h1 a:link,
|
||||
.zira-title-wrapper h1 a:visited,
|
||||
.title-wrapper h1 a:link,
|
||||
.title-wrapper h1 a:visited {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
.zira-title-wrapper a:hover,
|
||||
.title-wrapper a:hover {
|
||||
color: #6e00ff;
|
||||
.zira-title-wrapper h1 a:hover,
|
||||
.title-wrapper h1 a:hover {
|
||||
color: #fb07ff;
|
||||
}
|
||||
.zira-cms-download-btn:link,
|
||||
.zira-cms-download-btn:visited {
|
||||
font-size: 200%;
|
||||
padding: 30px 60px;
|
||||
font-size: 150%;
|
||||
padding: 20px 70px;
|
||||
border-radius: 40px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -108,6 +109,14 @@ blockquote {
|
|||
font-size: 150%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
@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%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!--[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]-->
|
||||
|
|
@ -155,6 +164,9 @@ blockquote {
|
|||
</div>
|
||||
<p>Zira CMS привносит возможности рабочего стола в ваш сайт. Удобный и понятный оконный интерфейс позволит без труда разобраться в управлении даже новичку.</p>
|
||||
<p>Открывайте несколько окон параллельно, сворачивайте или разворачивайте их на весь экран. В общем работайте так, как вы привыкли это делать на своём десктопе.</p>
|
||||
<div class="zira-editor-download-wrapper">
|
||||
<a href="/details.html" class="zira-cms-download-btn">Подробнее</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="demo-wrapper">
|
||||
|
|
@ -171,6 +183,9 @@ blockquote {
|
|||
</div>
|
||||
<p>Если Вы ищете альтернативу Geany для KDE, Вы должны попробовать Zira Editor.</p>
|
||||
<p>Zira Editor - это лёгкий и быстрый PHP редактор для Linux, Android и Raspberry Pi с подсветкой синтаксиса и авто-дополнением.</p>
|
||||
<div class="zira-editor-download-wrapper">
|
||||
<a href="/editor/ru/index.html" class="zira-cms-download-btn">Подробнее</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -287,6 +302,7 @@ blockquote {
|
|||
</script>
|
||||
<script type="text/javascript">
|
||||
if (typeof requestAnimationFrame != "undefined") {
|
||||
var ziraTitlePaddingTop = 0;
|
||||
var titlePaddingTop = 0;
|
||||
var titleStartHeight = 0;
|
||||
function parallax() {
|
||||
|
|
@ -307,10 +323,10 @@ if (typeof requestAnimationFrame != "undefined") {
|
|||
if (offsetP < titleHeight) {
|
||||
$('.zira-title-wrapper').css('background-position', '50% '+offsetP+"%");
|
||||
}
|
||||
if (titlePaddingTop > 0 && titleStartHeight > 0) {
|
||||
if (ziraTitlePaddingTop > 0 && titleStartHeight > 0) {
|
||||
var padding = scrollTop + windowHeight - titleTop - titleStartHeight;
|
||||
var paddingP = titlePaddingTop + (padding / titleStartHeight) * titlePaddingTop;
|
||||
if (paddingP < titlePaddingTop * 3) {
|
||||
var paddingP = ziraTitlePaddingTop + (padding / titleStartHeight) * ziraTitlePaddingTop;
|
||||
if (paddingP < ziraTitlePaddingTop * 3) {
|
||||
$('.zira-title-wrapper').css('paddingTop', paddingP);
|
||||
}
|
||||
}
|
||||
|
|
@ -334,6 +350,7 @@ if (typeof requestAnimationFrame != "undefined") {
|
|||
requestAnimationFrame(parallax);
|
||||
}
|
||||
$(document).ready(function(){
|
||||
ziraTitlePaddingTop = parseInt($('.zira-title-wrapper').css('paddingTop'));
|
||||
titlePaddingTop = parseInt($('.title-wrapper').css('paddingTop'));
|
||||
titleStartHeight = parseInt($('.title-wrapper').height());
|
||||
requestAnimationFrame(parallax);
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 18 KiB |
|
|
@ -33,17 +33,17 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div id="content" class="col-sm-8">
|
||||
<div class="demo-wrapper">
|
||||
<video width="100%" controls autoplay muted>
|
||||
<source src="/uploads/zira/video/install.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<main>
|
||||
<article>
|
||||
<div class="page-header">
|
||||
<h1>Установка Zira CMS</h1>
|
||||
</div>
|
||||
<div class="article parse-content">
|
||||
<div class="demo-wrapper">
|
||||
<video width="100%" controls autoplay muted>
|
||||
<source src="/uploads/zira/video/install.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<blockquote>Внимание! В репозитории отсутствуют папки <b>cache</b>, <b>log</b> и <b>uploads</b>, поэтому перед началом установки их нужно создать.</blockquote>
|
||||
<p>Для того, чтобы установить Zira CMS необходимо для начала загрузить файлы из распакованного архива в корневую директорию сайта. Для этого можно использовать любой FTP-клиент, например FileZilla.</p>
|
||||
<p>После чего, нужно сразу подготовить файловую систему к установке. А именно, необходимо дать права на запись для следующих директорий:</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue