June 2026 Production theme
This commit is contained in:
+179
@@ -0,0 +1,179 @@
|
||||
<!DOCTYPE html>
|
||||
<html{{#match @custom.color_scheme "Dark"}} class="theme-dark"{{/match}}{{#match @custom.color_scheme "Light"}} class="theme-light"{{/match}} lang="{{@site.locale}}">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{{meta_title page=(t " (Page %)")}}</title>
|
||||
<link rel="stylesheet" href="{{asset "built/screen.css"}}">
|
||||
|
||||
{{ghost_head}}
|
||||
</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}}'>
|
||||
<div class="site">
|
||||
|
||||
<header id="gh-head" class="gh-head gh-outer">
|
||||
<div class="gh-head-inner gh-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}}">
|
||||
{{#if @custom.white_logo_for_dark_mode}}
|
||||
<img src="{{img_url @custom.white_logo_for_dark_mode}}" alt="{{@site.title}}">
|
||||
{{/if}}
|
||||
{{else}}
|
||||
{{@site.title}}
|
||||
{{/if}}
|
||||
</a>
|
||||
</div>
|
||||
<button class="gh-search gh-icon-btn" aria-label="{{t "Search this site"}}" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<button class="gh-burger" aria-label="{{t "Toggle menu"}}"></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="{{t "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="{{t "Search this site"}}" data-ghost-search>{{> "icons/search"}}</button>
|
||||
{{/match}}
|
||||
{{else}}
|
||||
<button class="gh-search gh-icon-btn" aria-label="{{t "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">{{t "Sign in"}}</a>
|
||||
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signup" data-portal="signup">{{t "Subscribe"}}</a>
|
||||
{{else}}
|
||||
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/signin" data-portal="signin">{{t "Sign in"}}</a>
|
||||
{{/unless}}
|
||||
{{else}}
|
||||
<a class="gh-head-btn gh-btn gh-primary-btn" href="#/portal/account" data-portal="account">{{t "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>
|
||||
|
||||
<center>
|
||||
<img src="https://canin.dreamfreely.org/content/images/2026/06/SOL.COL.1-1.png" class="sol-image">
|
||||
</center>
|
||||
|
||||
|
||||
<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>
|
||||
<div class="gh-foot-center">
|
||||
<div class="gh-social-links">
|
||||
{{#social_accounts @site}}
|
||||
<a href="{{href}}" target="_blank" rel="noopener" aria-label="{{name}}">
|
||||
{{#> (concat "icons/" type)}}
|
||||
{{!-- Fallback when no per-platform icon partial exists --}}
|
||||
<span>{{name}}</span>
|
||||
{{/undefined}}
|
||||
</a>
|
||||
{{/social_accounts}}
|
||||
</div>
|
||||
{{#if @site.secondary_navigation}}
|
||||
<nav class="gh-foot-menu">
|
||||
{{navigation type="secondary"}}
|
||||
</nav>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="gh-powered-by">
|
||||
{{{t "Powered by {ghostlink}" ghostlink="<a href=\"https://ghost.org/\" target=\"_blank\" rel=\"noopener\">Ghost</a>"}}}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
{{#is "post, page"}}
|
||||
{{> "pswp"}}
|
||||
{{/is}}
|
||||
|
||||
{{#unless @member}}
|
||||
<a href="#/portal/" class="join-hover-button">
|
||||
<div class="hover-button-inner ">
|
||||
<img src="https://canin.dreamfreely.org/content/images/2025/10/DFDollarSign.Transparent-real.png" alt="" style="width: 26px; height: 26px;">
|
||||
<span> {{@site.portal_button_signup_text}}</span>
|
||||
</div></a>
|
||||
{{/unless}}
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.5.1.min.js"
|
||||
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
|
||||
crossorigin="anonymous">
|
||||
</script>
|
||||
<script src='{{asset "built/main.min.js"}}'></script>
|
||||
|
||||
{{ghost_foot}}
|
||||
|
||||
</body>
|
||||
<style>
|
||||
.join-hover-button {
|
||||
position: fixed;
|
||||
bottom: min(32px, 5vw);
|
||||
right: min(32px, 5vw);
|
||||
z-index: 1000;
|
||||
border-radius: 32px;
|
||||
background-color: var(--ghost-accent-color);
|
||||
padding: 16px 24px;
|
||||
box-shadow: 0 0 8px rgba(0,0,0,0.5);
|
||||
}
|
||||
.join-hover-button:hover {
|
||||
background-color: hsl(from var(--ghost-accent-color) h calc(s - 20) calc(l + 10));
|
||||
opacity: 1;
|
||||
}
|
||||
.hover-button-inner {
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.join-hover-button a svg {margin-right: 4px;}
|
||||
@media (max-width: 600px) {
|
||||
.join-hover-button span {
|
||||
display: none;
|
||||
}
|
||||
.join-hover-button {
|
||||
padding: 16px;
|
||||
}
|
||||
.sol-image {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.join-hover-button {
|
||||
display: none;
|
||||
}
|
||||
.sol-image {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</html>
|
||||
Reference in New Issue
Block a user