create blog
This commit is contained in:
parent
7bea82447a
commit
8f17a25f6c
2
_includes/blog_footer.html
Normal file
2
_includes/blog_footer.html
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
</body>
|
||||||
|
</html>
|
||||||
9
_includes/blog_header.html
Normal file
9
_includes/blog_header.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>{{ page.title }}</title>
|
||||||
|
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic'>
|
||||||
|
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700'>
|
||||||
|
<link media="screen" rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
<link media="screen" rel="stylesheet" type="text/css" href="/css/blog.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
4
_includes/breadcrumb.html
Normal file
4
_includes/breadcrumb.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
<div class="breadcrumb">
|
||||||
|
<a href='/'>site home</a> -
|
||||||
|
<a href='/blog'>blog home</a>
|
||||||
|
</div>
|
||||||
9
_layouts/post.html
Normal file
9
_layouts/post.html
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
{% include blog_header.html %}
|
||||||
|
<div class='single_post'>
|
||||||
|
<h1 class="post_title"><a href='{{ page.url }}'>{{ page.title }}</a></h1>
|
||||||
|
{% include breadcrumb.html %}
|
||||||
|
<div class="post_content">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% include blog_footer.html %}
|
||||||
12
_posts/2014-09-01-known-bugs.md
Normal file
12
_posts/2014-09-01-known-bugs.md
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: known bugs
|
||||||
|
excerpt: <p>A list of known bugs or other problems with the site.</p>
|
||||||
|
---
|
||||||
|
|
||||||
|
Known problems:
|
||||||
|
|
||||||
|
* OpenStreetMap does this weird clumping thing with pins. I need to see if I can make it not do that.
|
||||||
|
* The list of stores doesn't sort.
|
||||||
|
* The blog is very ugly, and needs lots of css work.
|
||||||
|
* The fact that the site uses a google spreadsheet to store the bookstore locations, while sort of interesting technologically, doesn't actually make sense because I'm the only person updating it, and is noticibly slow to load.
|
||||||
10
_posts/2014-09-01-soft-launch.md
Normal file
10
_posts/2014-09-01-soft-launch.md
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
---
|
||||||
|
layout: post
|
||||||
|
title: nyc bookstores soft-launch
|
||||||
|
---
|
||||||
|
|
||||||
|
This is a post announcing the (soft) launch of the site. I've got a good list at this point, around 60 or so stores, with most (but by no means all) of Manhattan covered. The next step is to bring Brooklyn to heel, but first, a few notes on my process:
|
||||||
|
|
||||||
|
My goal is to visit every single store in person as I add them to the site, and continue to do so as the list changes over time. Any store with a short description is one I've had a chance to visit. Right now, as mentioned, there's a distinct Manhattan bias; it was just easier for me to start there and then work toward Brooklyn.
|
||||||
|
|
||||||
|
Also, I should probably introduce myself. My name's David. I worked as a bookseller for over five years before moving on to work at a startup (not book related). You can find me on twitter as @<a href='https://twitter.com/alazyreader'>alazyreader</a>. My impetus for starting this site was that I was looking for something like it one day, and was surprised that it didn't exist, so I decided to create it.
|
||||||
28
blog/index.html
Normal file
28
blog/index.html
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
---
|
||||||
|
title: nyc bookstores blog
|
||||||
|
---
|
||||||
|
{% include blog_header.html %}
|
||||||
|
<div class='blog_container'>
|
||||||
|
<div class='blog_info'>
|
||||||
|
<p>
|
||||||
|
<a href="/">NYC Bookstores</a> is a project to build a list and interactive map of all of the bookstores in the five boroughs of New York City. This blog documents the progress.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class='post_list'>
|
||||||
|
{% for post in site.posts %}
|
||||||
|
<div>
|
||||||
|
<h2>
|
||||||
|
<a href='{{ post.url }}'>
|
||||||
|
{{ post.title }}
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
<div>
|
||||||
|
{{ post.excerpt }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% include blog_footer.html %}
|
||||||
46
css/blog.css
Normal file
46
css/blog.css
Normal file
@ -0,0 +1,46 @@
|
|||||||
|
/* Blog Specific CSS */
|
||||||
|
|
||||||
|
body {font-family: Lato; background: #fff; color: #333; font-size: 16px; border: 52px #F8F8F8 solid; margin: 0px; padding: 20px 20px 200px 20px;}
|
||||||
|
h1 {font-size: 50px; font-family: Amatic SC; font-weight: normal; margin: 0px;}
|
||||||
|
h2 {font-size: 30px; font-family: Amatic SC; font-weight: normal; margin: 11px 0px;}
|
||||||
|
h3 {font-family: Amatic SC; font-size: 30px; margin: 10px 0px;}
|
||||||
|
h4 {font-family: Lato; font-size: 24px;}
|
||||||
|
|
||||||
|
img {width: 100%;}
|
||||||
|
p a, a {color: #333; text-decoration: none; padding-bottom: 0px; border-bottom: 1px #FD9393 solid;}
|
||||||
|
a:hover {color: #47CCFC;}
|
||||||
|
small {padding: 10px 0px; font-size: 10px;}
|
||||||
|
p {margin: 0px; padding: 0px; font-size: 14px;}
|
||||||
|
li {line-height: 19px; font-size: 12px;}
|
||||||
|
ol {line-height: 24px;}
|
||||||
|
a.button {border: none;}
|
||||||
|
|
||||||
|
pre {word-wrap: break-word; padding: 14px; background: #F0F0F0; }
|
||||||
|
code {font-family: "Consolas", "Ubuntu Mono", monospace; line-height: 22px; font-size: 13px; color: #636363; font-weight: normal;}
|
||||||
|
|
||||||
|
.red-text {color: #FD9393;}
|
||||||
|
|
||||||
|
::selection {background: #E5FF1D;}
|
||||||
|
::-moz-selection {background: #E5FF1D;}
|
||||||
|
|
||||||
|
ul.nav {list-style: none; margin: 0px; padding: 0px;}
|
||||||
|
ul.nav li {display: inline; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; padding-right: 4px;}
|
||||||
|
ul.nav li a {border: none;}
|
||||||
|
ul.nav li a:hover {border-bottom: 1px #FD9393 solid;}
|
||||||
|
|
||||||
|
#wrapper {margin: 0px auto; max-width: 900px; padding-top: 40px; /*margin-left: 250px;*/}
|
||||||
|
|
||||||
|
.button {padding: 5px 5px; background-color: #BEBEBE; font-size: 10px; color: #fff;}
|
||||||
|
.button:hover {background: #B9FCFC; color: #47CCFC;}
|
||||||
|
.fauxButton {padding: 5px 5px; background-color: #FF4646; font-size: 11px; color: #fff; display: inline;}
|
||||||
|
.fauxButton .selected {background-color: #FF4646;}
|
||||||
|
.colorText {color: #FF4646; text-transform: uppercase; font-weight: 700;}
|
||||||
|
|
||||||
|
.breadcrumb {font-size: 11px; margin-right: 10%; padding: 10px;}
|
||||||
|
|
||||||
|
.post_list {margin: 0px 20px;}
|
||||||
|
.blog_info {width: 60%; margin: 0px auto}
|
||||||
|
.blog_container {margin: 0px 60px;}
|
||||||
|
|
||||||
|
.post_content {margin: 15px 10px; padding-right: 20%}
|
||||||
|
.post_content p {margin: 15px 10px}
|
||||||
Loading…
Reference in New Issue
Block a user