Add new background images for synopsis sections
This commit introduces several new background images in WebP format, including `synopsis-background-288.webp`, `synopsis-background-384.webp`, `synopsis-background-400.webp`, `synopsis-background-496.webp`, `synopsis-background-600.webp`, and `synopsis-background-700.webp`. Each image includes embedded metadata for creation and modification details. These images are intended to enhance the visual presentation of the synopsis section within the application, improving the overall aesthetic appeal and user engagement.
This commit is contained in:
Nick
parent
afe3c6cc78
commit
82cb5cde02
@ -182,9 +182,94 @@ namespace CatherineLynwood.Controllers
|
||||
Retailer = "Barnes & Noble",
|
||||
Format = "Paperback",
|
||||
CountryGroup = "US"
|
||||
},
|
||||
|
||||
// --- Apple Books (GB/US/CA/AU/IE) ---
|
||||
["apple-ebook-gb"] = new BuyLink
|
||||
{
|
||||
Slug = "apple-ebook-gb",
|
||||
Url = "https://books.apple.com/gb/book/the-alpha-flame/id6747852729",
|
||||
Retailer = "Apple Books",
|
||||
Format = "eBook",
|
||||
CountryGroup = "GB"
|
||||
},
|
||||
["apple-ebook-us"] = new BuyLink
|
||||
{
|
||||
Slug = "apple-ebook-us",
|
||||
Url = "https://books.apple.com/us/book/the-alpha-flame/id6747852729",
|
||||
Retailer = "Apple Books",
|
||||
Format = "eBook",
|
||||
CountryGroup = "US"
|
||||
},
|
||||
["apple-ebook-ca"] = new BuyLink
|
||||
{
|
||||
Slug = "apple-ebook-ca",
|
||||
Url = "https://books.apple.com/ca/book/the-alpha-flame/id6747852729",
|
||||
Retailer = "Apple Books",
|
||||
Format = "eBook",
|
||||
CountryGroup = "CA"
|
||||
},
|
||||
["apple-ebook-au"] = new BuyLink
|
||||
{
|
||||
Slug = "apple-ebook-au",
|
||||
Url = "https://books.apple.com/au/book/the-alpha-flame/id6747852729",
|
||||
Retailer = "Apple Books",
|
||||
Format = "eBook",
|
||||
CountryGroup = "AU"
|
||||
},
|
||||
["apple-ebook-ie"] = new BuyLink
|
||||
{
|
||||
Slug = "apple-ebook-ie",
|
||||
Url = "https://books.apple.com/ie/book/the-alpha-flame/id6747852729",
|
||||
Retailer = "Apple Books",
|
||||
Format = "eBook",
|
||||
CountryGroup = "IE"
|
||||
},
|
||||
|
||||
// --- Kobo (GB/US/CA/AU/IE) ---
|
||||
["kobo-ebook-gb"] = new BuyLink
|
||||
{
|
||||
Slug = "kobo-ebook-gb",
|
||||
Url = "https://www.kobo.com/gb/en/ebook/the-alpha-flame",
|
||||
Retailer = "Kobo",
|
||||
Format = "eBook",
|
||||
CountryGroup = "GB"
|
||||
},
|
||||
["kobo-ebook-us"] = new BuyLink
|
||||
{
|
||||
Slug = "kobo-ebook-us",
|
||||
Url = "https://www.kobo.com/us/en/ebook/the-alpha-flame",
|
||||
Retailer = "Kobo",
|
||||
Format = "eBook",
|
||||
CountryGroup = "US"
|
||||
},
|
||||
["kobo-ebook-ca"] = new BuyLink
|
||||
{
|
||||
Slug = "kobo-ebook-ca",
|
||||
Url = "https://www.kobo.com/ca/en/ebook/the-alpha-flame",
|
||||
Retailer = "Kobo",
|
||||
Format = "eBook",
|
||||
CountryGroup = "CA"
|
||||
},
|
||||
["kobo-ebook-au"] = new BuyLink
|
||||
{
|
||||
Slug = "kobo-ebook-au",
|
||||
Url = "https://www.kobo.com/au/en/ebook/the-alpha-flame",
|
||||
Retailer = "Kobo",
|
||||
Format = "eBook",
|
||||
CountryGroup = "AU"
|
||||
},
|
||||
["kobo-ebook-ie"] = new BuyLink
|
||||
{
|
||||
Slug = "kobo-ebook-ie",
|
||||
Url = "https://www.kobo.com/ie/en/ebook/the-alpha-flame",
|
||||
Retailer = "Kobo",
|
||||
Format = "eBook",
|
||||
CountryGroup = "IE"
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
public BuyController(DataAccess dataAccess)
|
||||
{
|
||||
_dataAccess = dataAccess;
|
||||
@ -193,30 +278,39 @@ namespace CatherineLynwood.Controllers
|
||||
[HttpGet("{slug}")]
|
||||
public async Task<IActionResult> Go(string slug)
|
||||
{
|
||||
if (!Links.TryGetValue(slug, out var link))
|
||||
return NotFound();
|
||||
if (!Links.TryGetValue(slug, out var link)) return NotFound();
|
||||
|
||||
var referer = Request.Headers["Referer"].ToString();
|
||||
var ua = Request.Headers["User-Agent"].ToString();
|
||||
var ua = Request.Headers["User-Agent"].ToString() ?? string.Empty;
|
||||
var referer = Request.Headers["Referer"].ToString() ?? string.Empty;
|
||||
var ip = HttpContext.Connection.RemoteIpAddress?.ToString();
|
||||
var qs = Request.QueryString.HasValue ? Request.QueryString.Value : string.Empty;
|
||||
var page = referer; // or: $"{Request.Scheme}://{Request.Host}{Request.PathBase}{Request.Path}"
|
||||
var countryQS = Request.Query["country"].ToString(); // if you pass ?country=GB for testing
|
||||
|
||||
// session id cookie
|
||||
var sessionId = Request.Cookies["sid"] ?? Guid.NewGuid().ToString("N");
|
||||
if (!Request.Cookies.ContainsKey("sid"))
|
||||
if (HttpMethods.IsHead(Request.Method)) return Redirect(link.Url);
|
||||
if (IsLikelyBot(ua)) return Redirect(link.Url);
|
||||
|
||||
var fetchMode = Request.Headers["Sec-Fetch-Mode"].ToString();
|
||||
if (!string.Equals(fetchMode, "navigate", StringComparison.OrdinalIgnoreCase))
|
||||
return Redirect(link.Url);
|
||||
|
||||
if (!IsOurSiteReferer(referer, Request.Host.Host))
|
||||
return Redirect(link.Url);
|
||||
|
||||
// Ensure we have a first-party session id
|
||||
var sessionId = Request.Cookies["sid"];
|
||||
if (string.IsNullOrEmpty(sessionId))
|
||||
{
|
||||
sessionId = Guid.NewGuid().ToString("N");
|
||||
Response.Cookies.Append("sid", sessionId, new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
SameSite = SameSiteMode.Lax,
|
||||
Secure = true,
|
||||
MaxAge = TimeSpan.FromDays(365)
|
||||
MaxAge = TimeSpan.FromDays(365),
|
||||
Path = "/"
|
||||
});
|
||||
// carry on and log this click
|
||||
}
|
||||
|
||||
// Save click (don’t block the redirect if this fails)
|
||||
_ = await _dataAccess.SaveBuyClick(
|
||||
dateTimeUtc: DateTime.UtcNow,
|
||||
slug: link.Slug,
|
||||
@ -224,17 +318,42 @@ namespace CatherineLynwood.Controllers
|
||||
format: link.Format,
|
||||
countryGroup: link.CountryGroup,
|
||||
ip: ip,
|
||||
country: string.IsNullOrWhiteSpace(countryQS) ? null : countryQS, // optional override
|
||||
country: Request.Query["country"].ToString(),
|
||||
userAgent: ua,
|
||||
referer: referer,
|
||||
page: page,
|
||||
page: referer,
|
||||
sessionId: sessionId,
|
||||
queryString: qs,
|
||||
destinationUrl: link.Url
|
||||
);
|
||||
|
||||
return Redirect(link.Url); // 302
|
||||
return Redirect(link.Url);
|
||||
}
|
||||
|
||||
|
||||
private static bool IsLikelyBot(string ua)
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(ua)) return true; // empty UA, treat as bot
|
||||
var needles = new[]
|
||||
{
|
||||
"bot","crawler","spider","preview","fetch","scan","analyzer",
|
||||
"httpclient","python-requests","facebookexternalhit","Slackbot",
|
||||
"WhatsApp","TelegramBot","Googlebot","AdsBot","Amazonbot",
|
||||
"bingbot","DuckDuckBot","YandexBot","AhrefsBot","SemrushBot",
|
||||
"Applebot","LinkedInBot","Discordbot","Embedly","Pinterestbot"
|
||||
};
|
||||
ua = ua.ToLowerInvariant();
|
||||
return needles.Any(n => ua.Contains(n.ToLowerInvariant()));
|
||||
}
|
||||
|
||||
private static bool IsOurSiteReferer(string referer, string ourHost)
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(referer)) return false;
|
||||
if (!Uri.TryCreate(referer, UriKind.Absolute, out var uri)) return false;
|
||||
// handle www. and subdomains as you prefer
|
||||
return uri.Host.EndsWith(ourHost, StringComparison.OrdinalIgnoreCase);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -195,10 +195,13 @@ namespace CatherineLynwood.Controllers
|
||||
var reviewObjects = new List<Dictionary<string, object>>();
|
||||
double total = 0;
|
||||
|
||||
foreach (var review in reviews.Items.Take(take))
|
||||
foreach (var review in reviews.Items)
|
||||
{
|
||||
total += review.RatingValue;
|
||||
}
|
||||
|
||||
foreach (var review in reviews.Items.Take(take))
|
||||
{
|
||||
reviewObjects.Add(new Dictionary<string, object>
|
||||
{
|
||||
["@type"] = "Review",
|
||||
|
||||
35
CatherineLynwood/Middleware/EnsureSidMiddleware.cs
Normal file
35
CatherineLynwood/Middleware/EnsureSidMiddleware.cs
Normal file
@ -0,0 +1,35 @@
|
||||
namespace CatherineLynwood.Middleware
|
||||
{
|
||||
public class EnsureSidMiddleware
|
||||
{
|
||||
private readonly RequestDelegate _next;
|
||||
public EnsureSidMiddleware(RequestDelegate next) => _next = next;
|
||||
|
||||
public async Task Invoke(HttpContext ctx)
|
||||
{
|
||||
if (!ctx.Request.Cookies.ContainsKey("sid") &&
|
||||
string.Equals(ctx.Request.Method, "GET", StringComparison.OrdinalIgnoreCase))
|
||||
{
|
||||
var accept = ctx.Request.Headers["Accept"].ToString();
|
||||
var fetchMode = ctx.Request.Headers["Sec-Fetch-Mode"].ToString();
|
||||
|
||||
// Only issue on real navigations to HTML
|
||||
if (accept.Contains("text/html", StringComparison.OrdinalIgnoreCase) ||
|
||||
string.Equals(fetchMode, "navigate", StringComparison.OrdinalIgnoreCase))
|
||||
{
|
||||
ctx.Response.Cookies.Append("sid", Guid.NewGuid().ToString("N"), new CookieOptions
|
||||
{
|
||||
HttpOnly = true,
|
||||
SameSite = SameSiteMode.Lax,
|
||||
Secure = true,
|
||||
MaxAge = TimeSpan.FromDays(365),
|
||||
Path = "/"
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
await _next(ctx);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@ -111,6 +111,7 @@ namespace CatherineLynwood
|
||||
app.UseMiddleware<SpamAndSecurityMiddleware>();
|
||||
app.UseMiddleware<HoneypotLoggingMiddleware>();
|
||||
app.UseMiddleware<RedirectMiddleware>();
|
||||
app.UseMiddleware<EnsureSidMiddleware>();
|
||||
|
||||
app.UseHttpsRedirection();
|
||||
app.UseResponseCompression();
|
||||
|
||||
@ -40,32 +40,53 @@
|
||||
<div class="card-body d-flex flex-column">
|
||||
<!-- Trailer -->
|
||||
<div class="trailer-wrapper mb-3">
|
||||
<video id="trailerVideo" playsinline preload="none" class="w-100"></video>
|
||||
<!-- Mobile / tablet: PORTRAIT -->
|
||||
<video id="trailerPortrait"
|
||||
class="w-100 d-block d-lg-none"
|
||||
playsinline
|
||||
preload="none"
|
||||
poster="/images/webp/the-alpha-flame-discovery-trailer-portrait-400.webp"
|
||||
controls>
|
||||
<source src="/videos/the-alpha-flame-discovery-trailer-portrait.mp4" type="video/mp4">
|
||||
Sorry, your browser doesn't support embedded video.
|
||||
</video>
|
||||
|
||||
<!-- Desktop: LANDSCAPE -->
|
||||
<video id="trailerLandscape"
|
||||
class="w-100 d-none d-lg-block"
|
||||
playsinline
|
||||
preload="none"
|
||||
poster="/images/webp/the-alpha-flame-discovery-trailer-landscape-1400.webp"
|
||||
controls>
|
||||
<source src="/videos/the-alpha-flame-discovery-trailer-landscape.mp4" type="video/mp4">
|
||||
Sorry, your browser doesn't support embedded video.
|
||||
</video>
|
||||
|
||||
<button id="trailerPlayBtn" class="trailer-play-btn">
|
||||
<i class="fad fa-play"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Compact trust panel -->
|
||||
<div class="mb-3">
|
||||
<div class="border border-2 border-dark rounded-4 p-3 bg-light">
|
||||
<div class="small text-muted text-uppercase mb-2">Formats & delivery</div>
|
||||
<ul class="list-unstyled small mb-0">
|
||||
<li class="mb-1"><i class="fad fa-gem me-1"></i> Hardback, collector’s edition</li>
|
||||
<li class="mb-1"><i class="fad fa-book me-1"></i> Paperback, bookshop edition</li>
|
||||
<li class="mb-1"><i class="fad fa-shipping-fast me-1"></i> Fast fulfilment in GB and US via our print partner</li>
|
||||
<li><i class="fad fa-store me-1"></i> Also available from Amazon, Waterstones, Barnes & Noble</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- If JS is off, hide the custom play button so native controls are used -->
|
||||
<noscript>
|
||||
<style>
|
||||
#trailerPlayBtn {
|
||||
display: none !important
|
||||
}</style>
|
||||
</noscript>
|
||||
|
||||
<!-- Buy Box -->
|
||||
<div id="buyBox" class="border border-2 border-dark rounded-4 p-3 bg-light mt-auto">
|
||||
<div class="d-flex flex-wrap align-items-center justify-content-between mb-2">
|
||||
<h3 class="h5 mb-2 mb-sm-0">Buy the Book</h3>
|
||||
<small class="text-muted">Best options for your country</small>
|
||||
<small id="buyCountryHint" class="text-muted d-flex align-items-center">
|
||||
<img id="buyCountryFlag" class="me-1 d-none" alt="" width="20" height="14" loading="lazy">
|
||||
<span id="buyCountryText">Best options for your country</span>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Row 1: Direct via Ingram (GB/US only) -->
|
||||
<div id="rowDirect" class="mb-3">
|
||||
<div class="d-flex align-items-center gap-2 mb-2">
|
||||
@ -78,6 +99,7 @@
|
||||
<a id="hardbackLinkSelf"
|
||||
href="/go/ingram-hardback-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-dark w-100"
|
||||
data-retailer="Ingram" data-format="Hardback">
|
||||
<i class="fad fa-gem me-1"></i> Hardback, direct
|
||||
@ -87,6 +109,7 @@
|
||||
<a id="paperbackLinkSelf"
|
||||
href="/go/ingram-paperback-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-dark w-100"
|
||||
data-retailer="Ingram" data-format="Paperback">
|
||||
<i class="fad fa-book me-1"></i> Paperback, direct
|
||||
@ -94,7 +117,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center gap-2 mb-2">
|
||||
<span class="badge bg-dark">Other retailers</span>
|
||||
<span class="small text-muted">From other retailers</span>
|
||||
</div>
|
||||
<!-- Row 2: Amazon -->
|
||||
<div id="rowAmazon" class="mb-3">
|
||||
<div class="row g-2">
|
||||
@ -102,6 +128,7 @@
|
||||
<a id="hardbackLink"
|
||||
href="/go/amazon-hardback-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="Amazon" data-format="Hardback">
|
||||
<i class="fad fa-gem me-1"></i> Hardback, Amazon
|
||||
@ -111,6 +138,7 @@
|
||||
<a id="paperbackLink"
|
||||
href="/go/amazon-paperback-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="Amazon" data-format="Paperback">
|
||||
<i class="fad fa-book me-1"></i> Paperback, Amazon
|
||||
@ -126,6 +154,7 @@
|
||||
<a id="hardbackNational"
|
||||
href="/go/waterstones-hardback-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="National" data-format="Hardback">
|
||||
<i class="fad fa-gem me-1"></i> Hardback, Waterstones
|
||||
@ -135,6 +164,7 @@
|
||||
<a id="paperbackNational"
|
||||
href="/go/waterstones-paperback-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="National" data-format="Paperback">
|
||||
<i class="fad fa-book-open me-1"></i> Paperback, Waterstones
|
||||
@ -143,10 +173,46 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quiet eBook -->
|
||||
<div class="mt-1 small">
|
||||
Prefer Kindle? <a id="kindleLink" href="/go/amazon-kindle-gb" target="_blank" class="link-dark" data-retailer="Amazon" data-format="Kindle">Buy the eBook</a>
|
||||
<!-- Row 4: eBook stores -->
|
||||
<div id="rowEbooks" class="mb-2">
|
||||
<div class="d-flex align-items-center gap-2 mb-2">
|
||||
<span class="badge bg-dark">Instant reading</span>
|
||||
<span class="small text-muted">Choose your preferred store</span>
|
||||
</div>
|
||||
<div class="row g-2">
|
||||
<div class="col-12 col-sm-4">
|
||||
<a id="ebookApple"
|
||||
href="/go/apple-ebook-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="Apple Books" data-format="eBook">
|
||||
<i class="fab fa-apple me-1"></i> Apple Books
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-sm-4">
|
||||
<a id="ebookKobo"
|
||||
href="/go/kobo-ebook-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="Kobo" data-format="eBook">
|
||||
<i class="fad fa-book-open me-1"></i> Kobo
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-sm-4">
|
||||
<a id="ebookKindle"
|
||||
href="/go/amazon-kindle-gb"
|
||||
target="_blank"
|
||||
rel="nofollow noindex"
|
||||
class="btn btn-outline-dark w-100"
|
||||
data-retailer="Amazon" data-format="Kindle">
|
||||
<i class="fab fa-amazon me-1"></i> Kindle
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="mt-2">
|
||||
<a asp-action="HowToBuy" class="link-dark small">See all buying options</a>
|
||||
@ -170,7 +236,7 @@
|
||||
<!-- Social proof: show one standout review near the top -->
|
||||
@if (showReviews)
|
||||
{
|
||||
var top = Model.Items.First();
|
||||
var top = Model.Items.Where(x => x.RatingValue == 5).OrderByDescending(y => y.DatePublished).First();
|
||||
var fullStars = (int)Math.Floor(top.RatingValue);
|
||||
var hasHalfStar = top.RatingValue - fullStars >= 0.5;
|
||||
var emptyStars = 5 - fullStars - (hasHalfStar ? 1 : 0);
|
||||
@ -223,13 +289,14 @@
|
||||
</section>
|
||||
}
|
||||
|
||||
<!-- Synopsis: short teaser with collapse for the full version -->
|
||||
<!-- Synopsis: open on mobile, collapsible on desktop -->
|
||||
<section id="synopsis" class="mb-4">
|
||||
<div class="card character-card">
|
||||
<div class="card character-card text-white" style="background: url('/images/webp/synopsis-background-960.webp'); background-position: center; background-size: cover;">
|
||||
<div class="card-header">
|
||||
<h2 class="card-title h1 mb-0">The Alpha Flame: <span class="fw-light">Discovery</span></h2>
|
||||
<p class="mb-0">Survival, secrets, and sisters in 1983 Birmingham.</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body" id="synopsis-body">
|
||||
<!-- Audio blurb -->
|
||||
<div class="row align-items-center mb-3">
|
||||
@ -243,23 +310,28 @@
|
||||
Your browser does not support the audio element.
|
||||
</audio>
|
||||
</div>
|
||||
<p class="text-center text-muted small mb-0">Listen to Catherine talking about the book</p>
|
||||
<p class="text-center text-white small mb-0">Listen to Catherine talking about the book</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Teaser paragraph -->
|
||||
<!-- Teaser -->
|
||||
<p class="card-text">
|
||||
Set in 1983 Birmingham, The Alpha Flame: Discovery follows the lives of two young women, Beth and Maggie, as they uncover dark family secrets and fight to survive. Gritty and emotionally charged, it explores the bond between two women who refuse to be broken.
|
||||
Set in 1983 Birmingham, nearby Redditch, and Barmouth in Wales, The Alpha Flame: Discovery follows the lives of two young women, Beth and Maggie, as they uncover dark family secrets and fight to survive. Gritty and emotionally charged, it explores the bond between two women who refuse to be broken.
|
||||
</p>
|
||||
|
||||
<!-- Collapse trigger -->
|
||||
<p class="mb-2">
|
||||
<a class="btn btn-outline-dark btn-sm" data-bs-toggle="collapse" href="#fullSynopsis" role="button" aria-expanded="false" aria-controls="fullSynopsis">
|
||||
<!-- Desktop-only: collapse trigger -->
|
||||
<p class="mb-2 d-none d-md-block">
|
||||
<a class="btn btn-outline-light btn-sm"
|
||||
data-bs-toggle="collapse"
|
||||
href="#fullSynopsis"
|
||||
role="button"
|
||||
aria-expanded="false"
|
||||
aria-controls="fullSynopsis">
|
||||
Read full synopsis
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<!-- Full synopsis in collapse -->
|
||||
<!-- One copy of the full synopsis -->
|
||||
<div class="collapse" id="fullSynopsis">
|
||||
<div class="mt-2">
|
||||
<p class="card-text">For Beth, the world is a cold and unforgiving place. Devastation strikes in a single moment, leaving her isolated, shattered, and vulnerable. Alone in the bleak shadows of a city that offers neither refuge nor redemption, she is forced to navigate a relentless cycle of desperation and despair. Every step of her journey tests the limits of her endurance, pushing her into harrowing situations where survival feels like a hollow victory. Beth’s existence is marked by loss, betrayal, and an almost suffocating loneliness that threatens to consume her entirely. Yet, even in the darkest corners of her ordeal, a fragile ember of defiance smoulders within her, a quiet, stubborn refusal to let the world destroy her completely.</p>
|
||||
@ -274,6 +346,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Chapter Previews -->
|
||||
<section id="chapters" class="mt-4">
|
||||
<h2>Chapter Previews</h2>
|
||||
@ -297,7 +371,7 @@
|
||||
</a>
|
||||
<div class="card-body border-top border-3 border-dark">
|
||||
<h3 class="card-title">Chapter 2: The Last Lesson — Maggie</h3>
|
||||
<p class="card-text">On Christmas Eve, Maggie nervously heads out for her driving test...</p>
|
||||
<p class="card-text">On Christmas Eve, Maggie nervously heads out for her driving test not knowing the story that will pan out before her...</p>
|
||||
<div class="text-end"><a asp-action="Chapter2" class="btn btn-dark">Read More</a></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -326,149 +400,247 @@
|
||||
<!-- Trailer source selection + play button -->
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const video = document.getElementById("trailerVideo");
|
||||
const vPortrait = document.getElementById("trailerPortrait");
|
||||
const vLandscape = document.getElementById("trailerLandscape");
|
||||
const playBtn = document.getElementById("trailerPlayBtn");
|
||||
if (!video || !playBtn) return;
|
||||
if (!playBtn) return;
|
||||
|
||||
const isDesktop = window.matchMedia("(min-width: 400px)").matches;
|
||||
video.poster = isDesktop
|
||||
? "/images/webp/the-alpha-flame-discovery-trailer-landscape-1400.webp"
|
||||
: "/images/webp/the-alpha-flame-discovery-trailer-portrait-400.webp";
|
||||
// Which video is currently visible according to Bootstrap’s lg breakpoint (>=992px)?
|
||||
const isDesktop = () => window.matchMedia("(min-width: 992px)").matches;
|
||||
const activeVideo = () => isDesktop() ? vLandscape : vPortrait;
|
||||
|
||||
const src = isDesktop
|
||||
? "/videos/the-alpha-flame-discovery-trailer-landscape.mp4"
|
||||
: "/videos/the-alpha-flame-discovery-trailer-portrait.mp4";
|
||||
|
||||
const sourceEl = document.createElement("source");
|
||||
sourceEl.src = src;
|
||||
sourceEl.type = "video/mp4";
|
||||
video.appendChild(sourceEl);
|
||||
// Hide native controls when JS is active; custom button will start playback
|
||||
[vPortrait, vLandscape].forEach(v => { if (v) v.controls = false; });
|
||||
|
||||
// Start playback on whichever video is visible
|
||||
playBtn.addEventListener("click", () => {
|
||||
video.muted = false;
|
||||
video.volume = 1.0;
|
||||
video.play().then(() => {
|
||||
const v = activeVideo();
|
||||
if (!v) return;
|
||||
v.muted = false;
|
||||
v.volume = 1.0;
|
||||
v.play().then(() => {
|
||||
playBtn.style.display = "none";
|
||||
}).catch(err => {
|
||||
console.warn("Video play failed:", err);
|
||||
}).catch(err => console.warn("Video play failed:", err));
|
||||
});
|
||||
|
||||
// If the user starts via OS overlay/natives, also hide the custom button
|
||||
[vPortrait, vLandscape].forEach(v => {
|
||||
if (!v) return;
|
||||
v.addEventListener("play", () => { playBtn.style.display = "none"; }, { once: true });
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('click', function(e){
|
||||
const a = e.target.closest('a[href^="/go/"]');
|
||||
if (!a || typeof fbq !== 'function') return;
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const el = document.getElementById('fullSynopsis');
|
||||
if (!el || !window.bootstrap?.Collapse) return;
|
||||
|
||||
// Extract slug, retailer/format from attributes if present
|
||||
const slug = a.getAttribute('href').split('/').pop();
|
||||
const retailer = a.dataset.retailer || null;
|
||||
const format = a.dataset.format || null;
|
||||
// Initialise without auto-toggling
|
||||
const c = new bootstrap.Collapse(el, { toggle: false });
|
||||
const mq = window.matchMedia('(min-width: 768px)'); // Bootstrap md
|
||||
|
||||
// Event ID for matching with server-side (CAPI) event
|
||||
const eventId = crypto && crypto.randomUUID ? crypto.randomUUID() : (Date.now() + '-' + Math.random());
|
||||
function setInitial() {
|
||||
if (mq.matches) {
|
||||
// Desktop: keep collapsed
|
||||
c.hide();
|
||||
} else {
|
||||
// Mobile: open by default
|
||||
c.show();
|
||||
}
|
||||
}
|
||||
|
||||
// Attach eventId so the server can read it on the next request (optional)
|
||||
a.dataset.eventId = eventId;
|
||||
|
||||
fbq('trackCustom', 'BuyClick', {
|
||||
slug, retailer, format, page: location.pathname
|
||||
}, {eventID: eventId});
|
||||
setInitial();
|
||||
// Optional: if user resizes across the breakpoint, adjust state
|
||||
mq.addEventListener?.('change', setInitial);
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
// map formats to IDs for richer reporting
|
||||
const CONTENT_IDS = {
|
||||
Hardback: '9781068225802',
|
||||
Paperback: '9781068225819',
|
||||
Kindle: 'B0FBS427VD'
|
||||
};
|
||||
|
||||
function utms() {
|
||||
const p = new URLSearchParams(location.search);
|
||||
return {
|
||||
utm_source: p.get('utm_source') || null,
|
||||
utm_medium: p.get('utm_medium') || null,
|
||||
utm_campaign: p.get('utm_campaign') || null,
|
||||
utm_content: p.get('utm_content') || null,
|
||||
utm_term: p.get('utm_term') || null
|
||||
};
|
||||
}
|
||||
|
||||
document.addEventListener('click', function(e){
|
||||
const a = e.target.closest('a[data-go-slug]');
|
||||
if (!a) return;
|
||||
|
||||
const slug = a.getAttribute('data-go-slug');
|
||||
const goUrl = '/go/' + encodeURIComponent(slug);
|
||||
const target = a.getAttribute('target');
|
||||
const retailer = a.dataset.retailer || null;
|
||||
const format = a.dataset.format || null;
|
||||
const cid = CONTENT_IDS[format] || null;
|
||||
|
||||
// fire FB event if available
|
||||
const params = {
|
||||
content_type: 'product',
|
||||
content_ids: cid ? [cid] : null,
|
||||
content_name: 'The Alpha Flame: Discovery',
|
||||
content_category: 'Books',
|
||||
slug, retailer, format,
|
||||
destination_hint: a.href,
|
||||
page_location: location.href,
|
||||
page_path: location.pathname,
|
||||
page_title: document.title,
|
||||
referrer: document.referrer || null,
|
||||
...utms()
|
||||
};
|
||||
try { if (typeof fbq === 'function') fbq('trackCustom', 'BuyClick', params); } catch {}
|
||||
|
||||
// Left click without modifiers → route via /go/
|
||||
const isLeft = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
|
||||
if (isLeft) {
|
||||
e.preventDefault();
|
||||
setTimeout(() => {
|
||||
if (target === '_blank') {
|
||||
window.open(goUrl, '_blank', 'noopener');
|
||||
} else {
|
||||
window.location.href = goUrl;
|
||||
}
|
||||
}, 150);
|
||||
return;
|
||||
}
|
||||
|
||||
// Middle click or modifier keys → open /go/ in a new tab
|
||||
if (e.button === 1 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
|
||||
e.preventDefault();
|
||||
window.open(goUrl, '_blank', 'noopener');
|
||||
}
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Geo-based slug swap for /go/{retailer}-{format}-{country} + dev override -->
|
||||
<script>
|
||||
(function(){
|
||||
function qsCountryOverride() {
|
||||
const qs = new URLSearchParams(location.search);
|
||||
const c = qs.get('country');
|
||||
return c ? c.toUpperCase() : null;
|
||||
// Direct IngramSpark URLs
|
||||
const INGRAM_PB = "https://shop.ingramspark.com/b/084?params=6easpH54PaugzXFKdF4Tu4Izb0cvkMqbj3ZNlaYBKMJ";
|
||||
const INGRAM_HB = "https://shop.ingramspark.com/b/084?params=GC1p1c8b66Rhfoy6Tq97SJmmhdZSEYuxBcCY5zxNstO";
|
||||
|
||||
// Elements
|
||||
const elKindle = document.getElementById('kindleLink');
|
||||
const elPbSelf = document.getElementById('paperbackLinkSelf');
|
||||
const elHbSelf = document.getElementById('hardbackLinkSelf');
|
||||
const elPbAmazon = document.getElementById('paperbackLink'); // optional
|
||||
const elHbAmazon = document.getElementById('hardbackLink'); // optional
|
||||
const elHbNat = document.getElementById('hardbackNational');
|
||||
const elPbNat = document.getElementById('paperbackNational');
|
||||
|
||||
function show(el){ if (el) el.classList.remove('d-none'); }
|
||||
function hide(el){ if (el) el.classList.add('d-none'); }
|
||||
|
||||
// helper to set both direct href and go slug
|
||||
function setLink(el, directHref, slug) {
|
||||
if (!el) return;
|
||||
el.href = directHref;
|
||||
el.setAttribute('data-go-slug', slug);
|
||||
}
|
||||
|
||||
// Replace trailing "-gb" in slugs with target country code
|
||||
function swapCountrySlug(a, toCountry) {
|
||||
if (!a || !a.href) return;
|
||||
try {
|
||||
const url = new URL(a.href, location.origin);
|
||||
// Slugs are like: /go/amazon-hardback-gb
|
||||
url.pathname = url.pathname.replace(/-(gb|us|ca|au)$/i, '-' + toCountry.toLowerCase());
|
||||
// Also allow passing country through to /go for logging/testing
|
||||
url.searchParams.set('country', toCountry);
|
||||
a.href = url.pathname + url.search;
|
||||
} catch(e) { /* noop */ }
|
||||
window.applyLinks = function applyLinks(code) {
|
||||
const cc = (code || '').toUpperCase();
|
||||
|
||||
// Defaults to US Amazon
|
||||
let kindleHref = "https://www.amazon.com/dp/B0FBS427VD";
|
||||
let pbAmzHref = "https://www.amazon.com/dp/1068225815";
|
||||
let hbAmzHref = "https://www.amazon.com/dp/1068225807";
|
||||
|
||||
// National retailer defaults (GB Waterstones; US B&N)
|
||||
let hbNatHref = "https://www.waterstones.com/book/the-alpha-flame/catherine-lynwood/9781068225802";
|
||||
let pbNatHref = "https://www.waterstones.com/book/the-alpha-flame/catherine-lynwood/9781068225819";
|
||||
let hbNatSlug = "waterstones-hardback-gb";
|
||||
let pbNatSlug = "waterstones-paperback-gb";
|
||||
|
||||
switch (cc) {
|
||||
case 'GB':
|
||||
kindleHref = "https://www.amazon.co.uk/dp/B0FBS427VD";
|
||||
pbAmzHref = "https://www.amazon.co.uk/dp/1068225815";
|
||||
hbAmzHref = "https://www.amazon.co.uk/dp/1068225807";
|
||||
hbNatHref = "https://www.waterstones.com/book/the-alpha-flame/catherine-lynwood/9781068225802";
|
||||
pbNatHref = "https://www.waterstones.com/book/the-alpha-flame/catherine-lynwood/9781068225819";
|
||||
hbNatSlug = "waterstones-hardback-gb";
|
||||
pbNatSlug = "waterstones-paperback-gb";
|
||||
break;
|
||||
case 'US':
|
||||
// keep US Amazon defaults
|
||||
hbNatHref = "https://www.barnesandnoble.com/s/9781068225802";
|
||||
pbNatHref = "https://www.barnesandnoble.com/s/9781068225819";
|
||||
hbNatSlug = "bn-hardback-us";
|
||||
pbNatSlug = "bn-paperback-us";
|
||||
break;
|
||||
case 'CA':
|
||||
kindleHref = "https://www.amazon.ca/dp/B0FBS427VD";
|
||||
pbAmzHref = "https://www.amazon.ca/dp/1068225815";
|
||||
hbAmzHref = "https://www.amazon.ca/dp/1068225807";
|
||||
// keep GB Waterstones/B&N as-is if you prefer not to show national links in CA
|
||||
break;
|
||||
case 'AU':
|
||||
kindleHref = "https://www.amazon.com.au/dp/B0FBS427VD";
|
||||
pbAmzHref = "https://www.amazon.com.au/dp/1068225815";
|
||||
hbAmzHref = "https://www.amazon.com.au/dp/1068225807";
|
||||
break;
|
||||
case 'IE': // Ireland → use Amazon UK by default
|
||||
kindleHref = "https://www.amazon.co.uk/dp/B0FBS427VD";
|
||||
pbAmzHref = "https://www.amazon.co.uk/dp/1068225815";
|
||||
hbAmzHref = "https://www.amazon.co.uk/dp/1068225807";
|
||||
// keep Waterstones GB for national if you show it
|
||||
hbNatHref = "https://www.waterstones.com/book/the-alpha-flame/catherine-lynwood/9781068225802";
|
||||
pbNatHref = "https://www.waterstones.com/book/the-alpha-flame/catherine-lynwood/9781068225819";
|
||||
hbNatSlug = "waterstones-hardback-gb";
|
||||
pbNatSlug = "waterstones-paperback-gb";
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
fetch('https://ipapi.co/json/')
|
||||
.then(r => r.json())
|
||||
.then(data => {
|
||||
const override = qsCountryOverride();
|
||||
const country = (override || data.country_code || 'US').toUpperCase();
|
||||
// Kindle: direct Amazon, route via /go/ on click
|
||||
setLink(elKindle, kindleHref, `amazon-kindle-${cc || 'us'}`);
|
||||
|
||||
// Core anchors
|
||||
const elKindle = document.getElementById("kindleLink");
|
||||
|
||||
const hbAmz = document.getElementById("hardbackLink");
|
||||
const pbAmz = document.getElementById("paperbackLink");
|
||||
|
||||
const hbNat = document.getElementById("hardbackNational");
|
||||
const pbNat = document.getElementById("paperbackNational");
|
||||
const rowNat = document.getElementById("rowNational");
|
||||
|
||||
const rowDirect = document.getElementById("rowDirect");
|
||||
const hbSelf = document.getElementById("hardbackLinkSelf");
|
||||
const pbSelf = document.getElementById("paperbackLinkSelf");
|
||||
|
||||
// Always swap Amazon & Kindle to target country
|
||||
[hbAmz, pbAmz, elKindle].forEach(a => swapCountrySlug(a, country));
|
||||
|
||||
// Ingram Direct row only for GB/US
|
||||
const showDirect = country === "GB" || country === "US";
|
||||
if (rowDirect) rowDirect.classList.toggle("d-none", !showDirect);
|
||||
if (showDirect) {
|
||||
[hbSelf, pbSelf].forEach(a => swapCountrySlug(a, country)); // swap to -gb or -us
|
||||
// Ingram “Self” buttons: direct Ingram in GB/US only; hide elsewhere
|
||||
if (cc === 'GB' || cc === 'US') {
|
||||
setLink(elPbSelf, INGRAM_PB, `ingram-paperback-${cc.toLowerCase()}`);
|
||||
setLink(elHbSelf, INGRAM_HB, `ingram-hardback-${cc.toLowerCase()}`);
|
||||
show(elPbSelf); show(elHbSelf);
|
||||
} else {
|
||||
// If direct hidden, make Amazon buttons solid
|
||||
[hbAmz, pbAmz].forEach(el => el && el.classList.replace("btn-outline-dark", "btn-dark"));
|
||||
hide(elPbSelf); hide(elHbSelf);
|
||||
}
|
||||
|
||||
// National row: Waterstones (GB) or Barnes & Noble (US). Hidden elsewhere.
|
||||
if (country === "GB") {
|
||||
// Keep Waterstones slugs (already -gb), but ensure '?country=GB' param is present
|
||||
[hbNat, pbNat].forEach(a => swapCountrySlug(a, country));
|
||||
if (hbNat) hbNat.textContent = "Hardback, Waterstones";
|
||||
if (pbNat) pbNat.textContent = "Paperback, Waterstones";
|
||||
if (rowNat) rowNat.classList.remove("d-none");
|
||||
} else if (country === "US") {
|
||||
// Switch retailer in slug: waterstones-...-gb -> bn-...-us
|
||||
function switchToBN(a, format) {
|
||||
if (!a) return;
|
||||
try {
|
||||
const url = new URL(a.href, location.origin);
|
||||
url.pathname = url.pathname
|
||||
.replace(/waterstones-(hardback|paperback)-(gb|us|ca|au)/i, (m, _fmt) => {
|
||||
return `bn-${format.toLowerCase()}-us`;
|
||||
});
|
||||
url.searchParams.set('country', 'US');
|
||||
a.href = url.pathname + url.search;
|
||||
} catch(e) {}
|
||||
}
|
||||
switchToBN(hbNat, "Hardback");
|
||||
switchToBN(pbNat, "Paperback");
|
||||
if (hbNat) hbNat.textContent = "Hardback, Barnes & Noble";
|
||||
if (pbNat) pbNat.textContent = "Paperback, Barnes & Noble";
|
||||
if (rowNat) rowNat.classList.remove("d-none");
|
||||
} else {
|
||||
if (rowNat) rowNat.classList.add("d-none");
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
// If geo fails, GB defaults remain; users can still click, and /go logs with country=GB
|
||||
// Amazon print buttons (if present): direct Amazon, route via /go/
|
||||
setLink(elPbAmazon, pbAmzHref, `amazon-paperback-${cc || 'us'}`);
|
||||
setLink(elHbAmazon, hbAmzHref, `amazon-hardback-${cc || 'us'}`);
|
||||
|
||||
// National retailer row: direct URLs, route via /go/
|
||||
setLink(elHbNat, hbNatHref, hbNatSlug);
|
||||
setLink(elPbNat, pbNatHref, pbNatSlug);
|
||||
|
||||
// Toggle any Ingram-only containers you’ve marked
|
||||
document.querySelectorAll('[data-ingram-only="true"]').forEach(x => {
|
||||
if (cc === 'GB' || cc === 'US') x.classList.remove('d-none'); else x.classList.add('d-none');
|
||||
});
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
|
||||
|
||||
}
|
||||
|
||||
@section Meta {
|
||||
@ -481,7 +653,7 @@
|
||||
meta-image-alt="Maggie from 'The Alpha Flame: Discovery' by Catherine Lynwood"
|
||||
og-site-name="Catherine Lynwood - The Alpha Flame: Discovery"
|
||||
article-published-time="@new DateTime(2024, 11, 20)"
|
||||
article-modified-time="@new DateTime(2025, 09, 06)"
|
||||
article-modified-time="@new DateTime(2025, 09, 10)"
|
||||
twitter-card-type="summary_large_image"
|
||||
twitter-site-handle="@@CathLynwood"
|
||||
twitter-creator-handle="@@CathLynwood" />
|
||||
|
||||
@ -23,7 +23,12 @@
|
||||
'https://connect.facebook.net/en_US/fbevents.js');
|
||||
|
||||
fbq('init', '556474687460834');
|
||||
fbq('track', 'PageView');
|
||||
fbq('track', 'PageView', {
|
||||
page_location: location.href,
|
||||
page_path: location.pathname,
|
||||
page_title: document.title,
|
||||
referrer: document.referrer || null
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
<noscript>
|
||||
@ -195,33 +200,41 @@
|
||||
<p>
|
||||
<a class="text-light" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy Policy</a>
|
||||
</p>
|
||||
<p>
|
||||
<a class="text-light" href="#" onclick="manageCookies();return false;">Manage cookies</a>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div id="cookieBanner"
|
||||
class="d-none position-fixed bottom-0 start-0 end-0 bg-light border-top border-3 border-dark shadow-lg"
|
||||
style="z-index: 1080;">
|
||||
<div class="container py-3">
|
||||
<div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2">
|
||||
<div class="me-md-3">
|
||||
<strong class=text-dark>Cookies & privacy.</strong>
|
||||
<span class="text-muted small">
|
||||
We use necessary cookies and, with your permission, marketing cookies (e.g. Meta Pixel) to measure and improve.
|
||||
</span>
|
||||
<div class="modal fade"
|
||||
id="cookieModal"
|
||||
tabindex="-1"
|
||||
aria-labelledby="cookieTitle"
|
||||
aria-hidden="true"
|
||||
data-bs-backdrop="static"
|
||||
data-bs-keyboard="false"
|
||||
data-nosnippet>
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content border border-3 border-dark rounded-4 shadow-lg" data-nosnippet>
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title text-dark" id="cookieTitle">Cookies & privacy</h5>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<button id="cookieReject" type="button" class="btn btn-outline-dark btn-sm">Reject</button>
|
||||
<button id="cookieAccept" type="button" class="btn btn-dark btn-sm">Accept</button>
|
||||
<div class="modal-body" data-nosnippet>
|
||||
<p class="text-dark mb-2">We use necessary cookies and, with your permission, marketing cookies…</p>
|
||||
<p class="small text-muted mb-0">You can change your choice anytime…</p>
|
||||
</div>
|
||||
<div class="modal-footer d-flex gap-2" data-nosnippet>
|
||||
<button type="button" class="btn btn-outline-dark" id="cookieReject">Reject</button>
|
||||
<button type="button" class="btn btn-dark" id="cookieAccept">Accept</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
||||
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="~/js/site.js" asp-append-version="true"></script>
|
||||
@ -237,32 +250,44 @@
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
const banner = document.getElementById('cookieBanner');
|
||||
const consent = localStorage.getItem('marketingConsent');
|
||||
const key = 'marketingConsent';
|
||||
const choice = localStorage.getItem(key);
|
||||
const modalEl = document.getElementById('cookieModal');
|
||||
|
||||
// Show banner if no decision yet
|
||||
if (!consent) banner.classList.remove('d-none');
|
||||
// Bootstrap modal API
|
||||
const modal = new bootstrap.Modal(modalEl, { backdrop: 'static', keyboard: false });
|
||||
|
||||
document.getElementById('cookieAccept')?.addEventListener('click', function () {
|
||||
localStorage.setItem('marketingConsent', 'yes');
|
||||
banner.classList.add('d-none');
|
||||
// reload so the pixel loader in <head> runs
|
||||
location.reload();
|
||||
// Show only if not decided
|
||||
if (!choice) {
|
||||
modal.show();
|
||||
|
||||
// (Optional) nudge after 3s: shake Accept button a bit
|
||||
setTimeout(() => {
|
||||
document.getElementById('cookieAccept')?.classList.add('btn-pulse');
|
||||
setTimeout(()=>document.getElementById('cookieAccept')?.classList.remove('btn-pulse'), 1200);
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
document.getElementById('cookieAccept')?.addEventListener('click', () => {
|
||||
localStorage.setItem(key, 'yes');
|
||||
modal.hide();
|
||||
location.reload(); // loads pixel
|
||||
});
|
||||
|
||||
document.getElementById('cookieReject')?.addEventListener('click', function () {
|
||||
localStorage.setItem('marketingConsent', 'no');
|
||||
banner.classList.add('d-none');
|
||||
document.getElementById('cookieReject')?.addEventListener('click', () => {
|
||||
localStorage.setItem(key, 'no');
|
||||
modal.hide();
|
||||
});
|
||||
|
||||
// Optional: expose a simple “Manage cookies” helper you can call from a footer link
|
||||
// Expose a footer hook to reopen
|
||||
window.manageCookies = function () {
|
||||
banner.classList.remove('d-none');
|
||||
modal.show();
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
window.addEventListener("load", () => {
|
||||
setTimeout(() => {
|
||||
|
||||
BIN
CatherineLynwood/wwwroot/images/jpg/synopsis-background-400.jpg
Normal file
BIN
CatherineLynwood/wwwroot/images/jpg/synopsis-background-400.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
CatherineLynwood/wwwroot/images/synopsis-background.png
Normal file
BIN
CatherineLynwood/wwwroot/images/synopsis-background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 340 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 488 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 664 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user