i think ive decided on a design
This commit is contained in:
parent
e2fda28ed8
commit
7bdfdda9de
|
@ -1,6 +1,5 @@
|
|||
# My variables
|
||||
name: Micah Cowell
|
||||
description: developer & designer
|
||||
google_analytics: null
|
||||
google_verification: null
|
||||
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
|
||||
<div class="main">
|
||||
<h1>{{ site.name }}</h1>
|
||||
<h2>{{ site.description }}</h2>
|
||||
<ul>
|
||||
{% for item in site.data.navigation %}
|
||||
<li>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
layout: post
|
||||
title: New Blog
|
||||
title: Why I Switched from Ghost to Jekyll
|
||||
---
|
||||
|
||||
I made a new blog using jekyll and Github Pages.
|
||||
|
|
|
@ -36,18 +36,27 @@ ul {
|
|||
|
||||
|
||||
.wrapper {
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
|
||||
.main {
|
||||
padding: 5px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 2px solid #000;
|
||||
@media screen and (min-width: 570px) {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
}
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
ul {
|
||||
margin-top: 10px;
|
||||
li {
|
||||
display: inline;
|
||||
margin-right: 5px;
|
||||
|
|
Before Width: | Height: | Size: 200 KiB After Width: | Height: | Size: 200 KiB |
|
@ -4,7 +4,6 @@ layout: default
|
|||
|
||||
|
||||
<div class="blog">
|
||||
<h1>Blog</h1>
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li>
|
||||
|
|
Loading…
Reference in New Issue