August 19, 2022 at 9:18:51 PM UTC
VERIFY
Websites
Runtime: 16.1s
On August 19, 2022 at 9:18:51 PM UTC, https://www.ethosbooks.com.sg/ was accessible when tested on AS55430 in Singapore.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
198.18.0.131
Query:
IN A www.ethosbooks.com.sg
Engine:
system
Name
Class
TTL
Type
DATA
Answer IP Info
@
IN
A
198.18.5.249
Unknown AS
TCP Connections
198.18.5.249:443: succeeded
HTTP Requests
URL
GET https://www.ethosbooks.com.sg/
Response Headers
Alt-Svc:h3=":443"; ma=86400, h3-29=":443"; ma=86400Cf-Cache-Status:DYNAMICCf-Ray:73d5ece1bb7b8856-SINContent-Language:enContent-Security-Policy:block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests;Content-Type:text/html; charset=utf-8Date:Fri, 19 Aug 2022 21:19:04 GMTExpect-Ct:max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"Link:<https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossoriginNel:{"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}Report-To:{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=KBxgU8K2whhAzfn2CE4azBfblwIGhFADq3zZCZEi19%2FyWdRdhsSB64FyuxyVHFQktDZPn8m%2BqL9%2FM3imUP3qejqaUvSIyg2o0ehmq%2Fb4FlfWIKlZXTOjfaGPEIH%2FXLML40LgY%2ByYNQ%3D%3D"}],"group":"cf-nel","max_age":604800}Server:cloudflareServer-Timing:processing;dur=24, db;dur=8Set-Cookie:secure_customer_sig=; path=/; expires=Sat, 19 Aug 2023 21:19:04 GMT; secure; HttpOnly; SameSite=LaxStrict-Transport-Security:max-age=7889238Vary:AcceptX-Alternate-Cache-Key:cacheable:43333551114316ba93a3754a5b06cac3X-Cache:hit, serverX-Content-Type-Options:nosniffX-Dc:gcp-asia-southeast1,us-central1,gcp-us-central1X-Download-Options:noopenX-Frame-Options:DENYX-Permitted-Cross-Domain-Policies:noneX-Request-Id:ff5aca6f-74bc-404f-a163-c37db59c4aefX-Shardid:174X-Shopid:7540317X-Shopify-Stage:productionX-Sorting-Hat-Podid:174X-Sorting-Hat-Shopid:7540317X-Storefront-Renderer-Rendered:1X-Xss-Protection:1; mode=block
Response Body
<!doctype html>
<html lang="en">
<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="">
<link rel="canonical" href="https://www.ethosbooks.com.sg/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="icon" type="image/png" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/ethos_icon.png?v=112172415680118377981643622937">
<title>
Ethos Books | Fresh. Different. Enduring.
</title>
<meta name="description" content="An independent literary publisher in Singapore. Creating books that capture the spirit of a people and reflect the ethos of our changing times.">
<meta property="og:site_name" content="Ethos Books">
<meta property="og:url" content="https://www.ethosbooks.com.sg/">
<meta property="og:title" content="Ethos Books | Fresh. Different. Enduring.">
<meta property="og:type" content="website">
<meta property="og:description" content="An independent literary publisher in Singapore. Creating books that capture the spirit of a people and reflect the ethos of our changing times."><meta property="og:image" content="http://cdn.shopify.com/s/files/1/0754/0317/files/Ethos_Icon_Teal_8b78994f-72f2-4935-9a8d-cf2ea16cd1d6.png?v=1639447082">
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0754/0317/files/Ethos_Icon_Teal_8b78994f-72f2-4935-9a8d-cf2ea16cd1d6.png?v=1639447082">
<meta property="og:image:width" content="401">
<meta property="og:image:height" content="401"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ethos Books | Fresh. Different. Enduring.">
<meta name="twitter:description" content="An independent literary publisher in Singapore. Creating books that capture the spirit of a people and reflect the ethos of our changing times.">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="MoHhHV3JXbbfLM_fxdM4lyE7k3dr8p8PX8hRTm9s414">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7540317/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="a513b7af08518a250db0194cde41aa13">
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":7540317,"countryCode":"SG","currencyCode":"SGD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/7540317","merchantName":"Ethos Books","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"Ethos Books","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script>
<script id="shopify-features" type="application/json">{"accessToken":"a513b7af08518a250db0194cde41aa13","betas":["rich-media-storefront-analytics"],"domain":"www.ethosbooks.com.sg","predictiveSearch":true,"shopId":7540317,"smart_payment_buttons_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js?v=2","dynamic_checkout_cart_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js?v=2","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "ethosbooks.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"SGD","rate":"1.0"};
Shopify.country = "SG";
Shopify.theme = {"name":"EthosBooks\/ethos_jan31_2022","id":128808911023,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cdn.shopify.com";
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>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=Ww8PqS\u0026shop=ethosbooks.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=ethosbooks.myshopify.com","https:\/\/instagram.pinatropical.com\/insta.js?shop=ethosbooks.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/e36e4f1a21aa4d3f22baff790\/3994031d4a6e6627d16028018.js?shop=ethosbooks.myshopify.com","https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/0317\/t\/15\/assets\/subscribe-it.js?v=1642055032\u0026shop=ethosbooks.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":7540317,"offset":28800,"reqid":"ab46e9e6-bff3-4e49-9a82-74152e72230f","pageurl":"www.ethosbooks.com.sg\/","u":"572d9e953e08","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script>
<script integrity="sha256-qzgBevPPdZ2wrwu9HnUin2oYn1vx8ttCFpYwmYuWkCE=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-ab38017af3cf759db0af0bbd1e75229f6a189f5bf1f2db42169630998b969021.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/shopify_pay/storefront-b61f50798075db890698930c4405673937fe89353f7fea7be88b5ce16a9c0af8.js?v=20210208"></script>
<script integrity="sha256-h+g5mYiIAULyxidxudjy/2wpCz/3Rd1CbrDf4NudHa4=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></script>
<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
#dynamic-checkout-cart {
min-height: 50px;
}
}
@media screen and (max-width: 750px) {
#dynamic-checkout-cart {
min-height: 60px;
}
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/main.css?v=89475211790751998551645433292" rel="stylesheet">
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/title.css?v=115697636513130470321645433293" rel="stylesheet">
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/books.css?v=182445762251217652401645433290" rel="stylesheet">
<script type="application/javascript" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/app.js?v=152555879274252732241648721496" async>
<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: 7540317,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>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'SGD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
<!-- Global site tag (gtag.js) - Google Analytics -->
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-196323685-1');
};
</script>
<script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');
(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: 7540317,
theme_id: 128808911023,
app_name: "storefront",
context_url: window.location.href,
source_url: "https://cdn.shopify.com/s/trekkie.storefront.ebdc6f6e0c97d8f5d6a7dac9bc6ab298fff7cf1b.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.ebdc6f6e0c97d8f5d6a7dac9bc6ab298fff7cf1b.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = 'https://cdn.shopify.com/s/trekkie.storefront.ebdc6f6e0c97d8f5d6a7dac9bc6ab298fff7cf1b.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7540317,"isMerchantRequest":null,"themeId":128808911023,"themeCityHash":"3624282078514630270","contentLanguage":"en","currency":"SGD"},"isServerSideCookieWritingEnabled":true},"Google Analytics":{"trackingId":"UA-196323685-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1232957950097498"],"agent":"plshopify1.2"},"Session Attribution":{},"S2S":{"emitV4CheckoutEvent":true,"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer"}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
ga('require', 'linker');
function addListener(element, type, callback) {
if (element.addEventListener) {
element.addEventListener(type, callback);
}
else if (element.attachEvent) {
element.attachEvent('on' + type, callback);
}
}
function decorate(event) {
event = event || window.event;
var target = event.target || event.srcElement;
if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
ga(function (tracker) {
var linkerParam = tracker.get('linkerParam');
document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
});
}
}
addListener(window, 'load', function(){
for (var i=0; i < document.forms.length; i++) {
var action = document.forms[i].getAttribute('action');
if(action && action.indexOf('/cart') >= 0) {
addListener(document.forms[i], 'submit', decorate);
}
}
for (var i=0; i < document.links.length; i++) {
var href = document.links[i].getAttribute('href');
if(href && href.indexOf('/checkout') >= 0) {
addListener(document.links[i], 'click', decorate);
}
}
});
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"});
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 = "//cdn.shopify.com/shopifycloud/shopify/assets/shop_events_listener-65cd0ba3fcd81a1df33f2510ec5bcf8c0e0958653b50e3965ec972dd638ee13f.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
return;
}
window.BOOMR = window.BOOMR || {};
window.BOOMR.snippetStart = new Date().getTime();
window.BOOMR.snippetExecuted = true;
window.BOOMR.snippetVersion = 12;
window.BOOMR.application = "storefront-renderer";
window.BOOMR.themeName = "Ethos Books 2021";
window.BOOMR.themeVersion = "1.0.0";
window.BOOMR.shopId = 7540317;
window.BOOMR.themeId = 128808911023;
window.BOOMR.url =
"https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
var where = document.currentScript || document.getElementsByTagName("script")[0];
var parentNode = where.parentNode;
var promoted = false;
var LOADER_TIMEOUT = 3000;
function promote() {
if (promoted) {
return;
}
var script = document.createElement("script");
script.id = "boomr-scr-as";
script.src = window.BOOMR.url;
script.async = true;
parentNode.appendChild(script);
promoted = true;
}
function iframeLoader(wasFallback) {
promoted = true;
var dom, bootstrap, iframe, iframeStyle;
var doc = document;
var win = window;
window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
bootstrap = function(parent, scriptId) {
var script = doc.createElement("script");
script.id = scriptId || "boomr-if-as";
script.src = window.BOOMR.url;
BOOMR_lstart = new Date().getTime();
parent = parent || doc.body;
parent.appendChild(script);
};
if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
window.BOOMR.snippetMethod = "s";
bootstrap(parentNode, "boomr-async");
return;
}
iframe = document.createElement("IFRAME");
iframe.src = "about:blank";
iframe.title = "";
iframe.role = "presentation";
iframe.loading = "eager";
iframeStyle = (iframe.frameElement || iframe).style;
iframeStyle.width = 0;
iframeStyle.height = 0;
iframeStyle.border = 0;
iframeStyle.display = "none";
parentNode.appendChild(iframe);
try {
win = iframe.contentWindow;
doc = win.document.open();
} catch (e) {
dom = document.domain;
iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
win = iframe.contentWindow;
doc = win.document.open();
}
if (dom) {
doc._boomrl = function() {
this.domain = dom;
bootstrap();
};
doc.write("<body onload='document._boomrl();'>");
} else {
win._boomrl = function() {
bootstrap();
};
if (win.addEventListener) {
win.addEventListener("load", win._boomrl, false);
} else if (win.attachEvent) {
win.attachEvent("onload", win._boomrl);
}
}
doc.close();
}
var link = document.createElement("link");
if (link.relList &&
typeof link.relList.supports === "function" &&
link.relList.supports("preload") &&
("as" in link)) {
window.BOOMR.snippetMethod = "p";
link.href = window.BOOMR.url;
link.rel = "preload";
link.as = "script";
link.addEventListener("load", promote);
link.addEventListener("error", function() {
iframeLoader(true);
});
setTimeout(function() {
if (!promoted) {
iframeLoader(true);
}
}, LOADER_TIMEOUT);
BOOMR_lstart = new Date().getTime();
parentNode.appendChild(link);
} else {
iframeLoader(false);
}
function boomerangSaveLoadTime(e) {
window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
}
if (window.addEventListener) {
window.addEventListener("load", boomerangSaveLoadTime, false);
} else if (window.attachEvent) {
window.attachEvent("onload", boomerangSaveLoadTime);
}
if (document.addEventListener) {
document.addEventListener("onBoomerangLoaded", function(e) {
e.detail.BOOMR.init({
producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
});
} else if (document.attachEvent) {
document.attachEvent("onpropertychange", function(e) {
if (!e) e=event;
if (e.propertyName === "onBoomerangLoaded") {
e.detail.BOOMR.init({
producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
}
});
}
})();</script>
</head>
<body class="body">
<div id="shopify-section-cookie_banner" class="shopify-section"><style>
.cookie_banner {
display: none;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
.cookie_paragraphs {
width: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
</style>
<div class="cookie_banner" id="cookies-banner">
<div class="cookie_paragraphs">
<p style="padding-right: 20px"><b>We care about your privacy.</b></p>
<p>We use cookies to improve your browsing experience.</p>
</div>
<div></div>
<div style="width: auto">
<a class="ethos_button" onclick="handleAccept()">Ok</a>
<a class="ethos_button button_blank" onclick="handleDecline()">No Thanks</a>
</div>
</div>
<script>
function getBannerEl() {
return document.getElementById('cookies-banner');
}
function hideBanner(res) {
getBannerEl().style.display = 'none';
}
function showBanner() {
getBannerEl().style.display = 'flex';
}
function handleAccept(e) {
window.Shopify.customerPrivacy.setTrackingConsent(true, hideBanner);
document.addEventListener('trackingConsentAccepted',function() {
console.log('trackingConsentAccepted event fired');
});
}
function handleDecline() {
window.Shopify.customerPrivacy.setTrackingConsent(false,hideBanner);
}
function initCookieBanner() {
window.Shopify.customerPrivacy.shouldShowGDPRBanner();
const userCanBeTracked = window.Shopify.customerPrivacy.userCanBeTracked();
const userTrackingConsent = window.Shopify.customerPrivacy.getTrackingConsent();
console.log(userCanBeTracked);
console.log(userTrackingConsent);
if(!userCanBeTracked && userTrackingConsent == 'no') {
showBanner();
}else{
}
}
window.Shopify.loadFeatures([
{
name: 'consent-tracking-api',
version: '0.1',
}
],
function(error) {
if (error) {
throw error;
}
initCookieBanner();
});
</script>
</div>
<div id="shopify-section-full-banner" class="shopify-section"><style>
.page_banner {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px;
background-color: #B2B2B2;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 800px){
.page_banner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
background-color: #B2B2B2;
}
}
.banner_p{
margin-right: 20px;
width: auto;
}
@media only screen and (max-width: 800px){
.banner_p{
margin-right: 0px;
width: auto;
}
}
</style>
<div class="page_banner">
<p class="banner_p">Free local delivery for orders above $30. Prices shown are exclusive of GST.</p>
</div>
</div>
<div id="shopify-section-discount_popup" class="shopify-section"><style>
.popup_section{
position: fixed;
right: 20px;
bottom: 20px;
z-index: 100;
}
@media only screen and (max-width: 800px){
.popup_section {
position: fixed;
right: 0px;
left: 0px;
z-index: 100;
bottom: 0px;
display: flex;
flex-direction: column;
width: 100vw;
padding: 0px;
align-self: center;
align-items: stretch;
}
}
.page_popup {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
background-color: #B2B2B2;
}
@media only screen and (max-width: 800px){
.page_popup {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #B2B2B2;
padding: 20px;
}
}
.p{
margin-right: 20px;
}
.popup_close{
width: 30px;
height: 30px;
cursor: pointer;
}
.popup_close_div{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
}
.popup_option_buttons{
display: flex;
flex-direction: row;
padding: 5px;
margin-bottom: 5px;
}
@media only screen and (max-width: 600px){
.popup_option_buttons {
flex-direction: column;
}
}
</style>
<script>
function add_popup_to_cart(e){
var variant = e.getAttribute("variant");
document.getElementById("popup_add_cart").innerHTML = "Adding to cart..";
function callback(){
document.getElementById("popup_add_cart").innerHTML = "Added to cart!";
sessionStorage.setItem("popup_added", true);
window.setTimeout(function(){
close_popup();
window.location.reload();
}, 1000);
}
add_to_cart_generic(variant, 1, callback);
}
if(sessionStorage.getItem("close_popup") == "true"){
var section = document.getElementById("popup_section");
section.style.display = "none";
}
function update_popup_value(cart){
var popup = document.getElementById("popup_section");
if(popup != null || popup != undefined){
if(cart.original_total_price > 5000 && sessionStorage.getItem("popup_added") != "true"){
popup.style.display = "";
}else{
popup.style.display = "none";
}
}
}
var 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":"SGD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
update_popup_value(cart);
function close_popup(){
var section = document.getElementById("popup_section");
section.style.display = "none";
sessionStorage.setItem("close_popup", true);
}
</script>
</div>
<main>
<div id="shopify-section-template--15356181545135__header" class="shopify-section"><link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/header.css?v=93476179699579307071645433291" rel="stylesheet">
<div class="header_div" style="background-color: #fafafa">
<div class="header_icons">
<a class="header_logo_div" href="/">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/logo_orange_black.png?v=20073517964587441391643622939" alt="ethos books logo" class="header_logo" />
</a>
<div class="header_links">
<a class="header_link black" href="/pages/books">Books</a>
<a class="header_link black" href="/pages/news">News</a>
<a class="header_link black" href="/pages/about">About</a>
<a class="header_link black" href="/pages/submissions">Submissions</a>
<a class="header_link black" href="/pages/education">Education</a>
</div>
<div class="header_cart_buttons_div">
<div class="header_icons_div">
<a href="/search" class="search_icon_a" style="margin: 10px">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/search_icon.png?v=7688129532424734811643622938" alt="search icon" class="header_icon search_icon" />
</a>
<a class="cart_div" href="/cart">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/cart_icon.png?v=160573987167429046981643622939" alt="search icon" class="header_icon" />
<p id="cart_count" class="cart_count" onload="update_cart_count()" style="color: black">0</p>
</a>
</div>
<img class="mobile_header_icon" id="menu_icon" onclick="mobile_open_menu()" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/menu_icon.png?v=122660846733328934311643622939" id="menu_icon" loading="lazy" width height/>
<img class="mobile_header_icon" id="cross_icon" onclick="mobile_open_menu()" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/cross.png?v=168481642318567246691643622937" style="display: none" id="cross_icon" loading="lazy" width height/>
</div>
</div>
<script onload="update_cart_count()">
var background_color = '#fafafa';
function update_cart_count(){
fetch('/cart.js')
.then(response => response.json())
.then(data => {
console.log(data);
var total_count = 0;
for(var index in data.items){
var item = data.items[index];
total_count += item.quantity;
};
document.getElementById("cart_count").innerHTML = total_count;
});
}
</script>
<div class="header_links mobile" style="display: none" id="header_links">
<a class="header_link black" href="/pages/books">Books</a>
<a class="header_link black" href="/pages/news">News</a>
<a class="header_link black" href="/pages/about">About</a>
<a class="header_link black" href="/pages/submissions">Submissions</a>
<a class="header_link black" href="/pages/education">Education</a>
</div>
</div>
<script>
function mobile_open_menu(){
var menu_icon = document.getElementById("menu_icon");
var cross_icon = document.getElementById("cross_icon");
var header_links = document.getElementById("header_links");
if(header_links.style.display == "none"){
header_links.style.display = "flex";
cross_icon.style.display = "";
menu_icon.style.display = "none";
}else{
header_links.style.display = "none";
cross_icon.style.display = "none";
menu_icon.style.display = "";
}
}
</script>
</div><div id="shopify-section-template--15356181545135__home_landing" class="shopify-section"><style>
.home_landing {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 160px;
align-items: center;
padding-bottom: 160px;
background-color: #228899;
position: relative;
color: #FAFAFA;
overflow: hidden;
}
.home_text_div{
display: flex;
flex-direction: column;
width: 40%;
}
.home_book{
position: absolute;
object-fit: contain;
width: 30%;
height: auto;
top: 25%;
}
@media only screen and (min-width: 2000px){
.home_book{
width: auto;
height: 80%;
}
}
.home_book_left{
left: -5%;
}
.home_book_left:hover{
opacity: 70%;
}
.home_book_right{
right: -5%;
}
.home_book_right:hover{
opacity: 70%;
}
@media only screen and (min-width: 2000px){
.home_book_left{
left: -5%;
top: 10%;
margin-bottom: 0px;
}
.home_book_right{
right: -5%;
top: 10%;
margin-bottom: 0px;
}
}
.home_landing_paragraph{
padding-top: 40px;
color: #fafafa;
}
.home_faces{
width: 350px;
height: auto;
align-self: center;
object-fit: contain;
}
@media only screen and (min-width: 2000px){
.home_faces{
width: 20vw;
margin: 1vw;
}
.home_landing{
padding-top: 5vw;
padding-bottom: 5vw;
}
}
@media only screen and (max-width: 800px){
.home_text_div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 40px;
width: auto;
}
.home_landing {
padding: 0px;
padding-top: 40px;
padding-bottom: 40px;
align-items: stretch;
}
.home_book {
width: 150px;
height: 500px;
}
.home_book_right {
right: -120px;
margin-top: 30%;
}
.home_book_left{
left: -120px;
margin-bottom: 30%;
}
.home_faces {
width: 50%;
}
}
</style>
<div class="home_landing">
<a href="/products/rafflesrenounced">
<img src="//cdn.shopify.com/s/files/1/0754/0317/products/raffles-front-cover.png?v=1638085089&width=500" width height class='home_book home_book_left' />
</a>
<a href="/products/a-history-of-amnesia">
<img src="//cdn.shopify.com/s/files/1/0754/0317/products/Web-A-History-of-Amnesia-Front.png?v=1638088799&width=500" width height class='home_book home_book_right' />
</a>
<div class="home_text_div">
<div>
<h1>Ethos Books is an independent publisher of literary fiction, non-fiction, and poetry based in Singapore.</h1>
</div>
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/front_page_faces.png?v=86118639180952787311643622939" alt="ethos face icons" class="home_faces" />
<p class="home_landing_paragraph">
Giving voice to emerging and exciting writers from diverse backgrounds, we help foster an environment in which literature and the arts not only survive, but thrive. In short, we nurture the growing literary community in Singapore and throughout the region.
<br><br>
That's why our authors and their ideas come first. By taking a collaborative approach to publishing, we bring each author‘s voice and vision to fruition. We are always open to new ideas: different ways of working and fresh ways of delivering the unparalleled satisfaction only a good book can bring.
<br><br>
Established in Singapore in 1997, Ethos Books, an imprint of Pagesetters Services Pte Ltd, aims to create books that capture the spirit of a people and reflect the ethos of our changing times.
</p>
</div>
</div>
</div><div id="shopify-section-template--15356181545135__16438561061e1fa887" class="shopify-section">
<style>
.featured_book_heading_div{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
}
@media only screen and (max-width: 800px){
.featured_book_heading_div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px;
}
}
@media only screen and (min-width: 2000px){
.featured_book_heading_div{
padding: 2vw;
padding-bottom: 0px;
justify-content: center;
align-items: center;
}
}
.see_book_div{
padding: 10px;
padding-bottom: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 800px){
.see_book_div{
padding: 20px;
}
}
.featured_book_section{
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
}
.book_details_subdiv{
display: block;
}
</style>
<div class="featured_book_section">
<div class="book_details_subdiv">
<div class="featured_book_heading_div">
<h3 class="subtitle">Featured</h3>
</div>
<style>
.product_snippet_div {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
padding-top: 40px;
padding-left: 40px;
padding-bottom: 40px;
}
@media only screen and (max-width: 800px){
.product_snippet_div {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 2000px){
.product_snippet_div{
padding: 80px;
padding-right: 0px;
justify-content: center;
align-items: center;
}
}
.product-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}
@media only screen and (max-width: 800px){
.product-header {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
align-items: stretch;
}
}
@media only screen and (min-width: 2000px){
.product-header{
justify-content: center;
}
}
.product-detail {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 50%;
padding-right: 20px;
}
@media only screen and (max-width: 800px){
.product-detail {
align-items: center;
width: auto;
padding: 0px;
}
}
@media only screen and (min-width: 2000px){
.product-detail{
width: 40%;
padding: 2vw;
}
}
.product_image {
height: 100%;
width: auto;
object-fit: contain;
padding: 5px;
}
@media only screen and (max-width: 800px){
.product_image {
height: 100%;
width: 60%;
margin-right: 20px;
}
}
.author_detail_div {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 800px){
.author_detail_div {
justify-content: space-between;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 2000px){
.author_detail_div{
margin-bottom: 20px;
}
}
.book_detail_button_div {
flex-direction: row;
}
@media only screen and (max-width: 800px){
.book_detail_button_div{
flex-direction: column-reverse;
}
}
.detail_button{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
background-color: #B9D4DA;
border-radius: 10px;
color: #222222;
cursor: pointer;
}
.title_description{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.book-cover-div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 40%;
}
@media only screen and (max-width: 800px){
.book-cover-div {
width: auto;
}
}
.date-price-div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding-top: 20px;
}
.book-cover-images {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
text-decoration: none;
height: auto;
overflow-x: scroll;
overflow-y: clip;
margin-bottom: 20px;
}
@media only screen and (max-width: 800px){
.book-cover-images {
overflow-x: scroll;
}
}
@media only screen and (min-width: 2000px){
.book-cover-images{
height: 100%;
justify-content: center;
}
}
.tags_div {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.price_div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 800px){
.price_div {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
padding: 20px;
}
}
.details_fill{
display: flex;
height: 100%;
}
.product-description-div{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 20px;
}
.product-description-div p{
text-align: left;
}
@media only screen and (max-width: 800px){
.product-description-div {
align-items: stretch;
padding-bottom: 10px;
width: 100%;
}
}
.book-details{
display: flex;
width: 20%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 20px;
}
@media only screen and (max-width: 800px){
.book-details{
width: auto;
justify-content: center;
align-items: center;
}
}
@media only screen and (min-width: 2000px){
.book-details{
width: 80%;
}
}
iframe{
width: 100%;
border: none;
overflow: auto;
height: 200px;
}
.book_snippet_title{
margin-bottom: 40px;
}
@media only screen and (max-width: 800px){
.book_snippet_title{
margin-bottom: 20px;
}
}
.tap_to_see_back {
padding: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 800px){
.tap_to_see_back{
display: none;
}
}
.slide_to_see_covers{
display: none;
}
.show_mobile{
display: none;
}
.hide_mobile{
}
@media only screen and (max-width: 800px){
.show_mobile{
display: block;
}
.hide_mobile{
display: none;
}
.slide_to_see_covers {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
}
.right_arrow {
width: 50px;
height: auto;
margin-left: 10px;
}
.book_header_description{}
.p3{
}
@media only screen and (max-width: 800px){
.book_header_description{
text-align: left!important;
width: auto;
}
.p3{
text-align: left;
width: auto;
}
}
.product_images_arrows {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 90%;
}
.product_image_arrow{
width: 20px;
height: 20px;
object-fit: contain;
}
.product_image_arrow:hover{
opacity: 90%;
transform: scale(1.05);
cursor: pointer;
}
</style>
<div class="product_snippet_div">
<div class="product-header">
<div class="product-detail">
<div class="product-description-div">
<h1 class="book_snippet_title hide_mobile">Raffles Renounced: Towards a Merdeka History</h1>
<div class="out_stock_out_of_print">
</div>
<p class="book_header_description"><meta charset="utf-8"><br />
<p><span><em></em></span>Why did independent Singapore celebrate two hundred years of its founding as a British colony in 2019? What does Merdeka mean for Singaporeans? And what are the possibilities of doing decolonial history in Singapore? <em>Raffles Renounced: Towards a Merdeka History</em> presents essays by historians, literary scholars and artists which grapple with these questions. The volume also reproduces some of the source material used in the play Merdeka / 獨立 / சுதந்திரம் (Wild Rice, 2019). Taken together, the book shows how the contradictions of independent nationhood haunt Singaporeans' collective and personal stories about Merdeka. It points to the need for a Merdeka history: an open and fearless culture of historical reckoning that not only untangles us from colonial narratives, but proposes emancipatory possibilities.</p><br />
<p><a title="Raffles Renounced Sample Pages" href="https://cdn.shopify.com/s/files/1/0754/0317/files/Raffles_Renounced_Sample_Pages.pdf?v=1609748888" target="_blank"> → Read a preview here</a> </p><br />
<p> </p></p>
</div>
<div class="details_fill"></div>
<div class="author_detail_div">
<p style="margin: 5px">Editors:</p>
<div class="tags_div">
<a class="tag" href="/pages/author?author=Alfian Sa’at">Alfian Sa’at</a>
<a class="tag" href="/pages/author?author= Faris Joraimi"> Faris Joraimi</a>
<a class="tag" href="/pages/author?author= Sai Siew Min"> Sai Siew Min</a>
</div>
</div>
<div class="author_detail_div book_detail_button_div" style="justify-content: space-between;">
</div>
</div>
<div class="book-cover-div">
<h1 class="book_snippet_title show_mobile">Raffles Renounced: Towards a Merdeka History</h1>
<a class="book-cover-images" id="book-cover-images" onclick="reverse_book_covers()">
<img class="product_image" src="//cdn.shopify.com/s/files/1/0754/0317/products/raffles-front-cover_500x.png?v=1638085089" loading="lazy" height width>
<img class="product_image" src="//cdn.shopify.com/s/files/1/0754/0317/products/rafflesbackcover_500x.png?v=1638085089" loading="lazy" height width>
</a>
<div class="tap_to_see_back">
<div class="product_images_arrows">
<img class="product_image_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_left_black.png?v=148792441731432990231643622938" onclick="product_gallery_slide('left')" loading="lazy" height width>
<label>Scroll for more</label>
<img class="product_image_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_right_black.png?v=35699785085536437161643622939" onclick="product_gallery_slide('right')" loading="lazy" height width>
</div>
</div>
<div class="slide_to_see_covers">
<p>Slide to see</p>
<img class="right_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow.png?v=145096951997037315141643622939" loading="lazy" height width>
</div>
</div>
</div>
<div class="book-details" style="display: none" id="book-details">
<p>ISBN: 978-981-14-2038-2 (paperback) | 978-981-14-9023-1 (e-book)<br />
Published: January 2021<br />
Dimension: 150mm x 220mm <br />
Extent: 280<br />
Finish: Paperback</p>
</div>
</div>
<script>
function reverseChildren(parent) {
for (var i = 1; i < parent.childNodes.length; i++){
parent.insertBefore(parent.childNodes[i], parent.firstChild);
}
}
function reverse_book_covers(){
var images = document.getElementById("book-cover-images");
reverseChildren(images);
}
function show_details(){
var details = document.getElementById("book-details");
var details_button = document.getElementById("details_button");
if(details.style.display == "none"){
details.style.display = "flex";
details_button.innerHTML = "Hide product details";
}else{
details.style.display = "none";
details_button.innerHTML = "Show product details";
}
}
function product_gallery_slide(left_right){
var product_gallery = document.getElementById("book-cover-images");
var product_gallery_width = product_gallery.offsetWidth;
var element_width_1 = product_gallery_width / 3
if(left_right == "left"){
product_gallery.scrollLeft -= element_width_1;
}else if(left_right == "right"){
product_gallery.scrollLeft += element_width_1;
}
}
</script>
</div>
<div class="see_book_div">
<a class="ethos_button button_blue" href="/products/rafflesrenounced">Go to book</a>
</div>
</div>
</div><div id="shopify-section-template--15356181545135__16439614545ffa4376" class="shopify-section"><link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/article.css?v=5636484538510719391645433289" rel="stylesheet">
<style>
.featured_article_image{
height: 80vh;
width: auto;
max-width: 100%;
object-fit: contain;
}
@media only screen and (max-width: 800px){
.featured_article_image{
height: 50vh;
}
}
@media only screen and (min-width: 2000px){
.featured_article_image {
height: auto;
width: 30vw;
max-width: 100%;
object-fit: contain;
}
}
</style>
<div class="featured_article_section">
<div class="featured_article_content_section">
<div class="featured_text_column">
<h3 class="subtitle featured_article_subtitle">featured article</h3>
<h1 class="featured_article_title">"In the realm of the personal, we can also do a lot to resist colonial logics" | Decolonising our Natural Heritage panel transcript</h1>
<p>Access the full transcript of Decolonising our Natural Heritage here.</p>
<div class="featured_article_white_space"></div>
<a href="/blogs/news/decolonising-our-natural-heritage" class="ethos_button button_grey featured_article_button">Read more</a>
</div>
<div class="featured_article_column image_column">
<img class="featured_article_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/natural_heritage_ig_500x.png?v=1650532179" loading="lazy" height="1080" width="1080">
</div>
</div>
</div>
</div><div id="shopify-section-template--15356181545135__1656656856ee51408f" class="shopify-section">
<style>
.featured_book_heading_div{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
}
@media only screen and (max-width: 800px){
.featured_book_heading_div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px;
}
}
@media only screen and (min-width: 2000px){
.featured_book_heading_div{
padding: 2vw;
padding-bottom: 0px;
justify-content: center;
align-items: center;
}
}
.see_book_div{
padding: 10px;
padding-bottom: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 800px){
.see_book_div{
padding: 20px;
}
}
.featured_book_section{
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
}
.book_details_subdiv{
display: block;
}
</style>
<div class="featured_book_section">
<div class="book_details_subdiv">
<div class="featured_book_heading_div">
<h3 class="subtitle">Featured</h3>
</div>
<style>
.product_snippet_div {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
padding-top: 40px;
padding-left: 40px;
padding-bottom: 40px;
}
@media only screen and (max-width: 800px){
.product_snippet_div {
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 2000px){
.product_snippet_div{
padding: 80px;
padding-right: 0px;
justify-content: center;
align-items: center;
}
}
.product-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
}
@media only screen and (max-width: 800px){
.product-header {
display: flex;
flex-direction: column-reverse;
justify-content: space-between;
align-items: stretch;
}
}
@media only screen and (min-width: 2000px){
.product-header{
justify-content: center;
}
}
.product-detail {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 50%;
padding-right: 20px;
}
@media only screen and (max-width: 800px){
.product-detail {
align-items: center;
width: auto;
padding: 0px;
}
}
@media only screen and (min-width: 2000px){
.product-detail{
width: 40%;
padding: 2vw;
}
}
.product_image {
height: 100%;
width: auto;
object-fit: contain;
padding: 5px;
}
@media only screen and (max-width: 800px){
.product_image {
height: 100%;
width: 60%;
margin-right: 20px;
}
}
.author_detail_div {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 800px){
.author_detail_div {
justify-content: space-between;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 2000px){
.author_detail_div{
margin-bottom: 20px;
}
}
.book_detail_button_div {
flex-direction: row;
}
@media only screen and (max-width: 800px){
.book_detail_button_div{
flex-direction: column-reverse;
}
}
.detail_button{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
background-color: #B9D4DA;
border-radius: 10px;
color: #222222;
cursor: pointer;
}
.title_description{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.book-cover-div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 40%;
}
@media only screen and (max-width: 800px){
.book-cover-div {
width: auto;
}
}
.date-price-div {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding-top: 20px;
}
.book-cover-images {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
text-decoration: none;
height: auto;
overflow-x: scroll;
overflow-y: clip;
margin-bottom: 20px;
}
@media only screen and (max-width: 800px){
.book-cover-images {
overflow-x: scroll;
}
}
@media only screen and (min-width: 2000px){
.book-cover-images{
height: 100%;
justify-content: center;
}
}
.tags_div {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.price_div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 800px){
.price_div {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
padding: 20px;
}
}
.details_fill{
display: flex;
height: 100%;
}
.product-description-div{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 20px;
}
.product-description-div p{
text-align: left;
}
@media only screen and (max-width: 800px){
.product-description-div {
align-items: stretch;
padding-bottom: 10px;
width: 100%;
}
}
.book-details{
display: flex;
width: 20%;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 20px;
}
@media only screen and (max-width: 800px){
.book-details{
width: auto;
justify-content: center;
align-items: center;
}
}
@media only screen and (min-width: 2000px){
.book-details{
width: 80%;
}
}
iframe{
width: 100%;
border: none;
overflow: auto;
height: 200px;
}
.book_snippet_title{
margin-bottom: 40px;
}
@media only screen and (max-width: 800px){
.book_snippet_title{
margin-bottom: 20px;
}
}
.tap_to_see_back {
padding: 5px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 800px){
.tap_to_see_back{
display: none;
}
}
.slide_to_see_covers{
display: none;
}
.show_mobile{
display: none;
}
.hide_mobile{
}
@media only screen and (max-width: 800px){
.show_mobile{
display: block;
}
.hide_mobile{
display: none;
}
.slide_to_see_covers {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
}
.right_arrow {
width: 50px;
height: auto;
margin-left: 10px;
}
.book_header_description{}
.p3{
}
@media only screen and (max-width: 800px){
.book_header_description{
text-align: left!important;
width: auto;
}
.p3{
text-align: left;
width: auto;
}
}
.product_images_arrows {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 90%;
}
.product_image_arrow{
width: 20px;
height: 20px;
object-fit: contain;
}
.product_image_arrow:hover{
opacity: 90%;
transform: scale(1.05);
cursor: pointer;
}
</style>
<div class="product_snippet_div">
<div class="product-header">
<div class="product-detail">
<div class="product-description-div">
<h1 class="book_snippet_title hide_mobile">Ethos Gift Card</h1>
<div class="out_stock_out_of_print">
</div>
<p class="book_header_description"><p>From one reader to another, we’re asking for your help to keep independent publishing alive by making a small contribution to support our work.</p><br />
<p>Your material support will help us ride through this storm so we can continue publishing critical works that speak truth to power. Thank you for your solidarity.<br></p><br />
<p>Our gift cards are delivered by email and contain instructions to redeem them at checkout.</p><br />
<p>They have no additional processing fees and they expire 12 months after the date of purchase. </p></p>
</div>
<div class="details_fill"></div>
<div class="author_detail_div">
</div>
<div class="author_detail_div book_detail_button_div" style="justify-content: space-between;">
</div>
</div>
<div class="book-cover-div">
<h1 class="book_snippet_title show_mobile">Ethos Gift Card</h1>
<a class="book-cover-images" id="book-cover-images" onclick="reverse_book_covers()">
<img class="product_image" src="//cdn.shopify.com/s/files/1/0754/0317/products/voucher_500x.jpg?v=1628662713" loading="lazy" height width>
</a>
<div class="tap_to_see_back">
<div class="product_images_arrows">
<img class="product_image_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_left_black.png?v=148792441731432990231643622938" onclick="product_gallery_slide('left')" loading="lazy" height width>
<label>Tap image to see more</label>
<img class="product_image_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_right_black.png?v=35699785085536437161643622939" onclick="product_gallery_slide('right')" loading="lazy" height width>
</div>
</div>
<div class="slide_to_see_covers">
<p>Slide to see</p>
<img class="right_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow.png?v=145096951997037315141643622939" loading="lazy" height width>
</div>
</div>
</div>
<div class="book-details" style="display: none" id="book-details">
<p></p>
</div>
</div>
<script>
function reverseChildren(parent) {
for (var i = 1; i < parent.childNodes.length; i++){
parent.insertBefore(parent.childNodes[i], parent.firstChild);
}
}
function reverse_book_covers(){
var images = document.getElementById("book-cover-images");
reverseChildren(images);
}
function show_details(){
var details = document.getElementById("book-details");
var details_button = document.getElementById("details_button");
if(details.style.display == "none"){
details.style.display = "flex";
details_button.innerHTML = "Hide product details";
}else{
details.style.display = "none";
details_button.innerHTML = "Show product details";
}
}
function product_gallery_slide(left_right){
var product_gallery = document.getElementById("book-cover-images");
var product_gallery_width = product_gallery.offsetWidth;
var element_width_1 = product_gallery_width / 3
if(left_right == "left"){
product_gallery.scrollLeft -= element_width_1;
}else if(left_right == "right"){
product_gallery.scrollLeft += element_width_1;
}
}
</script>
</div>
<div class="see_book_div">
<a class="ethos_button button_blue" href="/products/gift-card">See product</a>
</div>
</div>
</div><div id="shopify-section-template--15356181545135__events" class="shopify-section">
<style>
.events_section {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
padding-top: 80px;
padding-bottom: 80px;
overflow-x: hidden;
height: auto;
}
.events_articles {
display: flex;
flex-direction: row;
overflow-x: auto;
margin-bottom: 40px;
width: 100%;
height: auto;
justify-content: stretch;
align-items: stretch;
}
@media only screen and (min-width: 2000px){
.events_articles{
justify-content: space-between;
}
}
.news_left_right_arrows{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
}
@media only screen and (max-width: 800px){
.news_left_right_arrows{
display: none;
}
}
.event_button_div{
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div class="events_section">
<div class="title_div">
<h1>Latest Events</h1>
</div>
<div id="events_articles" class="events_articles">
<style>
.event_thumbnail {
color: #222222;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.event_thumbnail:hover{
opacity: 80%;
background-color: rgba(1,1,1,0);
}
.event_image {
width: auto;
object-fit: cover;
height: 300px;
margin-bottom: 10px;
}
@media only screen and (max-width: 800px){
.event_image{
height: 150px;
}
}
@media only screen and (min-width: 2000px){
.event_image{
height: 15vw;
max-width: 100%;
}
}
</style>
<a class="event_thumbnail" href="/blogs/news/meeting-in-the-middle-doing-being-intersections-of-community-organising">
<img class="event_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/MITM-01small_500x.png?v=1646994677" loading="lazy" height="2500" width="2500">
<p>
Access the full transcript of Doing & Being: Intersections of Community Organising here.
...</p>
</a>
<style>
.event_thumbnail {
color: #222222;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.event_thumbnail:hover{
opacity: 80%;
background-color: rgba(1,1,1,0);
}
.event_image {
width: auto;
object-fit: cover;
height: 300px;
margin-bottom: 10px;
}
@media only screen and (max-width: 800px){
.event_image{
height: 150px;
}
}
@media only screen and (min-width: 2000px){
.event_image{
height: 15vw;
max-width: 100%;
}
}
</style>
<a class="event_thumbnail" href="/blogs/news/decolonising-our-natural-heritage">
<img class="event_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/natural_heritage_ig_500x.png?v=1650532179" loading="lazy" height="1080" width="1080">
<p>Access the full transcript of Decolonising our Natural Heritage here.</p>
</a>
<style>
.event_thumbnail {
color: #222222;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.event_thumbnail:hover{
opacity: 80%;
background-color: rgba(1,1,1,0);
}
.event_image {
width: auto;
object-fit: cover;
height: 300px;
margin-bottom: 10px;
}
@media only screen and (max-width: 800px){
.event_image{
height: 150px;
}
}
@media only screen and (min-width: 2000px){
.event_image{
height: 15vw;
max-width: 100%;
}
}
</style>
<a class="event_thumbnail" href="/blogs/news/treasures-from-our-forests">
<img class="event_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/treasures_block_9f960423-f13f-49ae-81a1-4b57deb15189_500x.png?v=1659593951" loading="lazy" height="1080" width="1080">
<p>Access the full transcript of Treasures from our Forests here.</p>
</a>
<style>
.event_thumbnail {
color: #222222;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.event_thumbnail:hover{
opacity: 80%;
background-color: rgba(1,1,1,0);
}
.event_image {
width: auto;
object-fit: cover;
height: 300px;
margin-bottom: 10px;
}
@media only screen and (max-width: 800px){
.event_image{
height: 150px;
}
}
@media only screen and (min-width: 2000px){
.event_image{
height: 15vw;
max-width: 100%;
}
}
</style>
<a class="event_thumbnail" href="/blogs/news/book-launch-of-potong-from-page-to-stage">
<img class="event_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/Potong_Launch_2_IG_smol_500x.png?v=1652764998" loading="lazy" height="2048" width="2048">
<p>Access the full transcript of Potong book launch here.</p>
</a>
</div>
<div class="news_left_right_arrows">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_left_black.png?v=148792441731432990231643622938" loading='lazy' width height class="news_arrow" onclick="gallery_slide('left')">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_right_black.png?v=35699785085536437161643622939" loading='lazy' width height class="news_arrow" onclick="gallery_slide('right')">
</div>
<div class="event_button_div">
<a class="ethos_button" href="/pages/events-1">Discover Events</a>
</div>
</div>
<script>
var news_row_1 = document.getElementById("events_articles");
var row_width = news_row_1.offsetWidth;
var element_width = row_width / 4;
function gallery_slide(left_right){
if(left_right == "left"){
news_row_1.scrollLeft -= element_width;
}else if(left_right == "right"){
news_row_1.scrollLeft += element_width;
}
}
</script>
</div><div id="shopify-section-template--15356181545135__collections" class="shopify-section"><style>
.collections{
display: flex;
padding: 40px;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.collections_row {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
@media only screen and (min-width: 2000px){
.collections_row{
justify-content: center;
}
}
@media only screen and (max-width: 800px){
.collections_row {
flex-direction: column;
justify-content: stretch;
align-items: stretch;
}
}
.collection_block {
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
flex-direction: row;
width: 45%;
margin-right: 20px;
border-radius: 10px;
align-items: center;
justify-content: flex-start;
color: #222222;
margin-bottom: 20px;
transition: 0.15s;
}
@media only screen and (min-width: 2000px){
.collection_block{
width: 30%;
padding: 2vw;
margin: 1vw;
border-radius: 1vw;
}
}
@media only screen and (max-width: 800px){
.collection_block {
padding: 20px;
width: auto;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}
}
.collection_circle{
width: 40px;
height: 40px;
border-radius: 50%;
background-color: black;
opacity: 20%;
margin-right: 20px;
}
@media only screen and (min-width: 2000px){
.collection_circle{
width: 2vw;
height: 2vw;
margin: 1vw;
}
}
.collections_header{
font-family: "Standard Book";
font-size: 30px;
line-height: 40px;
}
@media only screen and (min-width: 2000px){
.collections_header{
font-size: 50px;
line-height: 60px;
}
}
@media only screen and (max-width: 800px){
.collection_circle{
width: 20px;
height: 20px;
}
.collections_header{
font-size: 20px;
text-align: left;
width: auto;
}
}
</style>
<div class="collections" id="collections_link_blocks">
<div class="title_div">
<h1>Collections</h1>
</div>
<div class="collections_row">
<a class="collection_block creative_non_fiction" href="/collections/creative-non-fiction">
<div class="collection_circle"></div>
<h1 class="collections_header">Creative Non-Fiction</h1>
</a>
<a class="collection_block fiction" href="/collections/fiction">
<div class="collection_circle"></div>
<h1 class="collections_header">Fiction</h1>
</a>
</div>
<div class="collections_row">
<a class="collection_block non_fiction" href="/collections/non-fiction">
<div class="collection_circle"></div>
<h1 class="collections_header">Non-Fiction</h1>
</a>
<a class="collection_block poetry" href="/collections/poetry">
<div class="collection_circle"></div>
<h1 class="collections_header">Poetry</h1>
</a>
</div>
</div>
<!-- TODO: collections can be settings -> so that the name and collection is configurable -->
<!-- TODO: default collections can be fiction, non-fiction, poetry, creative non-fiction --></div><div id="shopify-section-template--15356181545135__tag_sliders" class="shopify-section"><link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/tags_bar.css?v=142080399060743087861645433292" rel="stylesheet">
<div class="tag_sliders" id="tags_sliders">
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/tags_bar.css?v=142080399060743087861645433292" rel="stylesheet">
<div class="tags_bar">
<a href="/collections/all/anthologies" class="tag">Anthologies</a>
<a href="/collections/all/critiques-commentaries" class="tag">Critiques & Commentaries</a>
<a href="/collections/all/culture-community" class="tag">Culture & Community</a>
<a href="/collections/all/decolonial-literature" class="tag">Decolonial Literature</a>
<a href="/collections/all/environment" class="tag">Environment</a>
<a href="/collections/all/essays" class="tag">Essays</a>
<a href="/collections/all/heritage" class="tag">Heritage</a>
<a href="/collections/all/history" class="tag">History</a>
<a href="/collections/all/humour-satire" class="tag">Humour & Satire</a>
<a href="/collections/all/memoirs" class="tag">Memoirs</a>
<a href="/collections/all/mental-health-disability" class="tag">Mental Health & Disability</a>
<a href="/collections/all/novels" class="tag">Novels</a>
<a href="/collections/all/plays" class="tag">Plays</a>
<a href="/collections/all/race-gender" class="tag">Race & Gender</a>
<a href="/collections/all/short-stories" class="tag">Short Stories</a>
<a href="/collections/all/singapore-politics-history" class="tag">Singapore Politics & History</a>
<a href="/collections/all/speculative-fantasy" class="tag">Speculative & Fantasy</a>
<a href="/collections/all/young-readers" class="tag">Young Readers</a>
</div>
</div>
</div><div id="shopify-section-template--15356181545135__news" class="shopify-section"><style>
.news_section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
overflow-x: hidden;
background-color: #DD5D44;
}
.news_articles {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
margin-bottom: 20px;
margin-top: 20px;
max-width: 100%;
}
@media only screen and (max-width: 800px){
.news_articles {
display: none;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
margin-bottom: 20px;
margin-top: 20px;
}
}
.news_articles_mobile {
display: none;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
margin-bottom: 20px;
margin-top: 20px;
max-width: 100%;
}
@media only screen and (max-width: 800px){
.news_articles_mobile {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
margin-bottom: 20px;
margin-top: 20px;
}
}
.news_row {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
overflow-x: hidden;
}
@media only screen and (max-width: 800px){
.news_row {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow-x: auto;
}
}
.news_button_div{
display: flex;
justify-content: center;
align-items: center;
}
.news_article {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding: 20px;
max-width: 50%;
text-decoration: none;
color: #222222;
min-width: 25%;
border-radius: 5px;
transition: 0.15s;
}
@media only screen and (min-width: 2000px){
.news_article{
min-width: 20%;
padding: 1.5vw;
}
}
@media only screen and (max-width: 800px){
.news_article {
padding: 20px;
justify-content: space-between;
align-items: space-between;
text-align: left;
width: 60%;
max-width: inherit;
min-width: inherit;
}
}
.news_article:hover{
background-color: #864231;
color: #FAFAFA;
}
.read-more-link{
display: flex;
flex-direction: row;
padding: 4px;
text-decoration: none;
justify-content: center;
align-items: center;
}
.news_links{
display: flex;
justify-content: space-between;
text-decoration: none;
}
@media only screen and (min-width: 2000px){
.news_links{
margin-top: 2vw;
}
}
.news_article_header {
font-weight: normal;
font-style: normal;
font-size: 25px;
margin-bottom: 20px;
}
@media only screen and (min-width: 2000px){
.news_article_header{
font-size: 40px;
line-height: 50px;
}
}
@media only screen and (max-width: 800px){
.news_article_header{
font-size: 18px;
}
}
.news_left_right_arrows{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 10px;
}
@media only screen and (max-width: 800px){
.news_left_right_arrows{
display: none;
}
}
.news_arrow{
width: 30px;
height: 30px;
padding: 2px;
cursor: pointer;
object-fit: contain;
}
@media only screen and (min-width: 2000px){
.news_arrow{
width: 50px;
height: 50px;
padding: 10px;
}
}
.headline_mobile{}
@media only screen and (max-width: 800px){
.headline_mobile{
display: none;
}
}
.news_headline_arrow{
height: 15px;
width: auto;
object-fit: contain;
margin-left: 10px;
}
@media only screen and (min-width: 2000px){
.news_headline_arrow{
height: 1vw;
}
}
</style>
<div class="news_section">
<div class="title_div">
<h1>News</h1>
</div>
<div class="news_articles">
<div class="news_row" id="news_row_1">
<a class="news_article" href="/blogs/news/mastering-the-art-of-lightness" id="Mastering the Art of Lightness">
<h1 class="news_article_header">Mastering the Art of Lightness</h1>
<div class="news_links">
<p>Aug 15, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/in-the-comfort-of-books" id="In the Comfort of Books">
<h1 class="news_article_header">In the Comfort of Books</h1>
<div class="news_links">
<p>Aug 11, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/treasures-from-our-forests" id=""We need to see what we have in this piece of land in its own right as a precious living being that has existed for a long time" | Treasures from our Forests panel transcript">
<h1 class="news_article_header">"We need to see what we have in this piece of land in its own right as a precious living being that has existed for a long time" | Treasures from our Forests panel transcript</h1>
<div class="news_links">
<p>Aug 10, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/we-are-not-alone" id="We are not alone">
<h1 class="news_article_header">We are not alone</h1>
<div class="news_links">
<p>Jul 30, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/book-launch-of-how-we-live-now" id=""Writing like yourself or representing yourself on the page is also liberating" | Book Launch of How We Live Now">
<h1 class="news_article_header">"Writing like yourself or representing yourself on the page is also liberating" | Book Launch of How We Live Now</h1>
<div class="news_links">
<p>Jul 28, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/spring-cleaning" id="Spring Cleaning">
<h1 class="news_article_header">Spring Cleaning</h1>
<div class="news_links">
<p>Jul 26, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/ethos-books-second-charm-pop-up" id="Ethos Books Second Charm POP-UP!">
<h1 class="news_article_header">Ethos Books Second Charm POP-UP!</h1>
<div class="news_links">
<p>Jul 21, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/imperfect-pages-sauce-on-the-side" id="Imperfect pages, sauce on the side">
<h1 class="news_article_header">Imperfect pages, sauce on the side</h1>
<div class="news_links">
<p>Jul 18, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
</div>
<div class="news_left_right_arrows">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_left_black.png?v=148792441731432990231643622938" loading='lazy' width height class="news_arrow" onclick="gallery_slide_news('news_row_1','left')">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_right_black.png?v=35699785085536437161643622939" loading='lazy' width height class="news_arrow" onclick="gallery_slide_news('news_row_1','right')">
</div>
<div class="news_row" id="news_row_2">
<a class="news_article" href="/blogs/news/meeting-in-the-middle-doing-being-intersections-of-community-organising" id=""Communities are the backbone of civil society activism" | Meeting in the Middle | Doing & Being: Intersections of Community Organising">
<h1 class="news_article_header">"Communities are the backbone of civil society activism" | Meeting in the Middle | Doing & Being: Intersections of Community Organising</h1>
<div class="news_links">
<p>Jul 13, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/calm-deflection" id="Calm deflection">
<h1 class="news_article_header">Calm deflection</h1>
<div class="news_links">
<p>Jul 12, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/an-anthology-about-race-and-everything-else" id="An Anthology About Race—and Everything Else">
<h1 class="news_article_header">An Anthology About Race—and Everything Else</h1>
<div class="news_links">
<p>Jul 4, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/decolonising-our-natural-heritage" id=""In the realm of the personal, we can also do a lot to resist colonial logics" | Decolonising our Natural Heritage panel transcript">
<h1 class="news_article_header">"In the realm of the personal, we can also do a lot to resist colonial logics" | Decolonising our Natural Heritage panel transcript</h1>
<div class="news_links">
<p>Jul 4, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/book-launch-of-potong-from-page-to-stage" id=""Do you sever a tie, and is that a form of caring?" | Book Launch of Potong: To Care/Cut">
<h1 class="news_article_header">"Do you sever a tie, and is that a form of caring?" | Book Launch of Potong: To Care/Cut</h1>
<div class="news_links">
<p>Jun 29, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/in-solidarity-with-zakir-hossain" id="In Solidarity With Zakir Hossain">
<h1 class="news_article_header">In Solidarity With Zakir Hossain</h1>
<div class="news_links">
<p>Jun 27, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/will-we-ever-be-old-enough" id="Will we ever be old enough?">
<h1 class="news_article_header">Will we ever be old enough?</h1>
<div class="news_links">
<p>Jun 20, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/far-away-right-here" id="Far Away Right Here">
<h1 class="news_article_header">Far Away Right Here</h1>
<div class="news_links">
<p>Jun 11, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
</div>
<div class="news_left_right_arrows">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_left_black.png?v=148792441731432990231643622938" loading='lazy' width height class="news_arrow" onclick="gallery_slide_news('news_row_2','left')">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/arrow_right_black.png?v=35699785085536437161643622939" loading='lazy' width height class="news_arrow" onclick="gallery_slide_news('news_row_2','right')">
</div>
</div>
<div class="news_articles_mobile">
<div class="news_row" id="news_row_1">
<a class="news_article" href="/blogs/news/mastering-the-art-of-lightness" id="Mastering the Art of Lightness">
<h1 class="news_article_header">Mastering the Art of Lightness</h1>
<div class="news_links">
<p>Aug 15, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/in-the-comfort-of-books" id="In the Comfort of Books">
<h1 class="news_article_header">In the Comfort of Books</h1>
<div class="news_links">
<p>Aug 11, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
<a class="news_article" href="/blogs/news/treasures-from-our-forests" id=""We need to see what we have in this piece of land in its own right as a precious living being that has existed for a long time" | Treasures from our Forests panel transcript">
<h1 class="news_article_header">"We need to see what we have in this piece of land in its own right as a precious living being that has existed for a long time" | Treasures from our Forests panel transcript</h1>
<div class="news_links">
<p>Aug 10, 2022</p>
<p class="read-more-link">Read <img class="news_headline_arrow" src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/right_arrow_black_long.png?v=152198902384777987551643622933" width height loading="lazy"/></p>
</div>
</a>
</div>
</div>
<div class="news_button_div">
<a class="ethos_button button_light_orange" href="/pages/news">More news</a>
</div>
</div>
<script>
function gallery_slide_news(gallery, left_right){
var news_row_1 = document.getElementById("news_row_1");
var news_row_2 = document.getElementById("news_row_2");
var row_width_1 = news_row_1.offsetWidth;
var element_width_1 = row_width_1 / 6;
var row_width_2 = news_row_2.offsetWidth;
var element_width_2 = row_width_2 / 6;
console.log("gallery slide",gallery,left_right);
if(gallery == "news_row_1"){
if(left_right == "left"){
news_row_1.scrollLeft -= element_width_1;
}else if(left_right == "right"){
news_row_1.scrollLeft += element_width_1;
}
}else if(gallery == "news_row_2"){
if(left_right == "left"){
news_row_2.scrollLeft -= element_width_2;
}else if(left_right == "right"){
news_row_2.scrollLeft += element_width_2;
}
}
}
</script>
</div><div id="shopify-section-template--15356181545135__education" class="shopify-section"><link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/title.css?v=115697636513130470321645433293" rel="stylesheet">
<style>
.education_div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: auto;
padding-top: 40px;
}
@media only screen and (min-width: 2000px){
.education_div{
padding-top: 2vw;
}
}
.education_tags_bar {
display: flex;
flex-direction: row;
justify-content: space-evenly;
background-color: #A64633;
color: #FAFAFA;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 0;
padding-right: 0;
overflow-x: auto;
}
@media only screen and (max-width: 800px){
.education_tags_bar{
justify-content: flex-start;
overflow-x: scroll;
}
}
@media only screen and (min-width: 2000px){
.education_tags_bar{
padding-top: 50px;
padding-bottom: 50px;
}
}
.arrow{
padding: 5px;
margin: 5px;
width: 25px;
height: 25px;
object-fit: contain;
}
.education-text-div {
margin-top: 40px;
margin-bottom: 80px;
align-self: center;
}
@media only screen and (min-width: 2000px){
.education-text-div{
width: 50%
}
}
.education_link{
text-decoration: none;
font-family: "Standard Book";
font-size: 20px;
font-weight: 100;
color: #FAFAFA;
padding: 5px;
padding-top: 7px;
}
.education_link:hover{
color: #222222;
background-color: #FAFAFA;
}
@media only screen and (min-width: 2000px){
.education_link{
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 800px){
.education_link {
text-decoration: none;
font-family: "Standard Book";
font-size: 18px;
font-weight: 100;
white-space: nowrap;
margin-left: 10px;
margin-right: 10px;
}
}
</style>
<div style="background-color: #eb9e8f" class="education_div">
<div class="title_div">
<h1>Education</h1>
</div>
<div class="text-div education-text-div">
<p><p>Whether you're a reader who is keen to dig deeper into our books, or a teacher looking to bring our authors into your classroom, Ethos Books believes in supporting and enabling knowledge-sharing, discussion and community building through literature. Check out our school programmes on this page, as well as recommended reading lists and our free book club starter packs to start your very own book club today!</p></p>
</div>
<div class="education_tags_bar">
<a class="education_link" href="/pages/education#school_programmes">School Programmes</a>
<a class="education_link" href="/pages/education#teaching-resources">Teaching Resources</a>
<a class="education_link" href="/pages/education#book-club">Recommended Reads</a>
<a class="education_link" href="/pages/education#book-club">Book Club</a>
<!-- <a class="education_link" href="/pages/education#school">SCHOOL PROGRAMMES</a>
<a class="education_link" href="/pages/education#resources">TEACHING RESOURCES</a>
<a class="education_link" href="/pages/education#recommended">RECOMMENDED READS</a>
<a class="education_link" href="/pages/education#clubs">BOOK CLUBS</a>-->
</div>
</div>
</div><div id="shopify-section-template--15356181545135__attunements" class="shopify-section"><link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/article.css?v=5636484538510719391645433289" rel="stylesheet">
<style>
.attunements_articles {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-start;
margin-bottom: 40px;
}
@media only screen and (max-width: 800px){
.attunements_articles {
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
margin-bottom: 40px;
}
}
.attunements{
display: flex;
flex-direction: column;
padding: 40px;
justify-content: stretch;
background-color: #7AB8C2;
align-items: center;
}
@media only screen and (max-width: 800px){
.attunements {
padding: 20px;
align-items: stretch;
}
}
@media only screen and (min-width: 2000px){
.attunements{
padding: 2vw;
}
}
.attunements_form{
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 40px;
width: 40%;
}
@media only screen and (max-width: 800px){
.attunements_form {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-bottom: 40px;
width: auto;
}
}
.subscribe_button{
font-family: "Standard";
font-weight: 400;
font-size: 14px;
background-color: #A64633;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
color: #FAFAFA;
border-radius: 10px;
}
.attunements-margin{
margin-bottom: 20px;
}
@media only screen and (min-width: 2000px){
.attunements-margin{
width: 50%;
}
}
.attunements_articles_column{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10px;
width: 50%;
}
@media only screen and (max-width: 800px){
.attunements_articles_column{
width: auto;
}
}
.mailchimp_form{
width: 50%;
}
</style>
<div class="attunements" id="attunement">
<div class="title_div attunements-margin">
<h1>Attunement</h1>
</div>
<div class="text-div attunements-margin">
<p>Is life hustling you out of tune? As the week roars by, we invite you to a slice of attunement penned lovingly by our authors, friends, and yours truly. Freshly delivered weekly with care. Intimacy guaranteed. Read selected letters below.</p>
</div>
<div class="articles_gallery">
<!--<div class="attunements_articles_column">-->
<!-- Article Thumbnail that's scattered across pages -->
<!-- requires 'article' variable object to be declared above the snippet -->
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/article.css?v=5636484538510719391645433289" rel="stylesheet">
<a class="article_thumbnail" href="/blogs/news/in-solidarity-with-zakir-hossain">
<img class="article_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/24_June_2022_newsletter_picture_500x.jpg?v=1656296844" loading="lazy" height="1522" width="2048">
<div class="article_thumbnail_content_div">
<h3 class="article_thumbnail_margin thumbnail_header">In Solidarity With Zakir Hossain</h3>
<p class="article_thumbnail_margin">Jun 27, 2022</p>
<p class="article_thumbnail_margin">In today’s Attunement, we would like to express our solidarity with Zakir by highlighting the liv...</p>
</div>
<p>Read more</p>
</a>
<!--</div>-->
<!--<div class="attunements_articles_column">-->
<!-- Article Thumbnail that's scattered across pages -->
<!-- requires 'article' variable object to be declared above the snippet -->
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/article.css?v=5636484538510719391645433289" rel="stylesheet">
<a class="article_thumbnail" href="/blogs/news/will-we-ever-be-old-enough">
<img class="article_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/Old-Enough_-Is-A-Japanese-TV-Show-About-Making-Toddlers-Do-Errands-3_500x.webp?v=1655696259" loading="lazy" height="1000" width="2000">
<div class="article_thumbnail_content_div">
<h3 class="article_thumbnail_margin thumbnail_header">Will we ever be old enough?</h3>
<p class="article_thumbnail_margin">Jun 20, 2022</p>
<p class="article_thumbnail_margin">I don’t seem to have the ability to make mistakes, fail, all while forgiving myself and moving fo...</p>
</div>
<p>Read more</p>
</a>
<!--</div>-->
<!--<div class="attunements_articles_column">-->
<!-- Article Thumbnail that's scattered across pages -->
<!-- requires 'article' variable object to be declared above the snippet -->
<link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/article.css?v=5636484538510719391645433289" rel="stylesheet">
<a class="article_thumbnail" href="/blogs/news/far-away-right-here">
<img class="article_image" src="//cdn.shopify.com/s/files/1/0754/0317/articles/Yu-Mei_s_reading_materials_500x.png?v=1654831462" loading="lazy" height="1634" width="2451">
<div class="article_thumbnail_content_div">
<h3 class="article_thumbnail_margin thumbnail_header">Far Away Right Here</h3>
<p class="article_thumbnail_margin">Jun 11, 2022</p>
<p class="article_thumbnail_margin">I’m not talking about feeling homesick or merely enjoying the rhythms of Singlish.</p>
</div>
<p>Read more</p>
</a>
<!--</div>-->
</div>
<div class="attunements_form">
<!-- <input class="ethos_input" type="email" placeholder="your email" style="margin-bottom: 20px"> -->
<!-- <a class="ethos_button">SUBSCRIBE</a>-->
<a class="ethos_button" href="https://ethosbooks.us10.list-manage.com/subscribe?u=e36e4f1a21aa4d3f22baff790&id=f39f4b9249" target="_blank" rel="noreferrer noopener">Subscribe</a>
</div>
</div>
</div>
</main>
<div id="shopify-section-footer" class="shopify-section"><link type="text/css" href="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/header.css?v=93476179699579307071645433291" rel="stylesheet">
<style>
.footer_div{
display: flex;
flex-direction: column;
padding: 40px;
justify-content: space-between;
align-items: stretch;
}
@media only screen and (max-width: 800px){
.footer_div {
padding: 20px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 2000px){
.footer_div{
padding: 4vw;;
}
}
.payment_icons{
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
@media only screen and (max-width: 800px){
.payment_icons{
display: flex;
align-items: flex-end;
justify-content: center;
}
}
.payment_icon {
width: auto;
height: 30px;
object-fit: contain;
margin-left: 20px;
}
@media only screen and (min-width: 2000px){
.payment_icon{
height: 2vw;
}
}
@media only screen and (max-width: 800px){
.payment_icon{
margin: 5px;
}
}
.footer_site_map {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
margin-top: 20px;
}
.footer_link{
color: #222222;
padding: 5px;
border-radius: 5px;
}
.footer_link:hover{
color: #fafafa;
background-color: #222222;
}
@media only screen and (max-width: 800px){
.footer_link {
color: #222222;
padding: 5px;
border-radius: 5px;
text-align: left;
}
}
.footer_site_map_row {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
}
@media only screen and (max-width: 800px){
.footer_site_map_row {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0px;
flex-wrap: wrap;
}
}
.footer_site_map_column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 28%;
padding-right: 10%;
}
@media only screen and (max-width: 800px){
.footer_site_map_column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 45%;
padding-right: 4%;
margin-top: 4%;
}
}
</style>
<div class="footer_div" style="background-color: #fafafa">
<div class="header_icons">
<a class="header_logo_div" href="/">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/logo_orange_black.png?v=20073517964587441391643622939" alt="ethos books logo" class="header_logo" />
</a>
<div></div>
<div>
<a href="https://www.facebook.com/ethosbooks/" target="_blank" rel="noreferrer noopener">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/ethos_facebook.png?v=130031433622563892721643622939" alt="facebook" class="payment_icon" />
</a>
<a href="https://www.instagram.com/ethosbooks/?hl=en" target="_blank" rel="noreferrer noopener">
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/ethos_instagram.png?v=71961185772336231681643622937" alt="instagram" class="payment_icon" />
</a>
</div>
</div>
<div class="footer_links">
<div class="footer_site_map">
<div class="footer_site_map_row" id="footer_row_1">
<div class="footer_site_map_column">
<a class="bold footer_link">Support</a>
<a class="footer_link" href="/pages/faq">Frequently Asked Questions</a>
<a class="footer_link" href="/pages/contact">Contact Us</a>
<a class="footer_link" href="/pages/privacy">Privacy Policy</a>
</div>
<div class="footer_site_map_column">
<a class="bold footer_link" href="/pages/books">Books</a>
<a class="footer_link" href="/pages/books/#latest-releases">Latest Releases</a>
<a class="footer_link" href="/pages/books#Collections">Collections</a>
<a class="footer_link" href="/pages/books#fiction">Fiction</a>
<a class="footer_link" href="/pages/books#non-Fiction">Non-fiction</a>
<a class="footer_link" href="/pages/books#creative-non-fiction">Creative Non-Fiction</a>
<a class="footer_link" href="/pages/books#Poetry">Poetry</a>
<a class="footer_link" href="/pages/books#e-books">E-books</a>
</div>
<div class="footer_site_map_column">
<a class="bold footer_link" href="/pages/news">News</a>
<a class="footer_link" href="/pages/news#conversations">Conversations</a>
<a class="footer_link" href="/pages/news#new-features">New Features</a>
<a class="footer_link" href="/pages/news#attunement">Attunement</a>
</div>
</div>
<div class="footer_site_map_row" id="footer_row_2">
<div class="footer_site_map_column">
<a class="bold footer_link" href="/pages/about">About</a>
<a class="footer_link" href="/pages/about">About Ethos</a>
<a class="footer_link" href="/pages/about#our_team">Our Team</a>
<a class="footer_link" href="/pages/about#join_us">Internships in Publishing</a>
<a class="footer_link" href="/pages/ethos-authors">Authors</a>
</div>
<div class="footer_site_map_column">
<a class="bold footer_link" href="/pages/submissions">Submissions</a>
<a class="footer_link" href="/pages/submissions">Submit Your Manuscript</a>
</div>
<div class="footer_site_map_column">
<a class="bold footer_link" href="/pages/education">Education</a>
<a class="footer_link" href="/pages/education#school_programmes">School Programmes</a>
<a class="footer_link" href="/pages/education#past-programmes">Past Programmes</a>
<a class="footer_link" href="/pages/education#teaching-resources">Teaching Resources</a>
<a class="footer_link" href="/pages/education#book-club">Book Club Starter Packs</a>
</div>
</div>
</div>
</div>
<div class="payment_icons">
<img src="//cdn.shopify.com/s/files/1/0754/0317/files/grabpay-logo_fdd7d945-99e5-457b-9827-7d783ddf71e5.png?v=1645434177&width=800" width height loading="lazy" class="payment_icon">
<img src="//cdn.shopify.com/s/files/1/0754/0317/files/visa_logo.png?v=1643879166&width=800" width height loading="lazy" class="payment_icon">
<img src="//cdn.shopify.com/s/files/1/0754/0317/files/mc_symbol_opt_73_1x_7ca0445e-23c4-4545-bb11-dd5d80fd73f9.png?v=1643880459&width=800" width height loading="lazy" class="payment_icon">
<!--
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/amex_icon.png?v=168762910364845208641643622939" alt="amex" class="payment_icon" />
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/ms_icon.png?v=122509594423060355701643622939" alt="mastercard" class="payment_icon" />
<br>
<img src="//cdn.shopify.com/s/files/1/0754/0317/t/18/assets/visa_icon.png?v=73229133352890974331643622937" alt="visa" class="payment_icon" />
-->
</div>
</div>
</div>
</body>
</html>
Resolver
Resolver ASN
AS0
Resolver IP
198.18.0.131
Resolver Network Name
Measurement UID
20220819211905.256888_SG_webconnectivity_dc05833b3453a780
Report ID
20220819T210348Z_webconnectivity_SG_55430_n1_NBfwOolxvBXPogNv
Platform
windows
Software Name
ooniprobe-desktop-unattended (3.14.1)
Measurement Engine
ooniprobe-engine (3.14.1)