Editorial theme
This commit is contained in:
Diego Najar
parent
1f65933c04
commit
3df2370b12
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Theme design by HTML5 UP - html5up.net | @ajlkn
|
||||
Website running with Bludit - bludit.com | @bludit
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<?php include(THEME_DIR_PHP.'head.php') ?>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper">
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
<div class="inner">
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<a href="<?php echo $Site->url() ?>" class="logo"><strong><?php echo $Site->title() ?></strong> <?php echo $Site->slogan() ?></a>
|
||||
<ul class="icons">
|
||||
<li><a href="<?php echo $Site->twitter() ?>" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="<?php echo $Site->facebook() ?>" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
|
||||
<li><a href="<?php echo $Site->instagram() ?>" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
|
||||
<li><a href="<?php echo $Site->github() ?>" class="icon fa-github"><span class="label">GitHub</span></a></li>
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
<?php
|
||||
if( $WHERE_AM_I=='page' ) {
|
||||
include(THEME_DIR_PHP.'page.php');
|
||||
} else {
|
||||
include(THEME_DIR_PHP.'home.php');
|
||||
}
|
||||
?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div id="sidebar">
|
||||
<div class="inner">
|
||||
<?php include(THEME_DIR_PHP.'sidebar.php') ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<?php
|
||||
echo Theme::javascript('assets/js/jquery.min.js');
|
||||
echo Theme::javascript('assets/js/skel.min.js');
|
||||
echo Theme::javascript('assets/js/util.js');
|
||||
echo '<!--[if lte IE 8]>'.Theme::javascript('assets/js/ie/respond.min.js').'<![endif]-->';
|
||||
echo Theme::javascript('assets/js/main.js');
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"theme-data":
|
||||
{
|
||||
"name": "Editorial",
|
||||
"description": ""
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"author": "n33co",
|
||||
"email": "",
|
||||
"website": "http://html5up.net",
|
||||
"version": "1.0",
|
||||
"releaseDate": "2017-05-06",
|
||||
"license": "CCA 3.0",
|
||||
"compatible": "2.0",
|
||||
"notes": ""
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<?php
|
||||
echo Theme::charset('utf-8');
|
||||
echo Theme::viewport('width=device-width, initial-scale=1, user-scalable=no');
|
||||
|
||||
echo Theme::headTitle();
|
||||
echo Theme::headDescription();
|
||||
|
||||
//Theme::favicon('favicon.png');
|
||||
|
||||
echo Theme::css('assets/css/main.css');
|
||||
echo '<noscript>'.Theme::css('assets/css/noscript.css').'</noscript>';
|
||||
|
||||
// Load plugins with the hook siteHead
|
||||
Theme::plugins('siteHead');
|
||||
?>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!-- First page -->
|
||||
<?php $firstPage = array_shift($pages) ?>
|
||||
|
||||
<section id="banner">
|
||||
<div class="content">
|
||||
<header>
|
||||
<h1><?php echo $firstPage->title() ?></h1>
|
||||
</header>
|
||||
<p><?php echo $firstPage->description() ?></p>
|
||||
<ul class="actions">
|
||||
<li><a href="<?php echo $firstPage->permalink() ?>" class="button big">Learn More</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<span class="image object">
|
||||
<img src="<?php echo $firstPage->coverImage() ?>" alt="" />
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Ipsum sed dolor</h2>
|
||||
</header>
|
||||
|
||||
<div class="posts">
|
||||
<?php foreach ($pages as $page): ?>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="<?php echo $page->coverImage() ?>" alt="" /></a>
|
||||
<h3><?php echo $page->title() ?></h3>
|
||||
<p><?php echo $page->description() ?></p>
|
||||
<ul class="actions">
|
||||
<li><a href="<?php echo $page->permalink() ?>" class="button">More</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
<?php endforeach ?>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<section>
|
||||
<header class="main">
|
||||
<h1><?php echo $page->title() ?></h1>
|
||||
</header>
|
||||
|
||||
<span class="image main"><img src="<?php echo $page->coverImage() ?>" alt="" /></span>
|
||||
|
||||
<?php echo $page->content() ?>
|
||||
</section>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
<!-- Menu -->
|
||||
<nav id="menu">
|
||||
<header class="major">
|
||||
<h2>Menu</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li><a href="index.html">Homepage</a></li>
|
||||
<li><a href="generic.html">Generic</a></li>
|
||||
<li><a href="elements.html">Elements</a></li>
|
||||
<li>
|
||||
<span class="opener">Submenu</span>
|
||||
<ul>
|
||||
<li><a href="#">Lorem Dolor</a></li>
|
||||
<li><a href="#">Ipsum Adipiscing</a></li>
|
||||
<li><a href="#">Tempus Magna</a></li>
|
||||
<li><a href="#">Feugiat Veroeros</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Etiam Dolore</a></li>
|
||||
<li><a href="#">Adipiscing</a></li>
|
||||
<li>
|
||||
<span class="opener">Another Submenu</span>
|
||||
<ul>
|
||||
<li><a href="#">Lorem Dolor</a></li>
|
||||
<li><a href="#">Ipsum Adipiscing</a></li>
|
||||
<li><a href="#">Tempus Magna</a></li>
|
||||
<li><a href="#">Feugiat Veroeros</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Maximus Erat</a></li>
|
||||
<li><a href="#">Sapien Mauris</a></li>
|
||||
<li><a href="#">Amet Lacinia</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Ante interdum</h2>
|
||||
</header>
|
||||
<div class="mini-posts">
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
|
||||
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic08.jpg" alt="" /></a>
|
||||
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
|
||||
</article>
|
||||
<article>
|
||||
<a href="#" class="image"><img src="images/pic09.jpg" alt="" /></a>
|
||||
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
|
||||
</article>
|
||||
</div>
|
||||
<ul class="actions">
|
||||
<li><a href="#" class="button">More</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Section -->
|
||||
<section>
|
||||
<header class="major">
|
||||
<h2>Get in touch</h2>
|
||||
</header>
|
||||
<p>Sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin sed aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
|
||||
<ul class="contact">
|
||||
<li class="fa-envelope-o"><a href="#">information@untitled.tld</a></li>
|
||||
<li class="fa-phone">(000) 000-0000</li>
|
||||
<li class="fa-home">1234 Somewhere Road #8254<br />
|
||||
Nashville, TN 00000-0000</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<p class="copyright"><?php echo $Site->footer() ?><br>Design: <a href="https://html5up.net">HTML5 UP</a><br>Powered by <a href="https://www.bludit.com">BLUDIT</a></p>
|
||||
</footer>
|
||||
Loading…
Reference in New Issue