clean code
This commit is contained in:
Micah Cowell
parent
a751caaad9
commit
c2e55a451e
|
|
@ -1,13 +1,13 @@
|
|||
# My variables
|
||||
name: Micah Cowell
|
||||
description: Futuristic Web Design
|
||||
description: a clueless web developer
|
||||
google_analytics: null
|
||||
google_verification: null
|
||||
|
||||
|
||||
# File management
|
||||
include: [".htaccess"]
|
||||
exclude: ["README.md", "LICENSE"]
|
||||
include: [".htaccess"]
|
||||
exclude: ["README.md", "LICENSE"]
|
||||
|
||||
|
||||
# Sass
|
||||
|
|
|
|||
|
|
@ -0,0 +1,19 @@
|
|||
- title: Gif-Giving
|
||||
category: website
|
||||
url: http://gif-giving.com
|
||||
|
||||
- title: Sheri Koetting
|
||||
category: website
|
||||
url: http://sherikoetting.com
|
||||
|
||||
- title: GetPeppers
|
||||
category: website
|
||||
url: http://getpeppers.com
|
||||
|
||||
- title: Fatso
|
||||
category: theme
|
||||
url: https://github.com/getmicah/fatso
|
||||
|
||||
- title: Beam
|
||||
category: theme
|
||||
url: https://github.com/getmicah/beam
|
||||
|
|
@ -1,3 +1,6 @@
|
|||
|
||||
<div class="header">
|
||||
<h1>Micah Cowell</h1>
|
||||
<h1>{{ site.name }}</h1>
|
||||
<h2>{{ site.description }}</h2>
|
||||
<a href="/">home</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,9 +25,10 @@
|
|||
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
{{ content }}
|
||||
<div class="wrapper">
|
||||
{% include header.html %}
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,8 +2,6 @@
|
|||
layout: default
|
||||
---
|
||||
|
||||
<a href="/">home</a>
|
||||
|
||||
<div class="post">
|
||||
|
||||
<h1 class="post__title">{{ page.title }}</h1>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,40 @@
|
|||
/* http://meyerweb.com/eric/tools/css/reset/ */
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
// HTML5 display-role reset for older browsers
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
/* END RESET */
|
||||
|
|
@ -1,9 +1,49 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "reset";
|
||||
@import "config";
|
||||
|
||||
body {
|
||||
color: $color-primary;
|
||||
background: $color-background;
|
||||
}
|
||||
|
||||
|
||||
// WRAPPER
|
||||
.wrapper {
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
|
||||
// HEADER
|
||||
.header {
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// PORTFOLIO
|
||||
.portfolio {
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// BLOG
|
||||
.blog {
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// POST
|
||||
.post {
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +0,0 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "config";
|
||||
|
||||
body {
|
||||
color: $color-primary;
|
||||
background: $color-background;
|
||||
}
|
||||
26
index.html
26
index.html
|
|
@ -2,14 +2,24 @@
|
|||
layout: default
|
||||
---
|
||||
|
||||
<div class="posts">
|
||||
<ul class="posts__list">
|
||||
|
||||
{% for post in site.posts %}
|
||||
<li>
|
||||
<a href="{{ post.url }}">{{ post.title }} | {{ post.date | date: '%b %d %Y' }}</a>
|
||||
</li>
|
||||
<div class="portfolio">
|
||||
<h1>Portfolio</h1>
|
||||
<ul>
|
||||
{% for project in site.data.projects %}
|
||||
<li>
|
||||
<a href="{{ project.url }}">{{ project.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="blog">
|
||||
<h1>Blog</h1>
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li>
|
||||
<a href="{{ post.url }}">{{ post.title }} | {{ post.date | date: '%b %d %Y' }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue