CINXE.COM
The Harper's Magazine Store
<!doctype html> <!--[if IE 9]> <html class="ie9 no-js supports-no-cookies" lang="en"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js supports-no-cookies" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#f4fbf2"> <link rel="canonical" href="https://store.harpers.org/"> <title> The Harper's Magazine Store </title> <meta name="description" content="Books and other items from Harper's Magazine"> <meta property="og:site_name" content="Harper's Magazine"> <meta property="og:url" content="https://store.harpers.org/"> <meta property="og:title" content="The Harper's Magazine Store"> <meta property="og:type" content="website"> <meta property="og:description" content="Books and other items from Harper's Magazine"> <meta name="twitter:site" content="@"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="The Harper's Magazine Store"> <meta name="twitter:description" content="Books and other items from Harper's Magazine"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="dhnEDgcJ-jQvaUfYqOFjWRWmWaI6x3h8lrzeDobKdsg"> <meta name="facebook-domain-verification" content="9hqa3my8n6h8t2xcoccqdodhmpioc2"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/2500962/digital_wallets/dialog"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script id="shopify-features" type="application/json">{"accessToken":"ccc60396059d44f67a8954784c4b4e86","betas":["rich-media-storefront-analytics"],"domain":"store.harpers.org","predictiveSearch":true,"shopId":2500962,"smart_payment_buttons_url":"https:\/\/store.harpers.org\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/store.harpers.org\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "harpers-magazine-store.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Cascade","id":72206057550,"schema_name":"Cascade","schema_version":"1.0.14","theme_store_id":859,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "store.harpers.org/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/upsells.boldapps.net\/v2_ui\/js\/UpsellTracker.js?shop=harpers-magazine-store.myshopify.com","https:\/\/upsells.boldapps.net\/v2_ui\/js\/upsell.js?shop=harpers-magazine-store.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":2500962,"offset":-14400,"reqid":"c659a42b-3a8e-4ba4-b0d8-1908d82316bf-1743827377","pageurl":"store.harpers.org\/","u":"d6267c32fb15","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//store.harpers.org/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//store.harpers.org/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://store.harpers.org/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script>window.BOLD = window.BOLD || {}; window.BOLD.common = window.BOLD.common || {}; window.BOLD.common.Shopify = window.BOLD.common.Shopify || {}; window.BOLD.common.Shopify.shop = { domain: 'store.harpers.org', permanent_domain: 'harpers-magazine-store.myshopify.com', url: 'https://store.harpers.org', secure_url: 'https://store.harpers.org', money_format: "${{amount}}", currency: "USD" }; window.BOLD.common.Shopify.customer = { id: null, tags: null, }; window.BOLD.common.Shopify.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.BOLD.common.template = 'index';window.BOLD.common.Shopify.formatMoney = function(money, format) { function n(t, e) { return "undefined" == typeof t ? e : t } function r(t, e, r, i) { if (e = n(e, 2), r = n(r, ","), i = n(i, "."), isNaN(t) || null == t) return 0; t = (t / 100).toFixed(e); var o = t.split(".") , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r) , s = o[1] ? i + o[1] : ""; return a + s } "string" == typeof money && (money = money.replace(".", "")); var i = "" , o = /\{\{\s*(\w+)\s*\}\}/ , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}"; switch (a.match(o)[1]) { case "amount": i = r(money, 2, ",", "."); break; case "amount_no_decimals": i = r(money, 0, ",", "."); break; case "amount_with_comma_separator": i = r(money, 2, ".", ","); break; case "amount_no_decimals_with_comma_separator": i = r(money, 0, ".", ","); break; case "amount_with_space_separator": i = r(money, 2, " ", ","); break; case "amount_no_decimals_with_space_separator": i = r(money, 0, " ", ","); break; case "amount_with_apostrophe_separator": i = r(money, 2, "'", "."); break; } return a.replace(o, i); }; window.BOLD.common.Shopify.saveProduct = function (handle, product, productData) { if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') { if (typeof product === 'number') { window.BOLD.common.Shopify.handles[product] = handle; product = { id: product, product: productData }; } window.BOLD.common.Shopify.products[handle] = product; } }; window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) { if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') { window.BOLD.common.Shopify.variants[variant_id] = variant; } };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {}; window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {}; window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.saveProduct(null, null, null);window.BOLD.apps_installed = {"Product Upsell":3} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};</script><link href="//store.harpers.org/cdn/shop/t/8/assets/bold-upsell.css?v=51915886505602322711556112775" rel="stylesheet" type="text/css" media="all" /> <link href="//store.harpers.org/cdn/shop/t/8/assets/bold-upsell-custom.css?330" rel="stylesheet" type="text/css" media="all" /><link href="//store.harpers.org/cdn/shop/t/8/assets/theme.scss.css?v=19639990341938160041713295331" rel="stylesheet" type="text/css" media="all" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = { data: { "cartMethod": "modal" }, strings: { addToCart: "Add to Cart", soldOut: "Sold Out", unavailable: "Unavailable", cartEmpty: "Your cart is currently empty.", cartCookie: "Enable cookies to use the shopping cart", cartSavings: "Translation missing: en.cart.general.savings_html" }, moneyFormat: "${{amount}}" }; </script> <!--[if (gt IE 9)|!(IE)]><!--><script src="//store.harpers.org/cdn/shop/t/8/assets/theme.min.js?v=5759984513108256151555435448" defer="defer"></script><!--<![endif]--> <!--[if lt IE 9]><script src="//store.harpers.org/cdn/shop/t/8/assets/theme.min.js?v=5759984513108256151555435448"></script><![endif]--> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0250/0962/files/Harpers_20190328_0247-thumb_5e5dfeca-23db-49e7-bf91-f2d9abbcb545.jpg?v=1607710164" /> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0250/0962/files/Harpers_20190328_0247-thumb_5e5dfeca-23db-49e7-bf91-f2d9abbcb545.jpg?v=1607710164" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="600" /> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 2500962,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 2500962,storefrontBaseUrl: "https://store.harpers.org",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"88309838","configuration":"{\"pixel_id\":\"288136928333066\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Harper's Magazine","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"harpers-magazine-store.myshopify.com","countryCode":"US","storefrontUrl":"https://store.harpers.org"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://store.harpers.org/cdn","fa791c4bw657adcc2p48d8cf20m74e06eb8",{"modern":"","legacy":""},{"shopId":"2500962","storefrontBaseUrl":"https://store.harpers.org","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"fa791c4bw657adcc2p48d8cf20m74e06eb8"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 2500962, theme_id: 72206057550, app_name: "storefront", context_url: window.location.href, source_url: "//store.harpers.org/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//store.harpers.org/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//store.harpers.org/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":2500962,"isMerchantRequest":null,"themeId":72206057550,"themeCityHash":"18171315941312989384","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//store.harpers.org/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); }; Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); } </script> <script defer src="https://store.harpers.org/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="2500962" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="72206057550" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="the-harper-39-s-magazine-store" class="template-index"> <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a> <div id="shopify-section-header" class="shopify-section"> <style>.site-header__logo-image { max-width: 190px; }</style> <div data-section-id="header" data-section-type="header" data-template="index" > <div class="header-placeholder full--w hide" data-header-placeholder></div> <header class="site-header full--w " data-site-header> <div class="header__main"> <div class="max-site-width px2 lg--up--px3"> <div class="relative"> <a class="header__close fixed lg-up--full--w text-align--right top--0 right--0 p2 font-size--m pointer color--active-text hv--active-accent" data-close-header tabindex="0"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M32 29.714L53.714 8 56 10.286 34.286 32 56 53.714 53.714 56 32 34.286 10.286 56 8 53.714 29.714 32 8 10.286 10.286 8 32 29.714z" fill="#162317" fill-rule="evenodd"/></svg></span> </a> </div> </div> <div class="header__shifter full--w"></div> <div class="header-table flex items--center justify--between full--w px2 py3 max-site-width lg--up--px3 lg--up--relative"> <div class="header-table__bookend align--middle text-align--left lg--up--hide md--dn--flex--1-basis-0"> <div class="js"> <a class="t--header-navigation header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active font-size--m bg--transparent inline-block pointer" aria-controls="MobileNav" aria-expanded="false" data-active-header-trigger data-active-target="navigation" tabindex="0"> <div class="header__link-wrapper">Menu</div> </a> </div> <noscript> <input type="checkbox" id="nav" class="hide"/> <label for="nav" class="nav-open"> <span class="block nav-open__default"> <a class="t--header-navigation header__link color--primary-text color--header-active font-size--m bg--transparent inline-block pointer"> <span class="header__link-wrapper">Menu</span> </a> </span> <span class="nav-open__close"> <span class="inline-block btn font-size--m bg--transparent"> <span class="left"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M32 29.714L53.714 8 56 10.286 34.286 32 56 53.714 53.714 56 32 34.286 10.286 56 8 53.714 29.714 32 8 10.286 10.286 8 32 29.714z" fill="#162317" fill-rule="evenodd"/></svg></span></span> </span> </span> </label> <div class="no-js__navigation bg--active-background color--active-text fixed top--0 left--0 z4 full p3"> <ul class="mobile-navigation f--heading list--reset m0 font-size--xxl"> <li class="mobile-nav__item mobile-nav__item--active"> <a href="/" class="mobile-nav__link block p1 color--header-active" >Home</a> </li> <li class="mobile-nav__item"> <a href="/collections/print-issues" class="mobile-nav__link block p1 color--header-active" >Print Issues</a> </li> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link block p1 color--header-active" >Books</a> </li> <li class="mobile-nav__item"> <a href="/collections/harper-s-magazine-tote-bags" class="mobile-nav__link block p1 color--header-active" >Merchandise</a> </li> <li class="mobile-nav__item"> <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="mobile-nav__link block p1 color--header-active" >Subscribe</a> </li> <li class="mobile-nav__item"> <a href="/collections/sale" class="mobile-nav__link block p1 color--header-active" >Sale</a> </li> <li class="mobile-nav__item"> <a href="http://www.harpers.org" class="mobile-nav__link block p1 color--header-active" data-mobile-active-last-item>Harpers.org</a> </li> </ul> </div> </noscript> </div> <div class="nav__container align--middle text-align--left md--dn--hide lg--up--flex--1 overflow--hidden"> <div data-desktop-navigation-container> <nav role="navigation"> <ul class="t--header-navigation site-nav list--reset m0 p0 font-size--m mxn1 no-wrap inline-block" data-desktop-navigation-list> <li class="nav__item inline-block site-nav--active" > <a href="/" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Home</div> </a> </li> <li class="nav__item inline-block " > <a href="/collections/print-issues" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Print Issues</div> </a> </li> <li class="nav__item site-nav--has-submenu inline-block"> <a class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 inline-block header__link no-wrap pointer " data-active-header-trigger data-active-target="navigation" data-first-level-link="desktop" data-key="books--3" data-top-level-item tabindex="0" aria-haspopup="true"> <div class="header__link-wrapper"> Books <span class="site-nav__chevron-down font-size--xxs align--middle inline-block site-nav__svg"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-down" viewBox="0 0 64 64"><path d="M32 39.334L53.334 18 56 20.666 32.007 44.659 32 44.65l-.007.008L8 20.666 10.666 18 32 39.334z" fill="#162317" fill-rule="evenodd"/></svg></span></span> <span class="site-nav__chevron-up font-size--xxs align--middle inline-block site-nav__svg hide"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-up" viewBox="0 0 64 64"><path d="M32 23.325L10.666 44.659 8 41.993 31.993 18l.007.007.007-.007L56 41.993l-2.666 2.666L32 23.325z" fill="#162317" fill-rule="evenodd"/></svg></span></span> </div> </a><noscript> <div class="no-js--submenu bg--primary-background px1 py3 absolute full--w left--0 right--0"> <div class="max-site-width px2 lg--up--px3"> <div class="inline-block"> <h4 class=" t--header-navigation mt1 mb2"> <span class="inline-block">Books</span> </h4> <ul class="navigation__second-level f--heading list--reset m0 font-size--xxl mxn1"> <li class="nav__item"> <a href="/collections/books" class="nav__link block p1 line-height--6 color--header-active" data-desktop-active-first-item >All books</a> </li> <li class="nav__item"> <a href="/collections/harper-s-magazine-anthologies" class="nav__link block p1 line-height--6 color--header-active" >Anthologies</a> </li> <li class="nav__item"> <a href="/collections/smart-history" class="nav__link block p1 line-height--6 color--header-active" >History</a> </li> <li class="nav__item"> <a href="/collections/gen-interest" class="nav__link block p1 line-height--6 color--header-active" >General Interest</a> </li> <li class="nav__item"> <a href="/collections/sale" class="nav__link block p1 line-height--6 color--header-active" >On sale</a> </li> <li class="nav__item"> <a href="/collections/walter-karp-collection" class="nav__link block p1 line-height--6 color--header-active" data-desktop-active-last-item>Walter Karp</a> </li> </ul> </div> </div> </div> </noscript> </li> <li class="nav__item inline-block " > <a href="/collections/harper-s-magazine-tote-bags" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Merchandise</div> </a> </li> <li class="nav__item inline-block " > <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Subscribe</div> </a> </li> <li class="nav__item inline-block " > <a href="/collections/sale" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Sale</div> </a> </li> <li class="nav__item inline-block " > <a href="http://www.harpers.org" class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px1 align--top header__link inline-block no-wrap" data-top-level-item> <div class="header__link-wrapper">Harpers.org</div> </a> </li> <li class="site-nav--has-submenu inline-block hide" data-desktop-navigation-more-link> <a class="site-nav__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active px2 inline-block header__link no-wrap pointer" data-desktop-navigation-more-link-trigger data-top-level-item tabindex="0"> <div class="header__link-wrapper"> More </div> </a> </li> </ul> </nav> </div> </div> <div class="header-table__center align--middle text-align--center flex--grow--1 md--dn--flex--1-basis-0 lg--up--flex--grow--0 lg--justify--center lg--items--center"> <h1 class="header__logo m0 lg--up--px3 font-size--0" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url" class="font-size--xl color--primary-text color--header-active f--heading site-logo site-header__logo-image"> <img src="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_190x.png?v=1613760956" srcset="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_190x.png?v=1613760956 1x, //store.harpers.org/cdn/shop/files/HARPER_S-logostore_190x@2x.png?v=1613760956 2x" alt="Harper's Magazine" itemprop="logo"> </a> </h1> </div> <div class="header__meta header-table__bookend align--middle text-align--right lg--up--flex--1 md--dn--flex--1-basis-0 lg--up--justify--end no-wrap"> <div class="mxn1"> <a href="/search" class="t--header-navigation header__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active font-size--m bg--transparent inline-block pointer align--middle px1 md--dn--hide" data-active-header-trigger data-active-target="search" data-search-button tabindex="0" data-top-level-item aria-haspopup="true" data-search-button> <div class="header__link-wrapper"> Search </div> </a> <a href="/cart" id="CartLink" class="t--header-navigation header__link header-border-link color--primary-text hv--div--border-bottom--primary-text color--header-active font-size--m bg--transparent inline-block pointer m0 px1" data-active-header-trigger data-active-target="cart" tabindex="0" data-top-level-item aria-haspopup="true"> <div class="header__link-wrapper"> <span class="cart__icon"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><defs><path id="a" d="M0 0h40.779v46.54H0z"/></defs><g fill="none" fill-rule="evenodd" transform="translate(11.5 6)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#231F20" d="M5.062 44.56h-3.01l1.15-32.71h34.376l1.148 32.71H5.062zM20.597 1.98c4.46 0 8.085 3.5 8.362 7.89H12.234c.278-4.39 3.901-7.89 8.363-7.89zM39.49 9.87h-8.55C30.659 4.386 26.15 0 20.597 0S10.533 4.386 10.254 9.87H1.29L0 46.54h40.78L39.49 9.87z" mask="url(#b)"/></g></svg></span></span> <span id="CartCount">0</span> </div> </a> </div> </div> </div> </div> <div class="header__active lg--up--relative color--active-text" data-header-active> <div class="max-site-width px2 pt3 lg--up--px3 lg--up--pt3"> <div class="hide" data-active-name="navigation" data-active-section> <div class="lg--up--hide"> <div id="MobileNav" class="mobile-navigation absolute top--0 left--0 full color--active-text overflow--hidden"> <div class="mobile-navigation-container absolute full--h overflow--hidden left--0 top--0" data-mobile-navigation-container> <div class="mobile-navigation__pane full--h full--vw left overflow--scroll py4 px2"> <ul class="mobile-navigation f--heading list--reset m0 font-size--xxl"> <li class="mobile-nav__item mobile-nav__item--active"> <a href="/" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Home</a> </li> <li class="mobile-nav__item"> <a href="/collections/print-issues" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Print Issues</a> </li> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Books</a> </li> <li class="mobile-nav__item"> <a href="/collections/harper-s-magazine-tote-bags" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Merchandise</a> </li> <li class="mobile-nav__item"> <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Subscribe</a> </li> <li class="mobile-nav__item"> <a href="/collections/sale" class="mobile-nav__link block p1 color--active-text hv--active-accent" >Sale</a> </li> <li class="mobile-nav__item"> <a href="http://www.harpers.org" class="mobile-nav__link block p1 color--active-text hv--active-accent" data-mobile-active-last-item>Harpers.org</a> </li> </ul> </div> <div class="mobile-navigation__pane full--h full--vw left overflow--scroll relative pt4 px2"> <button class="mobile-navigation__previous hide btn border--none bg--transparent inline-block p2 fixed top--0 left--0 font-size--ml color--active-text hv--active-accent" data-mobile-nav-previous> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-previous" viewBox="0 0 64 64"><path d="M13.8 30.314h42.164v3.003H13.8L27.177 47.31l-1.94 2.03L8.483 31.815 25.236 14.29l1.94 2.03L13.8 30.314z"/></svg></span> </button> <div class="hide" data-key="books--3" data-mobile-second-level-section> <h4 class=" t--header-navigation mt1 mb3"> <span class="border-bottom--active-text hv--border-bottom--active-accent inline-block">Books</span> </h4> <ul class="mobile-navigation__second-level f--heading list--reset m0 font-size--xxl mxn1 "> <li class="mobile-nav__item"> <a href="/collections/books" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" data-mobile-active-first-item >All books</a> </li> <li class="mobile-nav__item"> <a href="/collections/harper-s-magazine-anthologies" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >Anthologies</a> </li> <li class="mobile-nav__item"> <a href="/collections/smart-history" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >History</a> </li> <li class="mobile-nav__item"> <a href="/collections/gen-interest" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >General Interest</a> </li> <li class="mobile-nav__item"> <a href="/collections/sale" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" >On sale</a> </li> <li class="mobile-nav__item"> <a href="/collections/walter-karp-collection" class="mobile-nav__link block p1 line-height--6 color--active-text hv--active-accent" data-mobile-active-last-item>Walter Karp</a> </li> </ul> </div> </div> </div> </div> </div> <div class="md--dn--hide"> <div class="hide" data-desktop-sub-nav="books--3"> <div class="inline-block"> <h4 class=" t--header-navigation mt1 mb2"> <span class="inline-block">Books</span> </h4> <ul class="navigation__second-level f--heading list--reset m0 font-size--xxl mxn1"> <li class="nav__item"> <a href="/collections/books" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" data-desktop-active-first-item >All books</a> </li> <li class="nav__item"> <a href="/collections/harper-s-magazine-anthologies" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >Anthologies</a> </li> <li class="nav__item"> <a href="/collections/smart-history" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >History</a> </li> <li class="nav__item"> <a href="/collections/gen-interest" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >General Interest</a> </li> <li class="nav__item"> <a href="/collections/sale" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" >On sale</a> </li> <li class="nav__item"> <a href="/collections/walter-karp-collection" class="nav__link block p1 line-height--6 color--active-text hv--active-accent" data-desktop-active-last-item>Walter Karp</a> </li> </ul> </div> </div> </div> </div> <script type="text/html" id="spinner"> <div class="mt5 relative"> <div class="spinner color--active-text"></div> </div> </script> <div class="hide px2" data-active-name="cart" data-active-section> <div id="CartContainer" class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <div class="mt5 relative"> <div class="spinner color--active-text"></div> </div> </div> </div> <div class="hide" data-active-name="search" data-active-section> <div class="mx--auto lg--up--one-half"> <form action="/search" method="get" class="input-group search" role="search"> <label for="search" class="hide">Search</label> <input id="search" type="search" name="q" value="" placeholder="Search" class="py1 search__input input-group-field border--none bg--transparent border-bottom--active-text font-size--xl color--active-text" aria-label="Search" data-search-input data-desktop-active-first-item> <span class="input-group-btn search-btn"> <button type="submit" class="block font-size--xl bg--transparent color--active-text border--none" data-desktop-active-last-item> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><g fill-rule="evenodd"><path d="M36.387 38.162L51.98 56.473l3.027-2.502L39.413 35.66z"/><path d="M27.592 11.14c-7.49 0-13.582 6.323-13.582 14.097 0 7.774 6.092 14.098 13.582 14.098 7.49 0 13.583-6.324 13.583-14.098 0-7.774-6.093-14.098-13.583-14.098m0 32.542c-9.922 0-17.993-8.274-17.993-18.444S17.67 6.793 27.592 6.793c9.922 0 17.993 8.274 17.993 18.444s-8.071 18.444-17.993 18.444"/></g></svg></span> </button> </span> </form> </div> </div> </div> </div> <div class="header__active-overlay" data-header-overlay></div> </header> </div> </div> <main role="main" id="MainContent"> <!-- BEGIN content_for_index --><div id="shopify-section-1524647205456" class="shopify-section section-slideshow"> <section class="slideshow py4 lg--up--py5 bg--primary-background" data-section-type="slideshow" data-section-id="1524647205456" data-wrap-around="true" data-slide-speed="5000" > <div class="relative"> <div class="slideshow__slides"> <div class="slideshow__slide four-fifths px2 lg--up--px3 max-width--5" > <div class="image-with-text__container relative color--primary-text lg--up--color--primary-text"> <div class="image-with-text__image"> <div id="FeatureImageWrapper-24587307057230" class="resp-img-wrapper js"> <div style="padding-top:94.44444444444444%;"> <img id="FeatureImage-24587307057230" class="resp-img feature-image__img-content lazyload" src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_300x.gif?v=1724278217" data-src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_{width}x.gif?v=1724278217" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048, 4472]" data-aspectratio="1.0588235294117647" data-sizes="auto" alt=""> <img id="FeatureImage-24587307057230" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_1x1.gif?v=1724278217" width="1800" height="1700" alt=""> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_large.gif?v=1724278217" alt="" class="feature-image__img-content"> </noscript> </div> <div class="image-with-text__content lg--up--absolute lg--up--full lg--up--top--0 lg--up--left--0 lg--up--p4 wd--p5 z1"> <div class="lg--up--table lg--up--full"> <div class="lg--up--table-cell lg--up--text-align--left lg--up--align--top"> <div class="inline-block lg--up--text-align--left lg--up--one-third"> <div class="mt3 lg--up--m0 lg--up--one-whole"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">Tote Bags</h2> <div class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4 mt2"> For <s>“cat ladies”</s> anyone with good taste and things to carry. </div> <a class="mt2 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent lg--up--color--primary-text lg--up--border-bottom--primary-text lg--up--hv---primary lg--up--hv--border-bottom---primary lg--up--inline-block" href="/products/harpers-magazine-large-red-cat-bag"> Shop Now </a> </div> </div> </div> </div> </div> </div> </div> <div class="slideshow__slide four-fifths px2 lg--up--px3 max-width--5" > <div class="image-with-text__container relative color--primary-text lg--up--color--primary-text"> <div class="image-with-text__image"> <div id="FeatureImageWrapper-25669560696910" class="resp-img-wrapper js"> <div style="padding-top:65.7030223390276%;"> <img id="FeatureImage-25669560696910" class="resp-img feature-image__img-content lazyload" src="//store.harpers.org/cdn/shop/files/april-store-homepage_1_300x.jpg?v=1743609826" data-src="//store.harpers.org/cdn/shop/files/april-store-homepage_1_{width}x.jpg?v=1743609826" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048, 4472]" data-aspectratio="1.522" data-sizes="auto" alt=""> <img id="FeatureImage-25669560696910" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/april-store-homepage_1_1x1.jpg?v=1743609826" width="2283" height="1500" alt=""> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/files/april-store-homepage_1_large.jpg?v=1743609826" alt="" class="feature-image__img-content"> </noscript> </div> <div class="image-with-text__content lg--up--absolute lg--up--full lg--up--top--0 lg--up--left--0 lg--up--p4 wd--p5 z1"> <div class="lg--up--table lg--up--full"> <div class="lg--up--table-cell lg--up--text-align--left lg--up--align--top"> <div class="inline-block lg--up--text-align--left lg--up--one-third"> <div class="mt3 lg--up--m0 lg--up--one-whole"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">Print<br> Issues</h2> <div class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4 mt2"> Pick up a print<br> copy of the <br>latest issue. </div> <a class="mt2 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent lg--up--color--primary-text lg--up--border-bottom--primary-text lg--up--hv---primary lg--up--hv--border-bottom---primary lg--up--inline-block" href="/collections/print-issues"> Shop Now </a> </div> </div> </div> </div> </div> </div> </div> <div class="slideshow__slide four-fifths px2 lg--up--px3 max-width--5" > <div class="image-with-text__container relative color--primary-text lg--up--color--primary-text"> <div class="image-with-text__image"> <div id="FeatureImageWrapper-23621988843598" class="resp-img-wrapper js"> <div style="padding-top:64.83333333333333%;"> <img id="FeatureImage-23621988843598" class="resp-img feature-image__img-content lazyload" src="//store.harpers.org/cdn/shop/files/HarpersMagazineCapALT-SMALLERresized3_300x.jpg?v=1713295613" data-src="//store.harpers.org/cdn/shop/files/HarpersMagazineCapALT-SMALLERresized3_{width}x.jpg?v=1713295613" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048, 4472]" data-aspectratio="1.5424164524421593" data-sizes="auto" alt=""> <img id="FeatureImage-23621988843598" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/HarpersMagazineCapALT-SMALLERresized3_1x1.jpg?v=1713295613" width="1200" height="778" alt=""> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/files/HarpersMagazineCapALT-SMALLERresized3_large.jpg?v=1713295613" alt="" class="feature-image__img-content"> </noscript> </div> <div class="image-with-text__content lg--up--absolute lg--up--full lg--up--top--0 lg--up--left--0 lg--up--p4 wd--p5 z1"> <div class="lg--up--table lg--up--full"> <div class="lg--up--table-cell lg--up--text-align--left lg--up--align--top"> <div class="inline-block lg--up--text-align--left lg--up--one-third"> <div class="mt3 lg--up--m0 lg--up--one-whole"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">Apparel</h2> <a class="mt2 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent lg--up--color--primary-text lg--up--border-bottom--primary-text lg--up--hv---primary lg--up--hv--border-bottom---primary lg--up--inline-block" href="/collections/merchandise"> Shop Now </a> </div> </div> </div> </div> </div> </div> </div> <div class="slideshow__slide four-fifths px2 lg--up--px3 max-width--5" > <div class="image-with-text__container relative color--primary-text lg--up--color--primary-text"> <div class="image-with-text__image"> <div id="FeatureImageWrapper-23622019678286" class="resp-img-wrapper js"> <div style="padding-top:65.0%;"> <img id="FeatureImage-23622019678286" class="resp-img feature-image__img-content lazyload" src="//store.harpers.org/cdn/shop/files/politics-slide-resized3_300x.jpg?v=1713295811" data-src="//store.harpers.org/cdn/shop/files/politics-slide-resized3_{width}x.jpg?v=1713295811" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048, 4472]" data-aspectratio="1.5384615384615385" data-sizes="auto" alt=""> <img id="FeatureImage-23622019678286" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/politics-slide-resized3_1x1.jpg?v=1713295811" width="2000" height="1300" alt=""> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/files/politics-slide-resized3_large.jpg?v=1713295811" alt="" class="feature-image__img-content"> </noscript> </div> <div class="image-with-text__content lg--up--absolute lg--up--full lg--up--top--0 lg--up--left--0 lg--up--p4 wd--p5 z1"> <div class="lg--up--table lg--up--full"> <div class="lg--up--table-cell lg--up--text-align--left lg--up--align--top"> <div class="inline-block lg--up--text-align--left lg--up--one-third"> <div class="mt3 lg--up--m0 lg--up--one-whole"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">Politics</h2> <a class="mt2 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent lg--up--color--primary-text lg--up--border-bottom--primary-text lg--up--hv---primary lg--up--hv--border-bottom---primary lg--up--inline-block" href="/collections/politics"> Shop Now </a> </div> </div> </div> </div> </div> </div> </div> <div class="slideshow__slide four-fifths px2 lg--up--px3 max-width--5" > <div class="image-with-text__container relative color--primary-text lg--up--color--primary-text"> <div class="image-with-text__image"> <div id="FeatureImageWrapper-9212872130638" class="resp-img-wrapper js"> <div style="padding-top:64.6%;"> <img id="FeatureImage-9212872130638" class="resp-img feature-image__img-content lazyload" src="//store.harpers.org/cdn/shop/files/Harpers_20190328_0285-slide_300x.jpg?v=1613760961" data-src="//store.harpers.org/cdn/shop/files/Harpers_20190328_0285-slide_{width}x.jpg?v=1613760961" data-widths="[540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048, 4472]" data-aspectratio="1.5479876160990713" data-sizes="auto" alt=""> <img id="FeatureImage-9212872130638" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/Harpers_20190328_0285-slide_1x1.jpg?v=1613760961" width="2000" height="1292" alt=""> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/files/Harpers_20190328_0285-slide_large.jpg?v=1613760961" alt="" class="feature-image__img-content"> </noscript> </div> <div class="image-with-text__content lg--up--absolute lg--up--full lg--up--top--0 lg--up--left--0 lg--up--p4 wd--p5 z1"> <div class="lg--up--table lg--up--full"> <div class="lg--up--table-cell lg--up--text-align--left lg--up--align--top"> <div class="inline-block lg--up--text-align--left lg--up--one-third"> <div class="mt3 lg--up--m0 lg--up--one-whole"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">General Interest</h2> <a class="mt2 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent lg--up--color--primary-text lg--up--border-bottom--primary-text lg--up--hv---primary lg--up--hv--border-bottom---primary lg--up--inline-block" href="/collections/gen-interest"> Shop Now </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class='flickity__button-container absolute right--0 pt1 pr2'> <button class="btn border--none bg--transparent btn--next color--primary-text hv--primary-accent font-size--sm pt1"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-next" viewBox="0 0 64 64"><path d="M50.2 33.433H8.036V30.43H50.2L36.823 16.437l1.94-2.03 16.753 17.525-16.752 17.525-1.94-2.03L50.2 33.433z"/></svg></button> </div> </div> </section> </div><div id="shopify-section-product_feature_M7NY9m" class="shopify-section"><section class="product-feature py4 lg--up--py5 color--primary-text bg--primary-background" data-section-id="product_feature_M7NY9m" data-section-type="product" itemscope itemtype="http://schema.org/Product"> <meta itemprop="name" content="Harper’s Magazine April 2025"> <meta itemprop="url" content="https://store.harpers.org/products/harper-s-magazine-april-2025"> <meta itemprop="image" content="//store.harpers.org/cdn/shop/files/Cover-IG_800x.jpg?v=1742234297"> <meta itemprop="description" content="The print edition of Harper’s April 2025 issue: with Lily Scherlis on the social-skills crisis in the American workplace; Kent Russell on patrol with the Guardian Angels; a never-before-published story by Charles Portis from the unfinished novel The Woman From Nowhere, and more. "> <div class="max-site-width md--up--px2 lg--up--px3"> <div class=" mx--auto"> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="product__images relative md--up--text-align--right font-size--0"> <a href="/products/harper-s-magazine-april-2025"> <div class="product__feature-image one-whole px2 md--up--px0 md--up--one-whole wd--seven-eighths inline-block"> <div id="ProductImageWrapper-33693147168846" class="resp-img-wrapper js"> <div style="padding-top:124.67532467532467%;" data-feature-product-wrapper> <img id="ProductPhotoImg" class="resp-img product-single__photo lazyload " src="//store.harpers.org/cdn/shop/files/Cover-IG_300x300.jpg?v=1742234297" data-src="//store.harpers.org/cdn/shop/files/Cover-IG_{width}x.jpg?v=1742234297" data-widths="[180, 360, 590, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.8020833333333334" data-sizes="auto" data-image-id="33693147168846" alt="Harper’s Magazine April 2025" data-product-featured-image> <img id="ProductImage-33693147168846" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/Cover-IG_1x1.jpg?v=1742234297" width="1925" height="2400" alt="Harper’s Magazine April 2025"> </div> </div> <div class="no-js"> <noscript> <img id="ProductImageWrapper-33693147168846" class="product-single__photo" src="//store.harpers.org/cdn/shop/files/Cover-IG.jpg?v=1742234297" alt="Harper’s Magazine April 2025" data-image-id="33693147168846"> </noscript> </div> </div> </a> </div> </div> <div class="grid__item md--up--one-half"> <div class="wd--pt3 lg--up--pl3 wd--pl4 "> <div class="px2 mt3 max-width--1 md--up--pt0 lg--up--px3"><a class="color--primary-text" href="/products/harper-s-magazine-april-2025"><h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0 mb1">Harper’s Magazine April 2025</h2></a><div class="font-size--ml" data-price-wrapper> <span data-product-price> $7.99 </span> </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="7.99"> <link itemprop="availability" href="http://schema.org/InStock"> <div id="AddToCartForm--product_feature_M7NY9m" class="form-vertical"> <form method="post" action="/cart/add" id="product_form_7585247526990" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <select name="id" class="no-js" data-product-select> <option selected="selected" value="42326539468878"> Default Title </option> </select> <div class="add-to-cart-container mt3 cta-content--pay-buttons" data-add-to-cart-container> <button class="btn border--none btn--add-to-cart color-scheme--primary bg--transparent color--primary-text border--primary-text hv--primary-accent hv--border--primary-accent p1 full--w block" type="submit" name="add" id="AddToCart--product_feature_M7NY9m" data-add-to-cart > <span data-add-to-cart-text> Add to Cart </span> </button> <div class="mt2 payment-button-wrapper color--primary"><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div></div> </div> <input type="hidden" name="product-id" value="7585247526990" /><input type="hidden" name="section-id" value="product_feature_M7NY9m" /></form> </div> </div> </div> <div class="px2 max-width--2 md--up--pt0 lg--up--px3""> </div> </div> </div> <!-- end grid item --> </div> <!-- end grid --> </div> </div> <script type="application/json" data-product-json> {"id":7585247526990,"title":"Harper’s Magazine April 2025","handle":"harper-s-magazine-april-2025","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003eThe print edition of \u003ci\u003eHarper’s\u003cspan\u003e \u003c\/span\u003e\u003c\/i\u003e\u003ca href=\"https:\/\/harpers.org\/archive\/2025\/04\/\" rel=\"noopener\" target=\"_blank\"\u003eApril 2025\u003c\/a\u003e issue:\u003cstrong\u003e \u003c\/strong\u003ewith Lily Scherlis on the social-skills crisis in the American workplace; Kent Russell on patrol with the Guardian Angels; a never-before-published story by Charles Portis from the unfinished novel \u003cem\u003eThe Woman From Nowhere\u003c\/em\u003e, and more. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","published_at":"2025-03-19T11:33:21-04:00","created_at":"2025-03-17T13:54:55-04:00","vendor":"Harper's Magazine","type":"","tags":["General Interest","Print Issues"],"price":799,"price_min":799,"price_max":799,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42326539468878,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"69","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"Harper’s Magazine April 2025","public_title":null,"options":["Default Title"],"price":799,"weight":454,"compare_at_price":null,"inventory_quantity":18,"inventory_management":"shopify","inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/store.harpers.org\/cdn\/shop\/files\/Cover-IG.jpg?v=1742234297"],"featured_image":"\/\/store.harpers.org\/cdn\/shop\/files\/Cover-IG.jpg?v=1742234297","options":["Title"],"media":[{"alt":null,"id":25663663538254,"position":1,"preview_image":{"aspect_ratio":0.802,"height":2400,"width":1925,"src":"\/\/store.harpers.org\/cdn\/shop\/files\/Cover-IG.jpg?v=1742234297"},"aspect_ratio":0.802,"height":2400,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/files\/Cover-IG.jpg?v=1742234297","width":1925}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003eThe print edition of \u003ci\u003eHarper’s\u003cspan\u003e \u003c\/span\u003e\u003c\/i\u003e\u003ca href=\"https:\/\/harpers.org\/archive\/2025\/04\/\" rel=\"noopener\" target=\"_blank\"\u003eApril 2025\u003c\/a\u003e issue:\u003cstrong\u003e \u003c\/strong\u003ewith Lily Scherlis on the social-skills crisis in the American workplace; Kent Russell on patrol with the Guardian Angels; a never-before-published story by Charles Portis from the unfinished novel \u003cem\u003eThe Woman From Nowhere\u003c\/em\u003e, and more. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e"} </script> </section> </div><div id="shopify-section-1561649925761" class="shopify-section"><section class="product-feature py4 lg--up--py5 color--primary-text bg--primary-background" data-section-id="1561649925761" data-section-type="product" itemscope itemtype="http://schema.org/Product"> <meta itemprop="name" content="Rules of the Game"> <meta itemprop="url" content="https://store.harpers.org/products/rules-of-the-game-the-best-sports-writing-from-harpers-magazine"> <meta itemprop="image" content="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_800x.jpg?v=1556122800"> <meta itemprop="description" content="Rules of the Game: The Best Sports Writing from Harper's Magazine uncovers funny, touching, exciting, intriguing stories of the sporting life, both professional and amateur. These essays show that how we play and write about sports reflects and celebrates our nation's character. This collection includes some of the most well-known and respected writers of the past century, including: Mark Twain, Tom Wolfe, Shirley Jackson, Lewis H. Lapham, Gary Cartwright, A. Bartlett Giamatti, Pete Axthelm, George Plimpton, and Rich Cohen. Edited by Matthew Stevenson and Michael Martin. "One helluva team of writers has produced a book you'll be dipping into for years." —Jim Bouton, author of Ball Four "Reading Rules of the Game is like getting a lesson in sports history from some of our finest writers while sipping an aperitif at the Algonquin Round Table. There is such a seamless bond between writer and sport, and Rules of the Game flows as smoothly as an Ali jab."—Ron Darling, Emmy Award–winning broadcaster "Great sports writing is as much an American tradition as the games that are played on our fields and courts. This all-encompassing collection from some of the finest writers in the history of our nation brings to life great sporting moments both personal and transformative in scope. These writings from Harper's are a treasure to savor for all of us who love sports and the words that they inspire." —Hannah Storm, ESPNSportsCenter anchor"> <div class="max-site-width md--up--px2 lg--up--px3"> <div class=" mx--auto"> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="product__images relative md--up--text-align--right font-size--0"> <a href="/products/rules-of-the-game-the-best-sports-writing-from-harpers-magazine"> <div class="product__feature-image one-whole px2 md--up--px0 md--up--one-whole wd--seven-eighths inline-block"> <div id="ProductImageWrapper-10952579612750" class="resp-img-wrapper js"> <div style="padding-top:133.33333333333334%;" data-feature-product-wrapper> <img id="ProductPhotoImg" class="resp-img product-single__photo lazyload " src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_300x300.jpg?v=1556122800" data-src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_{width}x.jpg?v=1556122800" data-widths="[180, 360, 590, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.75" data-sizes="auto" data-image-id="10952579612750" alt="Rules of the Game" data-product-featured-image> <img id="ProductImage-10952579612750" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_1x1.jpg?v=1556122800" width="3000" height="4000" alt="Rules of the Game"> </div> </div> <div class="no-js"> <noscript> <img id="ProductImageWrapper-10952579612750" class="product-single__photo" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical.jpg?v=1556122800" alt="Rules of the Game" data-image-id="10952579612750"> </noscript> </div> </div> </a> </div> </div> <div class="grid__item md--up--one-half"> <div class="wd--pt3 lg--up--pl3 wd--pl4 "> <div class="px2 mt3 max-width--1 md--up--pt0 lg--up--px3"><a class="color--primary-text" href="/products/rules-of-the-game-the-best-sports-writing-from-harpers-magazine"><h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0 mb1">Rules of the Game</h2></a><div class="font-size--ml" data-price-wrapper> <span data-product-price> $14.95 </span> </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="14.95"> <link itemprop="availability" href="http://schema.org/InStock"> <div id="AddToCartForm--1561649925761" class="form-vertical"> <form method="post" action="/cart/add" id="product_form_155721129" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-0"> Subtitle </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-0" data-single-option-selector data-index="option1"> <option value="The Best Sports Writing from Harper's Magazine" selected="selected"> The Best Sports Writing from Harper's Magazine </option> </select> </div> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-1"> Author </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-1" data-single-option-selector data-index="option2"> <option value="Matthew Stevenson, Michael Martin (Editors)" selected="selected"> Matthew Stevenson, Michael Martin (Editors) </option> </select> </div> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-2"> Category </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-2" data-single-option-selector data-index="option3"> <option value="General Interest" selected="selected"> General Interest </option> </select> </div> <select name="id" class="no-js" data-product-select> <option selected="selected" value="356812057"> The Best Sports Writing from Harper's Magazine / Matthew Stevenson, Michael Martin (Editors) / General Interest </option> </select> <div class="add-to-cart-container mt3 cta-content--pay-buttons" data-add-to-cart-container> <button class="btn border--none btn--add-to-cart color-scheme--primary bg--transparent color--primary-text border--primary-text hv--primary-accent hv--border--primary-accent p1 full--w block" type="submit" name="add" id="AddToCart--1561649925761" data-add-to-cart > <span data-add-to-cart-text> Add to Cart </span> </button> <div class="mt2 payment-button-wrapper color--primary"><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div></div> </div> <input type="hidden" name="product-id" value="155721129" /><input type="hidden" name="section-id" value="1561649925761" /></form> </div> </div> </div> <div class="px2 max-width--2 md--up--pt0 lg--up--px3""> </div> </div> </div> <!-- end grid item --> </div> <!-- end grid --> </div> </div> <script type="application/json" data-product-json> {"id":155721129,"title":"Rules of the Game","handle":"rules-of-the-game-the-best-sports-writing-from-harpers-magazine","description":"\u003cp\u003e\u003cem\u003eRules of the Game: The Best Sports Writing from Harper's Magazine\u003c\/em\u003e uncovers funny, touching, exciting, intriguing stories of the sporting life, both professional and amateur.\u003c\/p\u003e\n\u003cp\u003eThese essays show that how we play and write about sports reflects and celebrates our nation's character.\u003c\/p\u003e\n\u003cp\u003eThis collection includes some of the most well-known and respected writers of the past century, including:\u003c\/p\u003e\n\u003cp\u003eMark Twain, Tom Wolfe, Shirley Jackson, Lewis H. Lapham, Gary Cartwright, A. Bartlett Giamatti, Pete Axthelm, George Plimpton, and Rich Cohen.\u003c\/p\u003e\n\u003cp\u003eEdited by Matthew Stevenson and Michael Martin.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\"One helluva team of writers has produced a book you'll be dipping into for years.\" \u003cbr\u003e—Jim Bouton, author of \u003cem\u003eBall Four\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\"Reading \u003cem\u003eRules of the Game\u003c\/em\u003e is like getting a lesson in sports history from some of our finest writers while sipping an aperitif at the Algonquin Round Table. There is such a seamless bond between writer and sport, and \u003cem\u003eRules of the Game\u003c\/em\u003e flows as smoothly as an Ali jab.\"\u003cbr\u003e—Ron Darling, Emmy Award–winning broadcaster \u003c\/p\u003e\n\u003cp\u003e\"Great sports writing is as much an American tradition as the games that are played on our fields and courts. This all-encompassing collection from some of the finest writers in the history of our nation brings to life great sporting moments both personal and transformative in scope. These writings from \u003cem\u003eHarper's\u003c\/em\u003e are a treasure to savor for all of us who love sports and the words that they inspire.\" \u003cbr\u003e—Hannah Storm, ESPNSportsCenter anchor\u003c\/p\u003e","published_at":"2013-09-05T10:36:08-04:00","created_at":"2013-09-05T10:36:09-04:00","vendor":"Harper's Magazine Store","type":"Books","tags":["General Interest"],"price":1495,"price_min":1495,"price_max":1495,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":356812057,"title":"The Best Sports Writing from Harper's Magazine \/ Matthew Stevenson, Michael Martin (Editors) \/ General Interest","option1":"The Best Sports Writing from Harper's Magazine","option2":"Matthew Stevenson, Michael Martin (Editors)","option3":"General Interest","sku":"17","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Rules of the Game - The Best Sports Writing from Harper's Magazine \/ Matthew Stevenson, Michael Martin (Editors) \/ General Interest","public_title":"The Best Sports Writing from Harper's Magazine \/ Matthew Stevenson, Michael Martin (Editors) \/ General Interest","options":["The Best Sports Writing from Harper's Magazine","Matthew Stevenson, Michael Martin (Editors)","General Interest"],"price":1495,"weight":454,"compare_at_price":null,"inventory_quantity":855,"inventory_management":"shopify","inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800"],"featured_image":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800","options":["Subtitle","Author","Category"],"media":[{"alt":null,"id":4736581710,"position":1,"preview_image":{"aspect_ratio":0.75,"height":4000,"width":3000,"src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800"},"aspect_ratio":0.75,"height":4000,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800","width":3000}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cem\u003eRules of the Game: The Best Sports Writing from Harper's Magazine\u003c\/em\u003e uncovers funny, touching, exciting, intriguing stories of the sporting life, both professional and amateur.\u003c\/p\u003e\n\u003cp\u003eThese essays show that how we play and write about sports reflects and celebrates our nation's character.\u003c\/p\u003e\n\u003cp\u003eThis collection includes some of the most well-known and respected writers of the past century, including:\u003c\/p\u003e\n\u003cp\u003eMark Twain, Tom Wolfe, Shirley Jackson, Lewis H. Lapham, Gary Cartwright, A. Bartlett Giamatti, Pete Axthelm, George Plimpton, and Rich Cohen.\u003c\/p\u003e\n\u003cp\u003eEdited by Matthew Stevenson and Michael Martin.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\"One helluva team of writers has produced a book you'll be dipping into for years.\" \u003cbr\u003e—Jim Bouton, author of \u003cem\u003eBall Four\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\"Reading \u003cem\u003eRules of the Game\u003c\/em\u003e is like getting a lesson in sports history from some of our finest writers while sipping an aperitif at the Algonquin Round Table. There is such a seamless bond between writer and sport, and \u003cem\u003eRules of the Game\u003c\/em\u003e flows as smoothly as an Ali jab.\"\u003cbr\u003e—Ron Darling, Emmy Award–winning broadcaster \u003c\/p\u003e\n\u003cp\u003e\"Great sports writing is as much an American tradition as the games that are played on our fields and courts. This all-encompassing collection from some of the finest writers in the history of our nation brings to life great sporting moments both personal and transformative in scope. These writings from \u003cem\u003eHarper's\u003c\/em\u003e are a treasure to savor for all of us who love sports and the words that they inspire.\" \u003cbr\u003e—Hannah Storm, ESPNSportsCenter anchor\u003c\/p\u003e"} </script> </section> </div><div id="shopify-section-product_feature_8HJURV" class="shopify-section"><section class="product-feature py4 lg--up--py5 color--primary-text bg--primary-background" data-section-id="product_feature_8HJURV" data-section-type="product" itemscope itemtype="http://schema.org/Product"> <meta itemprop="name" content="Harper's Magazine Large Red Cat Bag"> <meta itemprop="url" content="https://store.harpers.org/products/harpers-magazine-large-red-cat-bag"> <meta itemprop="image" content="//store.harpers.org/cdn/shop/files/ezgif.com-speed_800x.gif?v=1724278217"> <meta itemprop="description" content="Here's a generously-sized tote bag that's perfect for a grocery run or an overnight trip—whether you're a "cat lady" or simply have good taste and things to carry. It's made of 100% cotton twill with durable handles and features the Harper's Magazine logo in crimson on one side and on the other side our favorite grumpy old cat—an archival illustration by Eugène Emmanuel Viollet-Le-Duc from the March, 1870, issue. His Latin motto, "Libertas sine labore” ("Liberty without labor"), is one we can all get behind. Color: Natural Dimensions: 15”H x 20”W x 5”D; Handle drop: 10"100% cotton twill Illustration in crimson"> <div class="max-site-width md--up--px2 lg--up--px3"> <div class="lg--up--seven-eighths mx--auto"> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="product__images relative md--up--text-align--right font-size--0"> <a href="/products/harpers-magazine-large-red-cat-bag"> <div class="product__feature-image one-whole px2 md--up--px0 md--up--one-whole wd--seven-eighths inline-block"> <div id="ProductImageWrapper-32214770090062" class="resp-img-wrapper js"> <div style="padding-top:94.44444444444444%;" data-feature-product-wrapper> <img id="ProductPhotoImg" class="resp-img product-single__photo lazyload " src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_300x300.gif?v=1724278217" data-src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_{width}x.gif?v=1724278217" data-widths="[180, 360, 590, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.0588235294117647" data-sizes="auto" data-image-id="32214770090062" alt="Harper's Magazine Large Red Cat Bag" data-product-featured-image> <img id="ProductImage-32214770090062" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/files/ezgif.com-speed_1x1.gif?v=1724278217" width="1800" height="1700" alt="Harper's Magazine Large Red Cat Bag"> </div> </div> <div class="no-js"> <noscript> <img id="ProductImageWrapper-32214770090062" class="product-single__photo" src="//store.harpers.org/cdn/shop/files/ezgif.com-speed.gif?v=1724278217" alt="Harper's Magazine Large Red Cat Bag" data-image-id="32214770090062"> </noscript> </div> </div> </a> </div> </div> <div class="grid__item md--up--one-half"> <div class="wd--pt3 lg--up--pl3 wd--pl4 "> <div class="px2 mt3 max-width--1 md--up--pt0 lg--up--px3"><a class="color--primary-text" href="/products/harpers-magazine-large-red-cat-bag"><h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0 mb1">Harper's Magazine Large Red Cat Bag</h2></a><div class="font-size--ml" data-price-wrapper> <span data-product-price> $35.00 </span> </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="35.0"> <link itemprop="availability" href="http://schema.org/InStock"> <div id="AddToCartForm--product_feature_8HJURV" class="form-vertical"> <form method="post" action="/cart/add" id="product_form_6780784410702" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-0"> Title </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-0" data-single-option-selector data-index="option1"> <option value="Large Red Cat Bag" selected="selected"> Large Red Cat Bag </option> </select> </div> <select name="id" class="no-js" data-product-select> <option selected="selected" value="39928868536398"> Large Red Cat Bag </option> </select> <div class="add-to-cart-container mt3 cta-content--pay-buttons" data-add-to-cart-container> <button class="btn border--none btn--add-to-cart color-scheme--primary bg--transparent color--primary-text border--primary-text hv--primary-accent hv--border--primary-accent p1 full--w block" type="submit" name="add" id="AddToCart--product_feature_8HJURV" data-add-to-cart > <span data-add-to-cart-text> Add to Cart </span> </button> <div class="mt2 payment-button-wrapper color--primary"><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div></div> </div> <input type="hidden" name="product-id" value="6780784410702" /><input type="hidden" name="section-id" value="product_feature_8HJURV" /></form> </div> </div> </div> <div class="px2 max-width--2 md--up--pt0 lg--up--px3""> </div> </div> </div> <!-- end grid item --> </div> <!-- end grid --> </div> </div> <script type="application/json" data-product-json> {"id":6780784410702,"title":"Harper's Magazine Large Red Cat Bag","handle":"harpers-magazine-large-red-cat-bag","description":"\u003cp\u003eHere's a generously-sized tote bag that's perfect for a grocery run or an overnight trip\u003cmeta charset=\"utf-8\"\u003e—whether you're a \"cat lady\" or simply have good taste and things to carry. It's made of 100% cotton twill with durable handles and features the \u003cem\u003eHarper's Magazine\u003c\/em\u003e logo in crimson on one side and on the other side our favorite grumpy old cat—an archival illustration by Eugène Emmanuel Viollet-Le-Duc from the March, 1870, issue. His Latin motto, \u003cspan\u003e\"Libertas sine labore” (\"Liberty without labor\"), is one we can all get behind. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cspan\u003eColor: Natural\u003c\/span\u003e \u003cbr\u003e\u003cspan\u003eDimensions: 15”H x 20”W x 5”D; Handle drop: 10\"\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e100% cotton twill\u003c\/span\u003e \u003cbr\u003e\u003cspan\u003eIllustration in crimson\u003c\/span\u003e\u003c\/p\u003e","published_at":"2022-08-31T13:52:12-04:00","created_at":"2022-08-03T11:31:57-04:00","vendor":"Harper's Magazine Store","type":"Tote Bag","tags":["bag","cat","tote bag"],"price":3500,"price_min":3500,"price_max":3500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":39928868536398,"title":"Large Red Cat Bag","option1":"Large Red Cat Bag","option2":null,"option3":null,"sku":"55","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Harper's Magazine Large Red Cat Bag - Large Red Cat Bag","public_title":"Large Red Cat Bag","options":["Large Red Cat Bag"],"price":3500,"weight":454,"compare_at_price":null,"inventory_quantity":103,"inventory_management":"shopify","inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/store.harpers.org\/cdn\/shop\/files\/ezgif.com-speed.gif?v=1724278217","\/\/store.harpers.org\/cdn\/shop\/products\/3N8A0273_1.jpg?v=1724278816","\/\/store.harpers.org\/cdn\/shop\/products\/3N8A0274.jpg?v=1724278816"],"featured_image":"\/\/store.harpers.org\/cdn\/shop\/files\/ezgif.com-speed.gif?v=1724278217","options":["Title"],"media":[{"alt":null,"id":24587307057230,"position":1,"preview_image":{"aspect_ratio":1.059,"height":1700,"width":1800,"src":"\/\/store.harpers.org\/cdn\/shop\/files\/ezgif.com-speed.gif?v=1724278217"},"aspect_ratio":1.059,"height":1700,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/files\/ezgif.com-speed.gif?v=1724278217","width":1800},{"alt":null,"id":21899226349646,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/store.harpers.org\/cdn\/shop\/products\/3N8A0273_1.jpg?v=1724278816"},"aspect_ratio":1.0,"height":1080,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/products\/3N8A0273_1.jpg?v=1724278816","width":1080},{"alt":null,"id":21899226513486,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/store.harpers.org\/cdn\/shop\/products\/3N8A0274.jpg?v=1724278816"},"aspect_ratio":1.0,"height":1080,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/products\/3N8A0274.jpg?v=1724278816","width":1080}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eHere's a generously-sized tote bag that's perfect for a grocery run or an overnight trip\u003cmeta charset=\"utf-8\"\u003e—whether you're a \"cat lady\" or simply have good taste and things to carry. It's made of 100% cotton twill with durable handles and features the \u003cem\u003eHarper's Magazine\u003c\/em\u003e logo in crimson on one side and on the other side our favorite grumpy old cat—an archival illustration by Eugène Emmanuel Viollet-Le-Duc from the March, 1870, issue. His Latin motto, \u003cspan\u003e\"Libertas sine labore” (\"Liberty without labor\"), is one we can all get behind. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cspan\u003eColor: Natural\u003c\/span\u003e \u003cbr\u003e\u003cspan\u003eDimensions: 15”H x 20”W x 5”D; Handle drop: 10\"\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003e100% cotton twill\u003c\/span\u003e \u003cbr\u003e\u003cspan\u003eIllustration in crimson\u003c\/span\u003e\u003c\/p\u003e"} </script> </section> </div><div id="shopify-section-1524639124620" class="shopify-section"><section class="featured-collection py4 lg--up--py5 color--primary-text bg--primary-background" data-mobile-flickity="true" data-section-type="flickity-only" data-section-id="1524639124620"> <div class="max-site-width lg--up--px3"><div class="lg--up--grid"> <div class="lg--up--grid__item lg--up--one-quarter"> <div class="featured-collection__info pb3 pl2 pr4 lg--up--px0"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11">History</h2> <a class="f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent mt2 lg--up--mt3 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4" href="/collections/smart-history" > Shop all History </a> </div> </div> <div class="lg--up--grid__item lg--up--three-quarters"> <div class="mobile-flickity relative"> <div class="mobile-flickity__slides pb3 lg--up--grid grid--uniform lg--up--mtn3"> <div class="product-grid-item nine-twelfths md--six-twelfths lg--up--grid__item lg--up--one-third lg--up--mt3"> <div class="px2 lg--up--px0"><!-- /snippets/product-grid-item.liquid --> <a href="/collections/smart-history/products/new-york-revisited" class="product-grid-item t--list-and-grid relative"> <div class="relative"> <div id="ProductImageWrapper-10952578367566" class="resp-img-wrapper js"> <div style="padding-top:133.33333333333334%;"> <img id="ProductImage-10952578367566" class="resp-img lazyload" width="3000" height="4000" data-src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0122-vertical_{width}x.jpg?v=1556122766" data-widths="[180, 360, 470, 600, 750, 940, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.75" data-ratio="0.75" data-sizes="auto" alt="New York Revisited"> <img id="ProductImage-10952578367566" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0122-vertical_1x1.jpg?v=1556122766" width="3000" height="4000" alt="New York Revisited"> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0122-vertical_large.jpg?v=1556122766" alt="New York Revisited" class="product__img"> </noscript> </div> <p class="color--primary-text m0 mt2 font-size--sm line-height--4 wd--font-size--m wd--line-height--4">New York Revisited</p> <p class="color--primary-meta m0 font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <span > $14.95 </span> </p> </a></div> </div> <div class="product-grid-item nine-twelfths md--six-twelfths lg--up--grid__item lg--up--one-third lg--up--mt3"> <div class="px2 lg--up--px0"><!-- /snippets/product-grid-item.liquid --> <a href="/collections/smart-history/products/the-politics-of-war" class="product-grid-item t--list-and-grid relative"> <div class="relative"> <div id="ProductImageWrapper-10952582889550" class="resp-img-wrapper js"> <div style="padding-top:133.33333333333334%;"> <img id="ProductImage-10952582889550" class="resp-img lazyload" width="750" height="1000" data-src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0126-vertical_{width}x.jpg?v=1556122927" data-widths="[180, 360, 470, 600, 750, 940, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.75" data-ratio="0.75" data-sizes="auto" alt="The Politics of War"> <img id="ProductImage-10952582889550" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0126-vertical_1x1.jpg?v=1556122927" width="750" height="1000" alt="The Politics of War"> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0126-vertical_large.jpg?v=1556122927" alt="The Politics of War" class="product__img"> </noscript> </div> <p class="color--primary-text m0 mt2 font-size--sm line-height--4 wd--font-size--m wd--line-height--4">The Politics of War</p> <p class="color--primary-meta m0 font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <span > $16.95 </span> </p> </a></div> </div> <div class="product-grid-item nine-twelfths md--six-twelfths lg--up--grid__item lg--up--one-third lg--up--mt3"> <div class="px2 lg--up--px0"><!-- /snippets/product-grid-item.liquid --> <a href="/collections/smart-history/products/the-sixties" class="product-grid-item t--list-and-grid relative"> <div class="relative"> <div id="ProductImageWrapper-10952584396878" class="resp-img-wrapper js"> <div style="padding-top:133.33333333333334%;"> <img id="ProductImage-10952584396878" class="resp-img lazyload" width="3000" height="4000" data-src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical_{width}x.jpg?v=1556123034" data-widths="[180, 360, 470, 600, 750, 940, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.75" data-ratio="0.75" data-sizes="auto" alt="The Sixties"> <img id="ProductImage-10952584396878" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical_1x1.jpg?v=1556123034" width="3000" height="4000" alt="The Sixties"> </div> </div> <noscript> <img src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical_large.jpg?v=1556123034" alt="The Sixties" class="product__img"> </noscript> </div> <p class="color--primary-text m0 mt2 font-size--sm line-height--4 wd--font-size--m wd--line-height--4">The Sixties</p> <p class="color--primary-meta m0 font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <span > $14.95 </span> </p> </a></div> </div> </div> <div class="lg--up--hide"> <div class="spacer pt1"></div> <div class='mobile-flickity__button-container absolute bottom--0 right--0 pt1 pr2'> <button class="btn border--none bg--transparent btn--next color--primary-text hv--primary-accent font-size--sm"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-next" viewBox="0 0 64 64"><path d="M50.2 33.433H8.036V30.43H50.2L36.823 16.437l1.94-2.03 16.753 17.525-16.752 17.525-1.94-2.03L50.2 33.433z"/></svg></button> </div> </div> </div> </div> </div> </div> </section> </div><div id="shopify-section-1524638071060" class="shopify-section"><section class="cascade py4 lg--up--py5 color--primary-text bg--primary-background" data-section-type="cascade" data-section-id="1524638071060" data-fade-in="true" data-first-item="left"> <div class="max-site-width px2 lg--up--px3"> <div class="cascading-content"> <div class="items overflow--hidden"> <div class="item-sizer"></div> <div class="column-sizer"></div> <div class="item item--desktop--half item--mobile--full item--1524638071060-3 item--first first-col--desktop fade-in" data-width="half" data-block-id="1524638071060-3" > <div class="item__inner five-sixths mx--auto lg--up--one-whole" > <div class="rich-text rich-text--1524638071060-3 text-align--left"> <div class="seven-eighths mx--auto pm--three-quarters wd--two-thirds"> <h2 class=" m0 f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11"> Anthologies </h2> <div class="richtext font-size--sm line-height--4 wd--font-size--m wd--line-height--4 mt2"> <p>Culled from 175 years of excellent writing, these themed anthologies include America’s most iconic authors.</p> </div> <a class="inline-block mt2 lg--up--mt3 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent" href="/collections/harper-s-magazine-anthologies" > Shop now </a> </div> </div> </div> </div> <div class="item item--desktop--full item--mobile--full item--1524646981742 fade-in" data-width="full" data-block-id="1524646981742" > <div class="item__inner five-sixths mx--auto lg--up--five-sixths lg--up--mx--auto" > <div class="product product--1524646981742"><div id="shopify-section-1524646981742" class="shopify-section" data-product-block> <section data-section-id="1524646981742" data-section-type="product" itemscope itemtype="//schema.org/Product" data-product-block> <div class=" mx--auto"> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="product__images relative md--up--text-align--right font-size--0"> <a href="/products/rules-of-the-game-the-best-sports-writing-from-harpers-magazine"> <div class="product__feature-image one-whole px2 md--up--px0 md--up--one-whole wd--seven-eighths inline-block"> <div id="ProductImageWrapper-10952579612750" class="resp-img-wrapper js"> <div style="padding-top:133.33333333333334%;" data-feature-product-wrapper> <img id="ProductPhotoImg" class="resp-img product-single__photo lazyload " src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_300x300.jpg?v=1556122800" data-src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_{width}x.jpg?v=1556122800" data-widths="[180, 360, 590, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.75" data-sizes="auto" data-image-id="10952579612750" alt="Rules of the Game" data-product-featured-image> <img id="ProductImage-10952579612750" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical_1x1.jpg?v=1556122800" width="3000" height="4000" alt="Rules of the Game"> </div> </div> <div class="no-js"> <noscript> <img id="ProductImageWrapper-10952579612750" class="product-single__photo" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0104a-vertical.jpg?v=1556122800" alt="Rules of the Game" data-image-id="10952579612750"> </noscript> </div> </div> </a> </div> </div> <div class="grid__item md--up--one-half"> <div class="wd--pt3 lg--up--pl3 wd--pl4 "> <div class="px2 mt3 max-width--1 md--up--pt0 lg--up--px3"><a class="color--primary-text" href="/products/rules-of-the-game-the-best-sports-writing-from-harpers-magazine"><h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0 mb1">Rules of the Game</h2></a><div class="font-size--ml" data-price-wrapper> <span data-product-price> $14.95 </span> </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="14.95"> <link itemprop="availability" href="http://schema.org/InStock"> <div id="AddToCartForm--1524646981742" class="form-vertical"> <form method="post" action="/cart/add" id="product_form_155721129" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-0"> Subtitle </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-0" data-single-option-selector data-index="option1"> <option value="The Best Sports Writing from Harper's Magazine" selected="selected"> The Best Sports Writing from Harper's Magazine </option> </select> </div> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-1"> Author </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-1" data-single-option-selector data-index="option2"> <option value="Matthew Stevenson, Michael Martin (Editors)" selected="selected"> Matthew Stevenson, Michael Martin (Editors) </option> </select> </div> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-2"> Category </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-2" data-single-option-selector data-index="option3"> <option value="General Interest" selected="selected"> General Interest </option> </select> </div> <select name="id" class="no-js" data-product-select> <option selected="selected" value="356812057"> The Best Sports Writing from Harper's Magazine / Matthew Stevenson, Michael Martin (Editors) / General Interest </option> </select> <div class="mt2 font-size--m flex items--center"> <div class="pr2"> <label for="Quantity">Quantity</label> </div> <div class="flex--1 js-qty-wrapper color--primary-text"> <input class="bg--transparent border--primary-text p1 font-size--sm mt1" type="number" id="Quantity" name="quantity" value="1" min="1"> </div> </div> <div class="add-to-cart-container mt3 cta-content--pay-buttons" data-add-to-cart-container> <button class="btn border--none btn--add-to-cart color-scheme--primary bg--transparent color--primary-text border--primary-text hv--primary-accent hv--border--primary-accent p1 full--w block" type="submit" name="add" id="AddToCart--1524646981742" data-add-to-cart > <span data-add-to-cart-text> Add to Cart </span> </button> <div class="mt2 payment-button-wrapper color--primary"><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div></div> </div> <input type="hidden" name="product-id" value="155721129" /><input type="hidden" name="section-id" value="1524638071060" /></form> </div> </div> </div> <div class="px2 max-width--2 md--up--pt0 lg--up--px3""> </div> </div> </div> <!-- end grid item --> </div> <!-- end grid --> </div> <script type="application/json" data-product-json> {"id":155721129,"title":"Rules of the Game","handle":"rules-of-the-game-the-best-sports-writing-from-harpers-magazine","description":"\u003cp\u003e\u003cem\u003eRules of the Game: The Best Sports Writing from Harper's Magazine\u003c\/em\u003e uncovers funny, touching, exciting, intriguing stories of the sporting life, both professional and amateur.\u003c\/p\u003e\n\u003cp\u003eThese essays show that how we play and write about sports reflects and celebrates our nation's character.\u003c\/p\u003e\n\u003cp\u003eThis collection includes some of the most well-known and respected writers of the past century, including:\u003c\/p\u003e\n\u003cp\u003eMark Twain, Tom Wolfe, Shirley Jackson, Lewis H. Lapham, Gary Cartwright, A. Bartlett Giamatti, Pete Axthelm, George Plimpton, and Rich Cohen.\u003c\/p\u003e\n\u003cp\u003eEdited by Matthew Stevenson and Michael Martin.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\"One helluva team of writers has produced a book you'll be dipping into for years.\" \u003cbr\u003e—Jim Bouton, author of \u003cem\u003eBall Four\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\"Reading \u003cem\u003eRules of the Game\u003c\/em\u003e is like getting a lesson in sports history from some of our finest writers while sipping an aperitif at the Algonquin Round Table. There is such a seamless bond between writer and sport, and \u003cem\u003eRules of the Game\u003c\/em\u003e flows as smoothly as an Ali jab.\"\u003cbr\u003e—Ron Darling, Emmy Award–winning broadcaster \u003c\/p\u003e\n\u003cp\u003e\"Great sports writing is as much an American tradition as the games that are played on our fields and courts. This all-encompassing collection from some of the finest writers in the history of our nation brings to life great sporting moments both personal and transformative in scope. These writings from \u003cem\u003eHarper's\u003c\/em\u003e are a treasure to savor for all of us who love sports and the words that they inspire.\" \u003cbr\u003e—Hannah Storm, ESPNSportsCenter anchor\u003c\/p\u003e","published_at":"2013-09-05T10:36:08-04:00","created_at":"2013-09-05T10:36:09-04:00","vendor":"Harper's Magazine Store","type":"Books","tags":["General Interest"],"price":1495,"price_min":1495,"price_max":1495,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":356812057,"title":"The Best Sports Writing from Harper's Magazine \/ Matthew Stevenson, Michael Martin (Editors) \/ General Interest","option1":"The Best Sports Writing from Harper's Magazine","option2":"Matthew Stevenson, Michael Martin (Editors)","option3":"General Interest","sku":"17","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Rules of the Game - The Best Sports Writing from Harper's Magazine \/ Matthew Stevenson, Michael Martin (Editors) \/ General Interest","public_title":"The Best Sports Writing from Harper's Magazine \/ Matthew Stevenson, Michael Martin (Editors) \/ General Interest","options":["The Best Sports Writing from Harper's Magazine","Matthew Stevenson, Michael Martin (Editors)","General Interest"],"price":1495,"weight":454,"compare_at_price":null,"inventory_quantity":855,"inventory_management":"shopify","inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800"],"featured_image":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800","options":["Subtitle","Author","Category"],"media":[{"alt":null,"id":4736581710,"position":1,"preview_image":{"aspect_ratio":0.75,"height":4000,"width":3000,"src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800"},"aspect_ratio":0.75,"height":4000,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0104a-vertical.jpg?v=1556122800","width":3000}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cem\u003eRules of the Game: The Best Sports Writing from Harper's Magazine\u003c\/em\u003e uncovers funny, touching, exciting, intriguing stories of the sporting life, both professional and amateur.\u003c\/p\u003e\n\u003cp\u003eThese essays show that how we play and write about sports reflects and celebrates our nation's character.\u003c\/p\u003e\n\u003cp\u003eThis collection includes some of the most well-known and respected writers of the past century, including:\u003c\/p\u003e\n\u003cp\u003eMark Twain, Tom Wolfe, Shirley Jackson, Lewis H. Lapham, Gary Cartwright, A. Bartlett Giamatti, Pete Axthelm, George Plimpton, and Rich Cohen.\u003c\/p\u003e\n\u003cp\u003eEdited by Matthew Stevenson and Michael Martin.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\"One helluva team of writers has produced a book you'll be dipping into for years.\" \u003cbr\u003e—Jim Bouton, author of \u003cem\u003eBall Four\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\"Reading \u003cem\u003eRules of the Game\u003c\/em\u003e is like getting a lesson in sports history from some of our finest writers while sipping an aperitif at the Algonquin Round Table. There is such a seamless bond between writer and sport, and \u003cem\u003eRules of the Game\u003c\/em\u003e flows as smoothly as an Ali jab.\"\u003cbr\u003e—Ron Darling, Emmy Award–winning broadcaster \u003c\/p\u003e\n\u003cp\u003e\"Great sports writing is as much an American tradition as the games that are played on our fields and courts. This all-encompassing collection from some of the finest writers in the history of our nation brings to life great sporting moments both personal and transformative in scope. These writings from \u003cem\u003eHarper's\u003c\/em\u003e are a treasure to savor for all of us who love sports and the words that they inspire.\" \u003cbr\u003e—Hannah Storm, ESPNSportsCenter anchor\u003c\/p\u003e"} </script> </section> </div> </div> </div> </div> <div class="item item--desktop--full item--mobile--full item--product_feature_cePcke item--last fade-in" data-width="full" data-block-id="product_feature_cePcke" > <div class="item__inner five-sixths mx--auto lg--up--five-sixths lg--up--mx--auto" > <div class="product product--product_feature_cePcke"><div id="shopify-section-product_feature_cePcke" class="shopify-section" data-product-block> <section data-section-id="product_feature_cePcke" data-section-type="product" itemscope itemtype="//schema.org/Product" data-product-block> <div class="lg--up--seven-eighths mx--auto"> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="product__images relative md--up--text-align--right font-size--0"> <a href="/products/the-sixties"> <div class="product__feature-image one-whole px2 md--up--px0 md--up--one-whole wd--seven-eighths inline-block"> <div id="ProductImageWrapper-10952584396878" class="resp-img-wrapper js"> <div style="padding-top:133.33333333333334%;" data-feature-product-wrapper> <img id="ProductPhotoImg" class="resp-img product-single__photo lazyload " src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical_300x300.jpg?v=1556123034" data-src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical_{width}x.jpg?v=1556123034" data-widths="[180, 360, 590, 720, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="0.75" data-sizes="auto" data-image-id="10952584396878" alt="The Sixties" data-product-featured-image> <img id="ProductImage-10952584396878" class="resp-img-placeholder" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical_1x1.jpg?v=1556123034" width="3000" height="4000" alt="The Sixties"> </div> </div> <div class="no-js"> <noscript> <img id="ProductImageWrapper-10952584396878" class="product-single__photo" src="//store.harpers.org/cdn/shop/products/Harpers_20190325_0120-vertical.jpg?v=1556123034" alt="The Sixties" data-image-id="10952584396878"> </noscript> </div> </div> </a> </div> </div> <div class="grid__item md--up--one-half"> <div class="wd--pt3 lg--up--pl3 wd--pl4 "> <div class="px2 mt3 max-width--1 md--up--pt0 lg--up--px3"><a class="color--primary-text" href="/products/the-sixties"><h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0 mb1">The Sixties</h2></a><div class="font-size--ml" data-price-wrapper> <span data-product-price> $14.95 </span> </div> <div itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="price" content="14.95"> <link itemprop="availability" href="http://schema.org/InStock"> <div id="AddToCartForm--product_feature_cePcke" class="form-vertical"> <form method="post" action="/cart/add" id="product_form_155721243" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-0"> Subtitle </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-0" data-single-option-selector data-index="option1"> <option value="Recollections of the Decade from Harper's Magazine" selected="selected"> Recollections of the Decade from Harper's Magazine </option> </select> </div> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-1"> Author </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-1" data-single-option-selector data-index="option2"> <option value="George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more" selected="selected"> George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more </option> </select> </div> <div class="selector-wrapper js mt2 font-size--m"> <label class="block" for="SingleOptionSelector-2"> Category </label> <select class="bg--transparent border--primary-text color--primary-text p1 block full--w font-size--sm mt1" id="SingleOptionSelector-2" data-single-option-selector data-index="option3"> <option value="History" selected="selected"> History </option> </select> </div> <select name="id" class="no-js" data-product-select> <option selected="selected" value="356812411"> Recollections of the Decade from Harper's Magazine / George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more / History </option> </select> <div class="add-to-cart-container mt3 cta-content--pay-buttons" data-add-to-cart-container> <button class="btn border--none btn--add-to-cart color-scheme--primary bg--transparent color--primary-text border--primary-text hv--primary-accent hv--border--primary-accent p1 full--w block" type="submit" name="add" id="AddToCart--product_feature_cePcke" data-add-to-cart > <span data-add-to-cart-text> Add to Cart </span> </button> <div class="mt2 payment-button-wrapper color--primary"><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div></div> </div> <input type="hidden" name="product-id" value="155721243" /><input type="hidden" name="section-id" value="1524638071060" /></form> </div> </div> </div> <div class="px2 max-width--2 md--up--pt0 lg--up--px3""> </div> </div> </div> <!-- end grid item --> </div> <!-- end grid --> </div> <script type="application/json" data-product-json> {"id":155721243,"title":"The Sixties","handle":"the-sixties","description":"\u003cp\u003eFrom a heart-wrenching war that tore America apart to the political turmoil that destroyed our illusions of innocence. From the music and art that made us think and feel in new ways to the activism and experimentation that changed American society forever.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cem\u003eThe Sixties\u003c\/em\u003e reviews that decade of change, focusing on politics, the civil rights movement, youth culture, and much more from the unique and far-sighted perspective of the nation's oldest monthly magazine. It includes profiles, interviews, commentaries, and essays by some of the best writers of the '60s, including George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, and Louis Lomax. Introduction by Senator Eugene J. McCarthy, presidential peace candidate of 1968.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003ePaper\u003c\/p\u003e","published_at":"2017-12-07T09:31:20-05:00","created_at":"2013-09-05T10:36:33-04:00","vendor":"Harper's Magazine Store","type":"Books","tags":["History"],"price":1495,"price_min":1495,"price_max":1495,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":356812411,"title":"Recollections of the Decade from Harper's Magazine \/ George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more \/ History","option1":"Recollections of the Decade from Harper's Magazine","option2":"George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more","option3":"History","sku":"24","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"The Sixties - Recollections of the Decade from Harper's Magazine \/ George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more \/ History","public_title":"Recollections of the Decade from Harper's Magazine \/ George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more \/ History","options":["Recollections of the Decade from Harper's Magazine","George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, Louis Lomax and many more","History"],"price":1495,"weight":454,"compare_at_price":null,"inventory_quantity":191,"inventory_management":"shopify","inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-vertical.jpg?v=1556123034","\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-horizontal.jpg?v=1556123034"],"featured_image":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-vertical.jpg?v=1556123034","options":["Subtitle","Author","Category"],"media":[{"alt":null,"id":4737171534,"position":1,"preview_image":{"aspect_ratio":0.75,"height":4000,"width":3000,"src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-vertical.jpg?v=1556123034"},"aspect_ratio":0.75,"height":4000,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-vertical.jpg?v=1556123034","width":3000},{"alt":null,"id":4737204302,"position":2,"preview_image":{"aspect_ratio":1.5,"height":1000,"width":1500,"src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-horizontal.jpg?v=1556123034"},"aspect_ratio":1.5,"height":1000,"media_type":"image","src":"\/\/store.harpers.org\/cdn\/shop\/products\/Harpers_20190325_0120-horizontal.jpg?v=1556123034","width":1500}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eFrom a heart-wrenching war that tore America apart to the political turmoil that destroyed our illusions of innocence. From the music and art that made us think and feel in new ways to the activism and experimentation that changed American society forever.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cem\u003eThe Sixties\u003c\/em\u003e reviews that decade of change, focusing on politics, the civil rights movement, youth culture, and much more from the unique and far-sighted perspective of the nation's oldest monthly magazine. It includes profiles, interviews, commentaries, and essays by some of the best writers of the '60s, including George Plimpton, Walker Percy, Joe McGinniss, David Halberstam, Richard Hofstadter, C. Vann Woodward, Priscilla Johnson McMillan, Sara Davidson, and Louis Lomax. Introduction by Senator Eugene J. McCarthy, presidential peace candidate of 1968.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003ePaper\u003c\/p\u003e"} </script> </section> </div> </div> </div> </div></div> </div> </div> </section> </div><div id="shopify-section-1524638428856" class="shopify-section"><section class="newsletter py4 lg--up--py5 color--primary-text bg--primary-background" data-section-type="newsletter" data-section-id="1524638428856"> <div class="max-site-width lg--up--px3"> <div class="grid"> <div class="grid__item lg--up--one-quarter"> <div class="pb1 pl2 pr4 lg--up--p0"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">Sign up for our newsletters</h2> </div> </div> <div class="grid__item lg--up--one-quarter"> <div class="pb3 px2 lg--up--p0"> <div class="line-height--3 font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <p>Receive special offers and first looks at new products.</p> </div> </div> </div> <div class="grid__item lg--up--two-quarters"> <div class="px2 lg--up--px0"> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="input-group"> <input type="hidden" name="contact[tags]" value="newsletter"> <label for="Email" class="hide">Enter email</label> <input type="email" name="contact[email]" id="Email" class="input-group-field px2 py1 bg--transparent border--primary-text color--primary-text" value="" placeholder="Enter email" autocorrect="off" autocapitalize="off"> <span class="input-group-btn"> <button type="submit" class="btn border--none newsletter__submit px2 py1 bg--primary-text border--primary-text color--primary-text--overlay hv-bg--primary-accent hv--border--primary-accent hv--primary-accent--overlay" name="commit" id="Subscribe"> <span class="newsletter__submit">Subscribe</span> </button> </span> </div> </form> </div> </div> </div> </div> </section> </div><div id="shopify-section-richtext_4mNMJV" class="shopify-section"><section class="richtext py4 lg--up--py5 color--primary-text bg--primary-background" data-section-type="richtext" data-section-id="richtext_4mNMJV"> <div class="max-site-width lg--up--px3"> <div class="grid"> <div class="grid__item lg--up--one-quarter"> <div class="pb3 pl2 pr4 lg--up--px0 lg--up--pb0"> <h2 class="f--heading font-size--xxxl line-height--8 wd--font-size--xxxxl wd--line-height--11 m0">Follow <em>Harper’s</em></h2> <a class="inline-block mt2 lg--up--mt3 inline-block font-size--sm line-height--4 wd--font-size--m wd--line-height--4 f--accent inline-block link-underline color--primary-text border-bottom--primary-text hv--primary-accent hv--border-bottom--primary-accent " href="https://harpers.org" > harpers.org </a> </div> </div> <div class="grid__item lg--up--three-quarters"> <div class="px2 lg--up--px0"> <div class="grid mtn2 lg--up--mt0"> <div class="grid__item mt2 lg--up--mt0 font-size--sm line-height--4 wd--font-size--m wd--line-height--4 lg--up--one-third "> <p>Instagram:</p><p><a href="https://www.instagram.com/harpersmagazine/" target="_blank" title="https://www.instagram.com/harpersmagazine/">@harpersmagazine</a></p> </div> <div class="grid__item mt2 lg--up--mt0 font-size--sm line-height--4 wd--font-size--m wd--line-height--4 lg--up--one-third "> <p>Twitter/X:</p><p><a href="https://twitter.com/Harpers" target="_blank" title="https://twitter.com/Harpers">@harpers</a></p> </div> <div class="grid__item mt2 lg--up--mt0 font-size--sm line-height--4 wd--font-size--m wd--line-height--4 lg--up--one-third "> <p>Facebook:</p><p><a href="https://www.facebook.com/HarpersMagazine/" target="_blank" title="https://www.facebook.com/HarpersMagazine/">Harper's Magazine</a></p> </div> </div> </div> </div> </div> </div> </section> </div><!-- END content_for_index --> </main> <div id="shopify-section-footer" class="shopify-section"><footer class="py4 lg--up--py5 color--primary-text bg--primary-background"> <div class="max-site-width lg--up--px3"> <div class="grid px2 lg--up--px0 "> <div class="grid__item mb3 md--up--one-whole lg--up--one-seventh"> <div class="grid"> <div class="grid__item one-third lg--up--one-whole"> <a href="/" class="font-size--xl f--heading color--primary-text"> <img src="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_100x.png?v=1613760956" srcset="//store.harpers.org/cdn/shop/files/HARPER_S-logostore_100x.png?v=1613760956 1x, //store.harpers.org/cdn/shop/files/HARPER_S-logostore_100x@2x.png?v=1613760956 2x" alt="Harper's Magazine" > </a> </div> <div class="grid__item two-thirds text-align--right lg--up--one-whole lg--up--mt2 lg--up--text-align--left"><ul class="list--reset p0 m0 mxn1"> </ul> </div> </div> </div> <div class="grid__item mb3 md--up--one-whole lg--up--six-sevenths"> <div class="grid"> <div class="grid__item font-size--sm line-height--4 wd--font-size--m wd--line-height--4 md--up--one-whole lg--up--one-third mb3 lg-up--mb0"> <div class="three-quarters lg--up--one-whole richtext"> <p>Questions about your order? Contact <a href="mailto:store@harpers.org">store@harpers.org</a> for assistance. </p> </div> </div> <div class="grid__item font-size--sm line-height--4 wd--font-size--m wd--line-height--4 md--up--one-whole lg--up--one-third mb3 lg-up--mb0"> <div class="grid"> <div class="grid__item one-half"> <ul class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4 list--reset p0 m0 mxn1 mtn1 "> <li class=""> <a href="/" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Home</span> </a> </li> <li class=""> <a href="/collections/print-issues" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Print Issues</span> </a> </li> <li class=""> <a href="/collections/books" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Books</span> </a> </li> <li class=""> <a href="/collections/harper-s-magazine-tote-bags" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Merchandise</span> </a> </li> <li class=""> <a href="https://w1.buysub.com/servlet/OrdersGateway?cds_mag_code=PRS&cds_page_id=235595" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Subscribe</span> </a> </li> <li class=""> <a href="/collections/sale" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Sale</span> </a> </li> <li class=""> <a href="http://www.harpers.org" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Harpers.org</span> </a> </li> </ul> </div> <div class="grid__item one-half"> <ul class="font-size--sm line-height--4 wd--font-size--m wd--line-height--4 list--reset p0 m0 mxn1 mtn1 "> <li class=""> <a href="/search" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Search</span> </a> </li> <li class=""> <a href="/pages/ccpa-opt-out" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Do not sell my personal information</span> </a> </li> <li class=""> <a href="/policies/terms-of-service" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Terms of Service</span> </a> </li> <li class=""> <a href="/policies/refund-policy" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Refund policy</span> </a> </li> <li class=""> <a href="/policies/privacy-policy" class="footer__nav-link p1 inline-block mobile-nav__link color--primary-text "> <span class="footer__nav-link-span">Privacy policy</span> </a> </li> </ul> </div> </div> </div> <div class="grid__item font-size--sm line-height--4 wd--font-size--m wd--line-height--4 md--up--one-whole lg--up--one-third mb3 lg-up--mb0"> <div class="line-height--3 font-size--sm line-height--4 wd--font-size--m wd--line-height--4"> <p>Receive special offers and first look at new products.</p> </div> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="input-group"> <input type="hidden" name="contact[tags]" value="newsletter"> <label for="Email" class="hide">Enter email</label> <input type="email" name="contact[email]" id="Email" class="input-group-field px2 py1 bg--transparent border--primary-text color--primary-text font-size--s" value="" placeholder="Enter email" autocorrect="off" autocapitalize="off"> <span class="input-group-btn"> <button type="submit" class="btn border--none newsletter__submit px2 py1 font-size--s bg--primary-text border--primary-text color--primary-text--overlay hv-bg--primary-accent hv--border--primary-accent hv--primary-accent--overlay" name="commit" id="Subscribe"> <span class="newsletter__submit">Subscribe</span> </button> </span> </div> </form> </div> </div> </div> </div> <div class="grid grid--rev px2 mt2 lg--up--px0"> <div class="grid__item lg--up--one-half mb3 lg--up--mb0"> <div class="text-align--left lg--up--text-align--right"> <span class="visually-hidden">Payment methods accepted</span> <ul class="payment-icons m0 p0 list--reset font-size--xl mxn1"> <li class="inline-block"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li> <li class="inline-block"> <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" width="38" height="24" role="img" aria-labelledby="pi-jcb" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg"><title id="pi-jcb">JCB</title><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/></g><path d="M11.5 5H15v11.5a2.5 2.5 0 0 1-2.5 2.5H9V7.5A2.5 2.5 0 0 1 11.5 5z" fill="#006EBC"/><path d="M18.5 5H22v11.5a2.5 2.5 0 0 1-2.5 2.5H16V7.5A2.5 2.5 0 0 1 18.5 5z" fill="#F00036"/><path d="M25.5 5H29v11.5a2.5 2.5 0 0 1-2.5 2.5H23V7.5A2.5 2.5 0 0 1 25.5 5z" fill="#2AB419"/><path d="M10.755 14.5c-1.06 0-2.122-.304-2.656-.987l.78-.676c.068 1.133 3.545 1.24 3.545-.19V9.5h1.802v3.147c0 .728-.574 1.322-1.573 1.632-.466.144-1.365.221-1.898.221zm8.116 0c-.674 0-1.388-.107-1.965-.366-.948-.425-1.312-1.206-1.3-2.199.012-1.014.436-1.782 1.468-2.165 1.319-.49 3.343-.261 3.926.27v.972c-.572-.521-1.958-.898-2.919-.46-.494.226-.737.917-.744 1.448-.006.56.245 1.252.744 1.497.953.467 2.39.04 2.919-.441v1.01c-.358.255-1.253.434-2.129.434zm8.679-2.587c.37-.235.582-.567.582-1.005 0-.438-.116-.687-.348-.939-.206-.207-.58-.469-1.238-.469H23v5h3.546c.696 0 1.097-.23 1.315-.415.283-.25.426-.53.426-.96 0-.431-.155-.908-.737-1.212zm-1.906-.281h-1.428v-1.444h1.495c.956 0 .944 1.444-.067 1.444zm.288 2.157h-1.716v-1.513h1.716c.986 0 1.083 1.513 0 1.513z" fill="#FFF" fill-rule="nonzero"/></g></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="inline-block"> <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> </ul> </div> </div> <div class="grid__item lg--up--one-half"> <div class="footer__credit"> <p>© 2025 <a href="/" class=" color--primary-text">Harper's Magazine</a></p> <p class="font-size--xs powered-by mb1 color--primary-text powered_by_link"> <a target="_blank" rel="nofollow" href="https://www.shopify.com/payment-gateways?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">We run on a secure payment gateway</a> </p> <p class="theme-credit font-size--xs m0"> <a class='color--primary-text' href='http://www.switchthemes.co' title='Switch' target='_blank'>Cascade Theme</a> by <a class='color--primary-text' href='http://www.switchthemes.co' title='Switch' target='_blank'>Switch</a> </p> </div> </div> </div> </div> </footer> </div> <!-- /snippets/ajax-cart-template.liquid --> <script id="CartTemplate" type="text/template"> <form action="/cart" method="post" novalidate class="cart ajaxcart"> <div class="max-width--4 lg--up--px3 mx--auto color--active-text relative"> <div class="absolute top--0 left--0 full z1 cart__spinner hide" data-ajax-cart-spinner> <div class="spinner color--active-text"></div> </div> <h2 class="f--heading md--up--hide">Shopping Cart</h2> <div class="cart"> <div class="cart__row sm--hide"> <div class="grid"> <div class="grid__item lg--up--three-fifths"> <h2 class="f--heading">Shopping Cart</h2> </div> <div class="grid__item lg--up--two-fifths"> <div class="table full--w"> <div class="table-cell one-third"> <div class="js-qty-wrapper color--main"> Quantity </div> </div> <div class="table-cell two-thirds text-align--right font-size--m"> Total </div> </div> </div> </div> <hr class="hr bg--main mt2"/> </div> {{#items}} <div class="cart__row font-size--sm mt3"> <div class="grid"> <div class="grid__item lg--up--three-fifths"> <div class="grid grid--full "> <div class="grid__item one-quarter"> <a href="{{url}}" {{#ifFirst @index}}data-desktop-active-first-item{{/ifFirst}}> <img src="{{img}}"> </a> </div> <div class="grid__item three-quarters"> <div class="pl2"> <div class="table full--w"> <div class="table-cell two-thirds"> <a class="f--heading font-size--m md--up--font-size--l color--active-text" href="{{url}}">{{name}}</a> </div> <div class="table-cell text-align--right font-size--m one-third md--up--hide"> {{#if discountsApplied}} <small class="ajaxcart__price--strikethrough">{{{linePrice}}}</small> <span class="ajaxcart__price"> {{{discountedPrice}}} </span> {{else}} <span class="ajaxcart__price"> {{{linePrice}}} </span> {{/if}} </div> </div> {{#if variation}} <p class="ajaxcart__product-meta m0">{{variation}}</p> {{/if}} {{#properties}} {{#each this}} {{#if this}} <span class="ajaxcart__product-meta">{{@key}}: {{this}}</span> {{/if}} {{/each}} {{/properties}} <div class="ajax-qty-wrapper color--main three-fifths pm--one-half md--up--hide"> <div class="ajax-qty mxn1"> <div class="flex font-size--s"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" name="updates[]" class="ajaxcart__qty-num border--transparent bg--transparent text-align--center full--w font-size--m color--active-text" value="{{itemQty}}" min="1" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemAdd}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </div> <a class="inline-block mt1 color--active-text ajaxcart__qty-adjust ajaxcart__qty--remove pointer hv--active-accent" data-line="{{line}}"> <small>Remove</small> </a> </div> </div> </div> </div> <div class="grid__item sm--hide lg--up--two-fifths"> <div class="table table--fixed full--w"> <div class="table-cell one-third"> <div class="ajax-qty-wrapper color--main"> <div class="ajax-qty"> <div class="flex font-size--s "> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" name="updates[]" class="ajaxcart__qty-num border--transparent bg--transparent text-align--center full--w font-size--m color--active-text" value="{{itemQty}}" min="1" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus bg--transparent border--transparent font-size--xs color--active-text" data-id="{{key}}" data-qty="{{itemAdd}}" data-line="{{line}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </div> </div> <div class="table-cell two-thirds text-align--right font-size--m"> {{#if discountsApplied}} <small class="ajaxcart__price--strikethrough">{{{linePrice}}}</small> <span class="ajaxcart__price"> {{{discountedPrice}}} </span> {{else}} <span class="ajaxcart__price"> {{{linePrice}}} </span> {{/if}} </div> </div> </div> </div> </div> {{/items}} <div class="cart__row"> <hr class="hr bg--main my3"/> <div class="grid"> <div class="grid__item md--up--one-half"> <div class="md--up--pr4"> <label class="inline-block mb1 font-size--sm" for="CartSpecialInstructions">Special instructions for seller</label> <textarea class="bg--transparent border--active-text color--active-text full--w" name="note" id="CartSpecialInstructions"></textarea> </div> </div> <div class="grid__item md--up--one-half md--up--text-align--right mt3 md--up--mt0 "> <p class="font-size--xs md--up--font-size--s m0">Shipping & taxes calculated at checkout</p> <div class="table full--w font-size--m mt1"> <div class="table-cell text-align--left md--up--text-align--right"> <p>Subtotal</p> </div> <div class="table-cell text-align--right"> <p>{{{totalPrice}}}</p> {{#if totalCartDiscount}} <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p> {{/if}} </div> </div> <div class="grid grid--half-gutter"> <div class="grid__item text-align--right lg--up--two-thirds lg--up--push-one-third"> <input type="submit" name="checkout" class="checkout btn__ajax-checkout btn border--none p1 block full--w border--active-text bg--active-text color--active-text--overlay hv--active-accent--overlay hv-bg--active-accent hv--border--active-accent" value="Check Out" data-desktop-active-last-item> </div> </div> </div> </div> </div> </div> </div> </form> </script> <script id="AjaxQty" type="text/template"> <div class="ajaxcart__qty"> <div class="relative font-size--s "> <button type="button" class="js-qty__adjust js-qty__adjust--minus bg--transparent border--transparent font-size--xs absolute top--0 left--0 full--h" data-id="{{key}}" data-qty="{{itemMinus}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" class="js-qty__num border--transparent bg--transparent text-align--center full--w font-size--m" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="js-qty__adjust js-qty__adjust--plus bg--transparent border--transparent font-size--xs absolute top--0 right--0 full--h" data-id="{{key}}" data-qty="{{itemAdd}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </script> <script id="JsQty" type="text/template"> <div class="js-qty"> <div class="relative font-size--s"> <button type="button" class="js-qty__adjust js-qty__adjust--minus bg--transparent border--transparent font-size--xs absolute top--0 left--0 full--h" data-id="{{key}}" data-qty="{{itemMinus}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" viewBox="0 0 64 64"><path fill="#162317" d="M16 32v-2h32v2z"/></svg></span> </button> <input type="text" class="js-qty__num border--transparent bg--transparent text-align--center full--w font-size--m" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> <button type="button" class="js-qty__adjust js-qty__adjust--plus bg--transparent border--transparent font-size--xs absolute top--0 right--0 full--h" data-id="{{key}}" data-qty="{{itemAdd}}"> <span class="icon-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 64 64"><path fill="#162317" fill-rule="evenodd" d="M30 30V15h2v15h15v2H32v15h-2V32H15v-2h15z"/></svg></span> </button> </div> </div> </script> </body> </html>