diff --git a/_includes/blog_footer.html b/_includes/blog_footer.html new file mode 100644 index 0000000..4d4a7e5 --- /dev/null +++ b/_includes/blog_footer.html @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/_includes/blog_header.html b/_includes/blog_header.html new file mode 100644 index 0000000..205806c --- /dev/null +++ b/_includes/blog_header.html @@ -0,0 +1,9 @@ + + + {{ page.title }} + + + + + + \ No newline at end of file diff --git a/_includes/breadcrumb.html b/_includes/breadcrumb.html new file mode 100644 index 0000000..bc29ad0 --- /dev/null +++ b/_includes/breadcrumb.html @@ -0,0 +1,4 @@ +
+ site home - + blog home +
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..6fec93f --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,9 @@ +{% include blog_header.html %} +
+

{{ page.title }}

+ {% include breadcrumb.html %} +
+ {{ content }} +
+
+{% include blog_footer.html %} \ No newline at end of file diff --git a/_posts/2014-09-01-known-bugs.md b/_posts/2014-09-01-known-bugs.md new file mode 100644 index 0000000..362ba70 --- /dev/null +++ b/_posts/2014-09-01-known-bugs.md @@ -0,0 +1,12 @@ +--- +layout: post +title: known bugs +excerpt:

A list of known bugs or other problems with the site.

+--- + +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. \ No newline at end of file diff --git a/_posts/2014-09-01-soft-launch.md b/_posts/2014-09-01-soft-launch.md new file mode 100644 index 0000000..3452c10 --- /dev/null +++ b/_posts/2014-09-01-soft-launch.md @@ -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 @alazyreader. 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. \ No newline at end of file diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..c5f75ff --- /dev/null +++ b/blog/index.html @@ -0,0 +1,28 @@ +--- +title: nyc bookstores blog +--- +{% include blog_header.html %} +
+
+

+ NYC Bookstores 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. +

+
+ +
+ {% for post in site.posts %} +
+

+ + {{ post.title }} + +

+
+ {{ post.excerpt }} +
+
+ {% endfor %} +
+ +
+{% include blog_footer.html %} \ No newline at end of file diff --git a/css/blog.css b/css/blog.css new file mode 100644 index 0000000..10bd131 --- /dev/null +++ b/css/blog.css @@ -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} \ No newline at end of file