Skip to content

Instantly share code, notes, and snippets.

@ricardosiri68

ricardosiri68/header.php

Created April 21, 2016 22:57
Show Gist options
  • Save ricardosiri68/d3463848ea7798f31e22888512336a88 to your computer and use it in GitHub Desktop.
Save ricardosiri68/d3463848ea7798f31e22888512336a88 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
header.php
<header></header>
Raw
index.php
<?php require_once 'utils.php' ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>POSTS</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<?php require 'header.php'; ?>
<?php $posts = get_posts(); ?>
<?php require 'posts.php'; ?>
</body>
</html>
Raw
posts.csv
id titulo thumb extracto
1 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
2 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
3 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
4 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
5 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
6 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
7 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
8 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
9 Ipsum sunt neque http://lorempixel.com/400/200/ Adipisicing porro tenetur at nisi sequi aliquid. Quidem itaque repudiandae perspiciatis necessitatibus repellendus. Sequi repellendus architecto ea nesciunt vero qui. Labore incidunt dolorem debitis doloremque quibusdam? Fuga rem iure ipsum eligendi velit totam? Aspernatur rem nesciunt provident quidem magnam dolores nobis? Quam corporis nemo cumque consequuntur ullam nihil dignissimos! Pariatur natus placeat debitis accusantium amet laudantium. Modi ipsum quibusdam ea repellat dolores reiciendis? Consequuntur sed est eos quas necessitatibus nostrum non. Inventore fuga ipsum omnis quasi ducimus. Mollitia esse possimus adipisci aliquam illo praesentium necessitatibus dolor voluptatibus a sed eligendi iusto aut magni maxime cum. Repellat aspernatur illo eveniet officia cumque veritatis incidunt possimus, adipisci eaque libero fuga neque cum eius optio nostrum placeat voluptas? Ab neque tempora odit ullam eveniet quod aliquid temporibus quos? Dolores beatae repudiandae tempore eum sint officiis commodi in. Minima minima minus quasi aperiam alias eum. Cupiditate cum cumque unde error ipsam, sapiente doloremque rerum mollitia. Consequatur non quasi minus ab sapiente. Molestias velit distinctio omnis nam delectus. Quos nihil a nulla laudantium voluptates repellendus debitis repellendus eos quia quidem? Voluptatem numquam minima dicta provident cum. Dolor praesentium voluptates eaque earum officiis dolorum vel aliquid atque hic quibusdam temporibus optio eaque, aliquam vero eveniet ullam veritatis eaque placeat? Laudantium doloremque beatae repellat tenetur perspiciatis quas eveniet harum animi harum sapiente nihil. Illo eligendi optio asperiores maiores dolor. Qui velit a officia corrupti illum accusamus quam totam ratione rerum! Repellendus quo et voluptas eveniet tempore architecto. Soluta sint ducimus dolore facere suscipit maxime nihil odio sit? Facere atque animi atque quibusdam aspernatur cupiditate, assumenda officia suscipit perferendis reiciendis! Doloribus labore odit animi iste qui eius esse dicta eius aut sit? Harum voluptate blanditiis eveniet officia fugiat dolores quam? Neque ullam vel omnis excepturi accusantium! Qui eum nihil facilis beatae eveniet obcaecati accusamus nobis repellendus eaque aut?
Raw
posts.php
<section class="main">
<section class="articles_list">
<?php foreach($posts as $post): ?>
<article>
<div class="thumb">
<a href="single.php?id=<?php echo $post['id']; ?>">
<img src="<?php echo $post['thumb']; ?>" alt="" />
<!-- <img src="<?php echo RUTA; ?>/imagenes/<?php echo $post['thumb']; ?>" alt="" /> -->
</a>
</div>
<h2>
<a href="single.php?id=<?php echo $post['id']; ?>">
<?php echo $post['titulo']; ?>
</a>
</h2>
<p class="extract"><?php echo $post['extracto']; ?></p>
<a href="single.php?id=<?php echo $post['id']; ?>" class="continuar">Continuar Leyendo</a>
</article>
<?php endforeach; ?>
</section>
<aside>
<section class="widget">
<h3>Widget 1</h3>
Con un encendido 9 veces mas rapido, tu PC puede regalarte algunos minutos de sueno. La 6ta generación de
</section>
</aside>
</section>
Raw
style.css
* {
margin:0px;
padding:0px;
}
body {
background:#F2F2F2;
font-size:12pt;
font-family:"open sans", Arial, Helvetica, sans-serif;
}
a {
color:#bf2222;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/*-----Header-----*/
header {
margin-top:5px;
margin-bottom:20px;
overflow:hidden;
width:100%;
background:#bf2222;
}
header #logo {
width:40%;
float:left;
}
header #logo p {
font-family:'Raleway', helvetica, arial, sans-serif;
font-size:4rem;
font-weight:100;
text-align:left;
color:#585858;
}
header #logo span {
text-align:center;
width:100%;
display:block;
position:relative;
font-family:'Raleway', helvetica, arial, sans-serif;
font-weight:400;
right:20px;
margin-bottom:10px;
color:#585858;
}
header nav {
width:60%;
float:right;
padding:10px 0px;
margin-top:30px;
}
header nav ul {
float:right;
}
header nav ul li {
list-style:none;
display:inline-block;
margin-left:30px;
margin-bottom:10px;
}
header nav ul li a {
font-family:'Raleway', helvetica, arial;
font-weight:300;
font-size:1.3rem;
color:#585858;
}
header nav ul li a:hover {
color:#3a9957;
}
/*-----MAIN-----*/
.main {
overflow:hidden;
width:100%;
max-width:960px;
margin:20px auto;
}
/*MAIN*/
.main .articles_list {
clear:both;
width:68.5%;
float:left;
}
.main .articles_list article{
margin-bottom:20px;
margin-right:4%;
padding-bottom:40px;
font-family:"Raleway", "open-sans", arial, helvetica;
border-bottom:1px solid #fff;
overflow:hidden;
background:#fff;
padding:20px;
}
.main .articles_list article .thumb {
width:35%;
margin-right:4%;
float:left;
margin-bottom:2%;
}
.main .articles_list article .thumb img{
width:100%;
height:100%;
}
.main .articles_list article h2 {
font-family:"Raleway", "open-sans", helvetica, arial, sans-serif;
font-size:1.5rem;
font-weight:300;
}
.main .articles_list article h2 a {
color:#585858;
}
.main .articles_list article h2 a:hover {
text-decoration:none;
color:#bf2222;
}
.main .articles_list article .extract {
margin:20px;
text-align:justify;
color:#000;
}
.main .articles_list article .date {
font-size:.8rem;
color:#777777;
margin-bottom:10px;
}
.main .articles_list article .date ul {
list-style:none;
display:inline-block;
}
.main .articles_list #pagination {
margin-bottom:40px;
width:100%;
}
.main .articles_list #pagination p{
text-align:center;
}
.main .articles_list #pagination p a{
margin:0px 20px;
font-size:1.5rem;
font-family:'Raleway', helvetica, arial, sans-serif;
font-weight:300;
display:inline-block;
}
/*Aside*/
.main aside {
width:30%;
float: left;
background: #424242;
font-family:"Raleway", "open-sans", arial, helvetica;
}
.widget {
margin-bottom:50px;
display:block;
float:left;
}
.widget h3 {
background:#B7AF98;
font-size:1.4rem;
font-family:"Raleway", "open-sans", arial, helvetica;
font-weight:400;
color:#333333;
margin-bottom:10px;
}
.widget p {
padding:10px;
margin:10px;
font-size:1rem;
font-family:"Raleway","open-sans", arial, helvetica;
font-weight:400;
color:#333333;
margin-bottom:10px;
}
.widget ul li {
list-style:none;
margin-bottom:10px;
}
.widget ul li a {
font-family:"open-sans", helvetica, arial, sans-serif;
font-size:.9rem;
color:#777777;
}
.widget ul li a:hover {
color:#bf2222;
text-decoration:none;
}
/*Footer*/
footer {
width:100%;
background: #424242;
}
footer .widget {
width:25%;
}
.copyright {
width:100%;
clear:both;
text-align:center;
padding:10px;
color:#333333;
font-family:"Raleway", "open-sans", helvetica, arial;
font-size:.9rem;
}
Raw
utils.php
<?php
function get_posts(){
$posts = [];
$handler = fopen('posts.csv', 'r');
$dato = fgetcsv($handler);
while($dato = fgetcsv($handler)){
array_push($posts, [
"id" => $dato[0],
"titulo" => $dato[1],
"thumb" => $dato[2],
"extracto" => $dato[3]
]);
}
fclose($handler);
return $posts;
}
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment