diff --git a/css/site.css b/css/site.css index 5721fc9..acbf6bd 100644 --- a/css/site.css +++ b/css/site.css @@ -1,38 +1,33 @@ -/* Page Specific CSS */ - body { font-family: "Lato", sans-serif; background: #fff; color: #333; - font-size: 18px; + font-size: 16px; margin: 0px; - padding: 20px 0px; + padding: 0px; } h1 { - font-size: 80px; + font-size: 40px; font-family: "Acme", sans-serif; font-weight: normal; margin: 0px; } h2 { - font-size: 40px; + font-size: 30px; font-family: "Acme", sans-serif; font-weight: normal; margin: 0px 0px; } h3 { font-family: "Acme", sans-serif; - font-size: 30px; + font-size: 20px; margin: 10px 0px; } h4 { font-family: "Lato", sans-serif; - font-size: 24px; + font-size: 14px; } -img { - width: 100%; -} p a, a { color: #333; @@ -43,10 +38,6 @@ a { a:hover { color: #47ccfc; } -small { - padding: 10px 0px; - font-size: 10px; -} p { margin: 0px; padding: 0px; @@ -56,22 +47,14 @@ li { line-height: 19px; font-size: 15px; } -ol { - line-height: 24px; -} -.clearfix { - clear: both; -} .hidden { display: none; } #map { - height: 500px; - width: 480px; - min-width: 300px; + height: 100vh; + width: 100%; background: #ffffff; - float: left; } #map a { border: none; @@ -83,13 +66,19 @@ ol { } #wrapper { - margin: 0px auto; - padding: 40px; - max-width: 1000px; + max-width: 500px; + position: absolute; + top: 10px; + right: 10px; + bottom: 10px; + overflow: scroll; } -.container { - margin: 24px 0px; +.bubble { + background-color: white; + margin: 10px 0px; + padding: 10px; + border-radius: 3px; } ul.nav { @@ -105,7 +94,7 @@ ul.nav li { } ul.nav li:not(:first-child) { border-left: 1px #333 solid; - padding-left: 10px; + padding-left: 5px; } ul.nav li h2 { font-family: "Lato"; @@ -126,15 +115,9 @@ ul.nav li a:hover { font-weight: 700; } -#selected { - max-width: 500px; - width: 100%; - float: left; - padding: 5px 10px; -} #selected .description { + padding-top: 7px; font-size: 16px; - padding: 4px 0px; line-height: 22px; text-align: justify; } @@ -143,27 +126,17 @@ ul.nav li a:hover { margin: 15px 0px; padding: 0px; } - -#info { - max-width: 500px; - width: 100%; - float: left; - padding: 5px 10px; -} .storeDetails { font-size: 15px; display: inline; - padding-right: 6px; } #info p { font-size: 15px; - padding: 4px; line-height: 22px; text-align: justify; } #info details { font-size: 15px; - padding: 4px; line-height: 22px; text-align: justify; } @@ -174,40 +147,34 @@ ul.nav li a:hover { #Stores { margin: 0 auto; - width: 80%; } #Stores tr { cursor: pointer; } #Stores tr td { - padding: 4px 10px; + padding: 2px 0px; } #Stores tr:not(:last-child) td { border-bottom: 1px #ddd solid; } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1120px) { - h1 { - font-size: 60px; - } - body { - margin: 0px; - padding: 5px; - } #wrapper { - max-width: 480px; - padding-top: 20px; + position: static; + padding: 10px; + } + .bubble { + margin: 0px; + padding: 0px; + border-radius: 0px; + } + #map { + height: 400px; } #Stores, - #map { - min-width: 224px; - width: 100%; - } #map, #info, #selected { width: 100%; - margin: 10px 0px; - padding: 0; } } diff --git a/index.html b/index.html index 9d5ffed..8b7a0ef 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,7 @@ media="screen" rel="stylesheet" type="text/css" - href="/css/site.css?1697075405981" + href="/css/site.css?1698627633277" /> +
-

NYC Bookstores

-
+
+

NYC Bookstores

-
-
-
-
-

- New York City loves its independent bookstores. It - eulogizes those that have faded - and celebrates when new ventures are launched. And while the - historic - Book Row may have passed away in the 80s, there are still many indie bookstores dotting the map, across all - five boroughs. Here, I have attempted to collect all of the - currently-open general-interest independent booksellers in NYC. Any - store with regular-ish hours (excluding religious booksellers and - appointment-only rare book sellers) is included. -

-

- While Manhattan and Brooklyn still lead the pack, Queens has a - respectable number of stores, and all five boroughs are represented, - with the Bronx and Staten Island both hosting lone independent - stores. Lower Manhattan has the highest density of booksellers. -

-

- The listings here are kept up-to-date to the best of my ability; - however, I make no promises about either the accuracy or reliability - of the information. If you spot an error, or I've missed a shop, - please let me know by - email, - mastodon, or - twitter. Originally based on the "Hack Spots" website by - @jllord - (although I don't believe any of the actual underlying code still - survives at this point). -

-

- There are currently 114 stores indexed - on this page. Last updated - October 11, 2023. -

-
- Recent Changes -
    -
  • October 11, 2023 - add this fancy recent changes module
  • -
  • - October 8, 2023 - move Burnt Books into Hey Kids!, update - archestratus to note there's no cafe anymore -
  • -
  • September 30, 2023 - add Lofty Pigeon Books
  • -
  • September 19, 2023 - Move Yu and Me to Essex Market
  • -
-
-
-
+ +
+

+ New York City loves its independent bookstores. It + eulogizes those that have faded + and celebrates when new ventures are launched. And while the historic + Book Row may have passed away in the 80s, there are still many indie bookstores dotting the map, across all + five boroughs. Here, I have attempted to collect all of the + currently-open general-interest independent booksellers in NYC. Any + store with regular-ish hours (excluding religious booksellers and + appointment-only rare book sellers) is included. +

+

+ While Manhattan and Brooklyn still lead the pack, Queens has a + respectable number of stores, and all five boroughs are represented, + with the Bronx and Staten Island both hosting lone independent stores. + Lower Manhattan has the highest density of booksellers. +

+

+ The listings here are kept up-to-date to the best of my ability; + however, I make no promises about either the accuracy or reliability + of the information. If you spot an error, or I've missed a shop, + please let me know by + email, + mastodon, or + twitter. Originally based on the "Hack Spots" website by + @jllord + (although I don't believe any of the actual underlying code still + survives at this point). +

+

+ There are currently 114 stores indexed on + this page. Last updated October 29, 2023. +

+
+ Recent Changes +
    +
  • + October 26, 2023 - Return Three Lives to its original corner + location. +
  • +
  • + October 26, 2023 - Idlewild Books appears to have transitioned + entirely to language classes as opposed to bookselling +
  • +
  • + October 26, 2023 - remove Boulevard Books; correct Alabaster + Bookshop Instagram link +
  • +
  • + October 26, 2023 - Add Topos Too, currently in a "soft opening" +
  • +
+
-
+ -
+
@@ -179,7 +177,7 @@ - + @@ -278,335 +276,335 @@ - - - - - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - - - - - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + + + + + - + - + - + + + + + @@ -685,7 +683,6 @@ ${city}, NY ${postcode}

- View in: -

+ ${ + website + ? `

${cleanWebsite( + website + )}

` + : "" + } ${description ? `

${description}

` : ""}`; } @@ -820,6 +813,10 @@ } } + function isStacked() { + return screen.width < 1120; + } + function boundingBox(point) { // add some buffer to a point to give the user some leeway return [ @@ -829,7 +826,11 @@ } function updateSelectedStore(store, pushState = false) { - map.flyTo({ center: [store.long, store.lat], zoom: 12 }); + map.flyTo({ + center: [store.long, store.lat], + offset: [isStacked() ? 0 : -250, 0], + zoom: 13, + }); popup.setLngLat([store.long, store.lat]).setHTML(store.name).addTo(map); @@ -851,8 +852,6 @@ } function loadMap(data) { - var geolocate = new mapboxgl.GeolocateControl(); - var points = []; data.forEach((value, key) => { points.push({ @@ -883,7 +882,6 @@ }, }); map.addControl(new mapboxgl.NavigationControl(), "top-left"); - map.addControl(geolocate, "top-right"); updateViewBySlug(window.location.hash.split("#")[1]); }); @@ -916,20 +914,12 @@ map.getCanvas().style.cursor = features.length ? "pointer" : ""; }); - geolocate.on("geolocate", function (e) { - map.setZoom(14); - popup - .setLngLat([e.coords.longitude, e.coords.latitude]) - .setHTML("Current Location") - .addTo(map); - }); - setContent("Stores", TableViewTemplate(data)); document.querySelectorAll("#Stores tbody tr").forEach((element) => { element.addEventListener("click", () => { updateSelectedStore(data[element.id], true); document - .getElementById("subhed") + .getElementById(isStacked() ? "map" : "selected") .scrollIntoView({ behavior: "smooth" }); }); });
Adanne234 Water St, Brooklyn115 Ralph Ave, Brooklyn
Aeon Bookstore42 West 17th St, New York
Boulevard Books7518 13th Ave, Brooklyn
Bravo's Book Nook 115 MacDougal St, New York
Burnt Books 157 Huron St, Brooklyn
Cafe con Libros 724 Prospect Place, Brooklyn
Catland 985 Flushing Ave, Brooklyn
Chartwell Booksellers 55 E 52nd St, New York
Codex Books 1 Bleecker St, New York
Community Bookstore 143 7th Ave, Brooklyn
Cups and Books 2024 Bedford Ave, Brooklyn
Dashwood Books 33 Bond St, New York
Dear Friend Books 343A Tompkins Ave, Brooklyn
Desert Island Comics 540 Metropolitan Ave, Brooklyn
East Village Books 99 St. Mark's Place, New York
ETG Book Cafe 208 Bay St, Staten Island
Freebird Books 123 Columbia St, Brooklyn
Greenlight Bookstore 686 Fulton St, Brooklyn
Here's A Book Store 1964 Coney Island Ave, Brooklyn
Hey Kids! Comics 157 Huron St, Brooklyn
Housing Works Bookstore Café 126 Crosby St, New York
Human Relations Books 1067 Flushing Ave, Brooklyn
Idlewild Books170 7th Avenue S, New York
James Cummins Bookseller 699 Madison Ave, 7th Floor, New York
Joanne Hendricks Cookbooks 488 Greenwich St, New York
Karma Bookstore 136 East Third St, New York
Kew & Willow Books 81-63 Lefferts Boulevard, New York
Kinokunya 1073 Avenue of the Americas, New York
Kitchen Arts & Letters 1435 Lexington Ave, New York
Leaves Bookstore 140 Nassau Ave, Brooklyn
Left Bank Books 41 Perry St, New York
Lofty Pigeon Books 743 Church Ave, Brooklyn
Logos Bookstore 1575 York Ave, New York
Mast Books 72 Avenue A, New York
McNally Jackson Books 134 Prince St, New York
McNally Jackson Books City Point 445 Albee Square W, Unit G112, Brooklyn
McNally Jackson Books Seaport 4 Fulton St, New York
McNally Jackson Books Williamsburg 76 North 4th St, Brooklyn
McNally Jackson Rockefeller Center 1 Rockefeller Plaza, New York
Melville House Publishers 46 John St, Brooklyn
Mercer Street Books & Records 206 Mercer St, New York
Mil Mundos Books 323 Linden St, Brooklyn
Molasses Books 770 Hart St, Brooklyn
Namaste Bookshop 2 W 14th St, New York
P&T Knitwear 180 Orchard St, New York
Passageway Books 150 9th Ave, New York
Pillow-Cat Books 328 East 9th St, New York
Posman Books Chelsea Market 75 9th Avenue, New York
POWERHOUSE @ IC 220 36th St, Building #2, Brooklyn
POWERHOUSE Arena 28 Adams St, Brooklyn
POWERHOUSE on 8th 1111 8th Ave, Brooklyn
Printed Matter 231 11th Ave, New York
Printed Matter St. Marks 38 St. Marks Pl, New York
Quest Bookshop 240 E 53rd St, New York
Quimby's Bookstore 536 Metropolitan Ave, Brooklyn
Recirculation 876 Riverside Dr, New York
Respect For Life Books-N-Things 537 Nostrand Ave, Brooklyn
Revolution Books 437 Malcolm X Blvd, New York
Rizzoli Bookstore 1133 Broadway, New York
Shakespeare & Company 939 Lexington Ave, New York
Shakespeare & Company (Upper West Side) 2020 Broadway, New York
Sister's Uptown Bookstore 1942 Amsterdam Ave, New York
Spoonbill & Sugartown, Booksellers 218 Bedford Ave, Brooklyn
Standards Manual 212 Franklin Street, Brooklyn
Strand Bookstore 828 Broadway, New York
Sweet Pickle Books 47 Orchard St, New York
Taylor & Co. Books 1021 Cortelyou Rd, Brooklyn
Terrace Books 242 Prospect Park West, Brooklyn
The Austin Book Shop 104-29 Jamaica Ave, Richmond Hill
The Book Cellar 1465 York Ave, New York
The Center for Fiction 15 Lafayette Ave, Brooklyn
The Corner Bookstore 1313 Madison Ave, New York
The Drama Book Shop 266 W 39th St, New York
The Lit. Bar 131 Alexander Ave, Bronx
The Mysterious Bookshop 58 Warren St, New York
The Ripped Bodice 218 5th Ave, Brooklyn
The Strand At Columbus Ave 450 Columbus Ave, New York
The Word Is Change 368 Tompkins Ave, Brooklyn
Three Lives & Company238 West 10th St, New York154 W 10th St, New York
Topos Bookstore Cafe 788 Woodward Ave, Brooklyn
Topos Too59-22 Myrtle Ave, Queens
Troubled Sleep Books 129 6th Ave, Brooklyn
Turn The Page... Again 39-15a Bell Blvd, Flushing
Unnameable Books 600 Vanderbilt Ave, Brooklyn
Ursus Books 50 East 78th St, Suite 1C, New York
Village Works12 St. Marks Pl, New York
Westsider Rare & Used Books 2246 Broadway, New York