87 lines
3.5 KiB
PHP
87 lines
3.5 KiB
PHP
<!--
|
|
* Este archivo es parte de Nabu.
|
|
*
|
|
* Nabu es software libre: puedes redistribuirlo y/o modificarlo
|
|
* bajo los términos de la Licencia Pública General de GNU Affero publicada por
|
|
* la Free Software Foundation, ya sea la versión 3 de la Licencia, o
|
|
* (a su elección) cualquier versión posterior.
|
|
*
|
|
* Nabu se distribuye con la esperanza de que sea de utilidad,
|
|
* pero SIN NINGUNA GARANTÍA; incluso sin la garantía implícita de
|
|
* COMERCIABILIDAD o APTITUD PARA UN PROPÓSITO PARTICULAR. Consulte la
|
|
* Licencia Pública General de GNU Affero para obtener más detalles.
|
|
*
|
|
* Debería haber recibido una copia de la Licencia Pública General de GNU Affero
|
|
* junto con este programa. De lo contrario, consulte <https://www.gnu.org/licenses/>.
|
|
-->
|
|
|
|
<?php defined('NABU') || exit() ?>
|
|
|
|
<!-- Estilos a cargar -->
|
|
<?php $styles = array(
|
|
'components/navbar/navbar.css',
|
|
'components/messages/messages.css',
|
|
'components/articles/articles.css',
|
|
'components/footer/footer.css',
|
|
'pages/home/home.css'
|
|
) ?>
|
|
|
|
<!-- Estilos a cargar para el responsive design -->
|
|
<?php $desktop_styles = array(
|
|
array('file' => 'components/footer/footer-desktop.css', 'attributes' => 'media="screen and (min-width: 650px)"'),
|
|
array('file' => 'components/navbar/navbar-desktop.css', 'attributes' => 'media="screen and (min-width: 650px)"'),
|
|
array('file' => 'pages/home/home-tablet.css', 'attributes' => 'media="screen and (min-width: 650px)"'),
|
|
array('file' => 'pages/home/home-desktop.css', 'attributes' => 'media="screen and (min-width: 1024px)"')
|
|
) ?>
|
|
|
|
<!-- Archivos de javascript a cargar -->
|
|
<?php $scripts = array(
|
|
'home.js'
|
|
) ?>
|
|
|
|
<!-- Componente head -->
|
|
<?php require_once 'views/components/head.php' ?>
|
|
<?php require_once 'views/components/messages.php' ?>
|
|
|
|
<header class="header">
|
|
<?php require_once 'views/components/navbar.php' ?>
|
|
<div class="hero">
|
|
<picture class="hero__img-wrapper">
|
|
<source srcset="<?= NABU_DIRECTORY['images'] ?>/hero-desktop.png" media="(min-width: 500px)">
|
|
<img src="<?= NABU_DIRECTORY['images'] ?>/hero.png" alt="Imagen inspiración en cualquier momento y cualquier lugar" class="hero__img">
|
|
</picture>
|
|
<div class="hero__text-container">
|
|
<h1 class="hero__CTA">Lee, inspírate y escribe</h1>
|
|
<p class="hero__secundary-CTA">
|
|
Lo mejor que puedes compartir es tu conocimiento.
|
|
</p>
|
|
<a href="<?= NABU_ROUTES['signup'] ?>" class="hero__button">Comienza a escribir</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="popular-posts">
|
|
<h2 class="popular-posts__title">Posts imperdibles del mes, échales un ojo</h2>
|
|
<section class="popular-cards__container">
|
|
<?php require 'views/components/articles.php' ?>
|
|
</section>
|
|
</section>
|
|
<section class="recent__posts">
|
|
<h2 class="recent-posts__title">Posts más recientes</h2>
|
|
<section class="recent-cards__container">
|
|
<?php $articles = $recent_articles ?>
|
|
<?php require 'views/components/articles.php' ?>
|
|
</section>
|
|
</section>
|
|
<section class = "CTA">
|
|
<span class="CTA__plane"></span>
|
|
<div class="CTA__container">
|
|
<h3 class="CTA__title">Tus palabras merecen ser leídas, escribe algo e inicia un viaje de descubrimiento</h3>
|
|
<a href="<?= NABU_ROUTES['signup'] ?>" class="CTA__button">Quiero compartir lo que sé</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php require_once 'views/components/footer.php' ?>
|