ADD dark footer

This commit is contained in:
Krivchikov Dmitry 2015-10-17 23:06:47 +03:00
parent 9a1675c687
commit ab14d469dd
3 changed files with 37 additions and 14 deletions

View File

@ -61,6 +61,7 @@ class FeedController extends Controller
self::addScript('/js/jquery.cookie.js'); self::addScript('/js/jquery.cookie.js');
self::addStyle('/css/style.css?ver=' . App::getConfig('version')); self::addStyle('/css/style.css?ver=' . App::getConfig('version'));
self::addStyle('/css/pageStyle.css?ver=' . App::getConfig('version')); self::addStyle('/css/pageStyle.css?ver=' . App::getConfig('version'));
self::addStyle('/css/feed.css?ver=' . App::getConfig('version'));
self::addStyle('/css/bootstrap.min.css'); self::addStyle('/css/bootstrap.min.css');
self::addStyle('/css/bootstrap-theme.min.css'); self::addStyle('/css/bootstrap-theme.min.css');

View File

@ -1,14 +1,14 @@
<div id="pageSmoothBackground" style="background-image: url(<?= current($points)->getImg('middle') ?>);"></div> <div id="pageSmoothBackground" style="background-image: url(<?= current($points)->getImg('middle') ?>);"></div>
<div class="container" style="background-color: rgba(255,255,255, 0.8);margin-top: -10px;padding-bottom: 30px;"> <div class="container">
<div class="row"> <div class="row">
<div class="" style="text-align: center; padding-top: 10px;"> <div class="middleHeader">
<a href="/"><img src="/img/logo.png" title="Карта wikipoints" style="height: 100px;" /></a> <a href="/"><img src="/img/logo.png" title="Карта wikipoints" /></a>
</div> </div>
</div> </div>
<div class="row"> <div class="row elements">
<div class="col-md-2"> <div class="col-md-2">
<?php foreach ($news as $item) : ?> <?php foreach ($news as $item) : ?>
<div style="margin: 3px; padding: 3px"> <div class="element news">
<h4><?= $item->title ?></h4> <h4><?= $item->title ?></h4>
<?= $item->text ?> <?= $item->text ?>
</div> </div>
@ -16,11 +16,11 @@
</div> </div>
<div class="col-md-5"> <div class="col-md-5">
<?php foreach ($points as $item) : ?> <?php foreach ($points as $item) : ?>
<div style="margin: 3px; padding: 3px"> <div class="element points">
<a href="/point/<?= $item->id ?>"> <a href="/point/<?= $item->id ?>">
<h4><?= $item->name ?></h4> <h4><?= $item->name ?></h4>
</a> </a>
<img src="<?= $item->getImg() ?>" style="width: 200px; float: left; margin: 0 10px 5px 0;"/> <img src="<?= $item->getImg() ?>"/>
<?= mb_substr($item->description, 0, 400, 'UTF-8') ?> <?= mb_substr($item->description, 0, 400, 'UTF-8') ?>
<a href="/point/<?= $item->id ?>">&gt;&gt;&gt;</a> <a href="/point/<?= $item->id ?>">&gt;&gt;&gt;</a>
</div> </div>
@ -30,12 +30,12 @@
</div> </div>
<div class="col-md-5"> <div class="col-md-5">
<?php foreach ($articles as $item) : ?> <?php foreach ($articles as $item) : ?>
<div style="margin: 3px; padding: 3px"> <div class="element articles">
<a href="/article/<?= $item->id ?>"> <a href="/article/<?= $item->id ?>">
<h4><?= $item->title ?></h4> <h4><?= $item->title ?></h4>
</a> </a>
<?php if($item->hasImg()): ?> <?php if($item->hasImg()): ?>
<img src="<?= $item->getImg() ?>" style="width: 200px; float: left; margin: 0 10px 5px 0;"/> <img src="<?= $item->getImg() ?>"/>
<?php endif; ?> <?php endif; ?>
<?= mb_substr(Markdown::getClear($item->text), 0, 400, 'UTF-8') ?> <?= mb_substr(Markdown::getClear($item->text), 0, 400, 'UTF-8') ?>
<a href="/article/<?= $item->id ?>">&gt;&gt;&gt;</a> <a href="/article/<?= $item->id ?>">&gt;&gt;&gt;</a>
@ -45,7 +45,20 @@
<?php endforeach;?> <?php endforeach;?>
</div> </div>
</div> </div>
<div class="row darkFooter">
<div class="col-md-4">
<h4 style="text-align: center;">Благодарности</h4>
Огромные благодарности: жене, родителям, <a href="http://osm.org" target="_blank">OSM</a> и <a href="http://leafletjs.com" target="_blank">LeafletJS</a>.
</div>
<div class="col-md-4">
<h4 style="text-align: center;">Контакты</h4>
EMail: info&#64;wikipoints.ru<br/>
VK: <a href="https://vk.com/wikipoints" target="_blank">WikiPoints</a><br/>
Instagram: <a href="https://instagram.com/wikipoints/" target="_blank">WikiPoints</a><br/>
</div>
<div class="col-md-4">
<h4 style="text-align: center;">Прочее</h4>
2014-<?= date('Y') ?> &copy; wikipoints.ru - при любом использовании материалов ссылка на источника обязательна.
</div>
</div>
</div> </div>
<style>
body div.header {display: none;}
</style>

9
public/css/feed.css Normal file
View File

@ -0,0 +1,9 @@
body div.header {display: none;}
div.container {background-color: rgba(255,255,255, 0.8);margin-top: -10px;padding-bottom: 0px;}
div.container div.middleHeader {text-align: center; padding-top: 10px;}
div.container div.middleHeader img{height: 100px;}
div.container div.elements div.element {margin: 3px; padding: 3px;}
div.container div.elements div.element img{width: 200px; float: left; margin: 0 10px 5px 0;}
div.darkFooter {background-color: #333; color: #fff; margin-bottom: 0px; padding-bottom: 30px; padding-top: 10px;}