edition/default.hbs

339 lines
12 KiB
Handlebars

<!DOCTYPE html>
<html lang="{{@site.locale}}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{meta_title}}</title>
<!--start of ghosthead -->
<!--{{ghost_head}}-->
<meta name="description" content="Rose Ash">
<link rel="canonical" href="https://rose-ash.com/">
<meta name="referrer" content="no-referrer-when-downgrade">
<link rel="next" href="https://rose-ash.com/page/2/">
<meta property="og:site_name" content="Rose Ash">
<meta property="og:type" content="website">
<meta property="og:title" content="Rose Ash">
<meta property="og:description" content="Rose Ash">
<meta property="og:url" content="https://rose-ash.com/">
<meta property="og:image" content="https://rose-ash.com/content/images/2024/02/Rose-Ash-1-1030x1030_50.webp">
<meta property="article:publisher" content="https://www.facebook.com/profile.php?id&#x3D;61554103125583">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Rose Ash">
<meta name="twitter:description" content="Rose Ash">
<meta name="twitter:url" content="https://rose-ash.com/">
<meta name="twitter:image" content="https://rose-ash.com/content/images/2024/02/Rose-Ash-1-515x515-1-1.webp">
<meta name="twitter:site" content="@RoseAshVillage">
<meta property="og:image:width" content="515">
<meta property="og:image:height" content="515">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"publisher": {
"@type": "Organization",
"name": "Rose Ash",
"url": "https://rose-ash.com/",
"logo": {
"@type": "ImageObject",
"url": "https://rose-ash.com/content/images/2023/12/rose-ash-logo-1.png"
}
},
"url": "https://rose-ash.com/",
"name": "Rose Ash",
"image": {
"@type": "ImageObject",
"url": "https://rose-ash.com/content/images/2024/10/village-hall.jpeg",
"width": 1140,
"height": 855
},
"mainEntityOfPage": "https://rose-ash.com/",
"description": "Rose Ash"
}
</script>
<meta name="generator" content="Ghost 5.98">
<link rel="alternate" type="application/rss+xml" title="Rose Ash" href="https://rose-ash.com/rss/">
<!--
<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.45/umd/portal.min.js" data-i18n="false" data-ghost="https://rose-ash.com/" data-key="aacb085fdea3a573d127832233" data-api="https://rose-ash.com/ghost/api/content/" crossorigin="anonymous"></script>
-->
<script defer src="{{asset "built/portal.min.js"}}"></script>
<style id="gh-members-styles">.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
display: flex;
flex-direction: column;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
text-align: center;
width: 100%;
color: #ffffff;
font-size: 16px;
}
.gh-post-upgrade-cta-content {
border-radius: 8px;
padding: 40px 4vw;
}
.gh-post-upgrade-cta h2 {
color: #ffffff;
font-size: 28px;
letter-spacing: -0.2px;
margin: 0;
padding: 0;
}
.gh-post-upgrade-cta p {
margin: 20px 0 0;
padding: 0;
}
.gh-post-upgrade-cta small {
font-size: 16px;
letter-spacing: -0.2px;
}
.gh-post-upgrade-cta a {
color: #ffffff;
cursor: pointer;
font-weight: 500;
box-shadow: none;
text-decoration: underline;
}
.gh-post-upgrade-cta a:hover {
color: #ffffff;
opacity: 0.8;
box-shadow: none;
text-decoration: underline;
}
.gh-post-upgrade-cta a.gh-btn {
display: block;
background: #ffffff;
text-decoration: none;
margin: 28px 0 0;
padding: 8px 18px;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
}
.gh-post-upgrade-cta a.gh-btn:hover {
opacity: 0.92;
}</style>
<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.4/umd/sodo-search.min.js" data-key="aacb085fdea3a573d127832233" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.4/umd/main.css" data-sodo-search="https://rose-ash.com/" data-locale="en" crossorigin="anonymous"></script>
<link href="https://rose-ash.com/webmentions/receive/" rel="webmention">
<script defer src="/public/cards.min.js?v=b0101b468a"></script>
<link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=b0101b468a">
<script defer src="/public/comment-counts.min.js?v=b0101b468a" data-ghost-comments-counts-api="https://rose-ash.com/members/api/comments/counts/"></script>
<script defer src="/public/member-attribution.min.js?v=b0101b468a"></script><style>:root {--ghost-accent-color: #b0b2b2;}</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css" integrity="sha512-W/zrbCncQnky/EzL+/AYwTtosvrM+YG/V6piQLSe2HuKS6cmbw89kjYkp3tWFn1dkWV7L1ruvJyKbLz73Vlgfg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
.gh-head-menu .nav-facebook a {
font-size: 0 !important;
}
.gh-head-menu .nav-facebook a::before {
font-family: "Font Awesome 6 Brands";
display: inline-block;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.gh-head-menu .nav-facebook a::before {content: "\f09a"}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css" integrity="sha512-+oRH6u1nDGSm3hH8poU85YFIVTdSnS2f+texdPGrURaJh8hzmhMiZrQth6l56P4ZQmxeZzd2DqVEMqQoJ8J89A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
.gh-head-menu .nav-facebook a,
.gh-head-menu .nav-github a,
.gh-head-menu .nav-instagram a,
.gh-head-menu .nav-mastodon a,
.gh-head-menu .nav-tiktok a,
.gh-head-menu .nav-twitter a {
font-size: 0 !important;
}
.gh-head-menu .nav-facebook a::before,
.gh-head-menu .nav-github a::before,
.gh-head-menu .nav-instagram a::before,
.gh-head-menu .nav-mastodon a::before,
.gh-head-menu .nav-tiktok a::before,
.gh-head-menu .nav-twitter a::before {
font-family: "Font Awesome 6 Brands";
display: inline-block;
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
</style>
<style>
.gh-head-menu .nav-facebook a::before {
content: "\f09a";
}
.gh-head-menu .nav-github a::before {
content: "\f09b";
}
.gh-head-menu .nav-instagram a::before {
content: "\f16d";
}
.gh-head-menu .nav-mastodon a::before {
content: "\f4f6";
}
.gh-head-menu .nav-tiktok a::before {
content: "\e07b";
}
.gh-head-menu .nav-twitter a::before {
content: "\f099";
}
</style>
<!--end of ghosthead -->
{{> "shop/style"}}
{{> "shop/scripts"}}
<link rel="stylesheet" href="{{asset "built/screen.css"}}">
<style>
.share-block {
margin-top: 8rem;
text-align: center;
}
.share-block span {
display: inline-block;
font-weight: bold;
margin-right: 1rem;
font-size: 2rem;
}
.share-block a {
display: inline-block;
transition: all 0.3s;
margin: 0 0.25rem;
}
.share-block a:hover {
transform: scale(1.1);
}
</style>
</head>
<body class="{{body_class}}{{{block "body_class"}}} is-head-{{#match @custom.navigation_layout "Logo on the left"}}left-logo{{else match @custom.navigation_layout "Logo in the middle"}}middle-logo{{else}}stacked{{/match}}{{#match @custom.title_font "=" "Elegant serif"}} has-serif-title{{/match}}{{#match @custom.body_font "=" "Elegant serif"}} has-serif-body{{/match}}{{^is "home"}}{{#if @site.cover_image}} is-head-brand{{/if}}{{/is}}">
<div class="site">
<header id="gh-head" class="gh-head gh-outer">
<div class="gh-head-inner">
<div class="gh-head-brand">
<div class="gh-head-brand-wrapper">
<a class="gh-head-logo" href="{{@site.url}}">
{{#if @site.logo}}
<img src="{{@site.logo}}" alt="{{@site.title}}">
{{else}}
{{@site.title}}
{{/if}}
</a>
</div>
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
<button class="gh-burger"></button>
</div>
<nav class="gh-head-menu">
{{navigation}}
{{#unless @site.members_enabled}}
{{#match @custom.navigation_layout "Stacked"}}
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
{{/match}}
{{/unless}}
</nav>
<div class="gh-head-actions">
{{#unless @site.members_enabled}}
{{^match @custom.navigation_layout "Stacked"}}
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
{{/match}}
{{else}}
<button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
<div class="gh-head-members">
{{#unless @member}}
{{#unless @site.members_invite_only}}
<a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signup" data-portal="signup">Subscribe</a>
{{else}}
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signin" data-portal="signin">Sign in</a>
{{/unless}}
{{else}}
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/account" data-portal="account">Account</a>
{{/unless}}
</div>
{{/unless}}
</div>
</div>
</header>
{{#is "home"}}
{{> "cover"}}
{{#if @custom.show_featured_posts}}
{{> "featured-posts"}}
{{/if}}
{{/is}}
<div class="site-content">
{{{body}}}
</div>
<footer class="gh-foot{{#unless @site.secondary_navigation}} no-menu{{/unless}} gh-outer">
<div class="gh-foot-inner gh-inner">
<div class="gh-copyright">
{{@site.title}} © {{date format="YYYY"}}
</div>
{{#if @site.secondary_navigation}}
<nav class="gh-foot-menu">
{{navigation type="secondary"}}
</nav>
{{/if}}
<div class="gh-powered-by">
<a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a>
</div>
</div>
</footer>
</div>
{{#is "post, page"}}
{{> "pswp"}}
{{/is}}
{{!-- Fixes 100vh issue on mobile browsers with toolbar on the bottom --}}
<script>
if (document.body.classList.contains('with-full-cover') && (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.platform))) {
document.getElementsByClassName('cover')[0].style.height = window.innerHeight + 'px';
}
</script>
<script src="{{asset "built/main.min.js"}}"></script>
{{ghost_foot}}
</body>
</html>