new pages and redesign
This commit is contained in:
parent
913c3b720a
commit
4ac767f1f6
|
@ -1,6 +1,6 @@
|
||||||
# My variables
|
# My variables
|
||||||
name: Micah Cowell
|
name: Micah Cowell
|
||||||
description: a clueless web developer
|
description: developer & designer
|
||||||
google_analytics: null
|
google_analytics: null
|
||||||
google_verification: null
|
google_verification: null
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,12 @@
|
||||||
|
- title: home
|
||||||
|
url: /
|
||||||
|
|
||||||
- title: about
|
- title: about
|
||||||
url: /me
|
url: /me
|
||||||
|
|
||||||
|
- title: portfolio
|
||||||
|
url: /work
|
||||||
|
|
||||||
- title: github
|
- title: github
|
||||||
url: https://github.com/getmicah
|
url: https://github.com/getmicah
|
||||||
|
|
||||||
|
|
|
@ -1,9 +1,8 @@
|
||||||
|
|
||||||
<div class="header">
|
<div class="nav">
|
||||||
<h1>{{ site.name }}</h1>
|
<h1>{{ site.name }}</h1>
|
||||||
<h2>{{ site.description }}</h2>
|
<h2>{{ site.description }}</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/">home</a></li>
|
|
||||||
{% for item in site.data.navigation %}
|
{% for item in site.data.navigation %}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ item.url }}">{{ item.title }}</a>
|
<a href="{{ item.url }}">{{ item.title }}</a>
|
|
@ -26,7 +26,7 @@
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
{% include header.html %}
|
{% include nav.html %}
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -1,14 +0,0 @@
|
||||||
// HEADER
|
|
||||||
.header {
|
|
||||||
h1 {
|
|
||||||
font-size: 36px;
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,4 +0,0 @@
|
||||||
// POST
|
|
||||||
.post {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
|
@ -3,9 +3,6 @@
|
||||||
|
|
||||||
@import "reset";
|
@import "reset";
|
||||||
@import "config";
|
@import "config";
|
||||||
@import "header";
|
|
||||||
@import "post";
|
|
||||||
@import "about";
|
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -31,6 +28,12 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
ul {
|
||||||
|
margin-top: 5px;
|
||||||
|
li {
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// WRAPPER
|
// WRAPPER
|
||||||
|
@ -41,19 +44,44 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// PORTFOLIO
|
// NAVIGATION
|
||||||
.portfolio {
|
.nav {
|
||||||
margin-top: 20px;
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 24px;
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
display: inline;
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// BLOG
|
|
||||||
.blog {
|
.blog {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.post {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.about {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.portfolio {
|
||||||
|
margin-top: 20px;
|
||||||
|
h1 {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
13
index.html
13
index.html
|
@ -2,24 +2,13 @@
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
<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">
|
<div class="blog">
|
||||||
<h1>Blog</h1>
|
<h1>Blog</h1>
|
||||||
<ul>
|
<ul>
|
||||||
{% for post in site.posts %}
|
{% for post in site.posts %}
|
||||||
<li>
|
<li>
|
||||||
<a href="{{ post.url }}">{{ post.title }} | {{ post.date | date: '%b %d %Y' }}</a>
|
<span class="date">{{ post.date | date: '%b %d %Y' }}</span> | <a href="{{ post.url }}">{{ post.title }}</a>
|
||||||
</li>
|
</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
<div class="about">
|
||||||
|
<h1>About Me</h1>
|
||||||
|
</div>
|
|
@ -0,0 +1,15 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
<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>
|
Loading…
Reference in New Issue