70 lines
2.0 KiB
Handlebars
70 lines
2.0 KiB
Handlebars
<GhApp>
|
|
<GhSkipLink @anchor=".gh-main">Skip to main content</GhSkipLink>
|
|
|
|
{{#if this.upgradeStatus.refreshRequired}}
|
|
<div class="gh-update-banner">
|
|
{{!-- template-lint-disable no-invalid-link-text --}}
|
|
<span>Ghost has been updated! To get access to the latest features, refresh or <a href="javascript:window.location.reload(true)">click here</a>.</span>
|
|
</div>
|
|
{{/if}}
|
|
|
|
<GhAlerts />
|
|
|
|
<div class="gh-viewport {{if this.ui.showMobileMenu 'mobile-menu-expanded'}}">
|
|
{{#if this.showNavMenu}}
|
|
<GhNavMenu />
|
|
{{/if}}
|
|
|
|
<main class="gh-main {{this.ui.mainClass}}">
|
|
{{outlet}}
|
|
|
|
{{#if this.showBilling}}
|
|
<GhBillingModal @billingWindowOpen={{this.billing.billingWindowOpen}} />
|
|
{{/if}}
|
|
|
|
<GhExploreModal />
|
|
|
|
</main>
|
|
|
|
<GhNotifications />
|
|
|
|
<GhContentCover />
|
|
|
|
{{#unless this.session.user.isContributor}}
|
|
<GhMobileNavBar />
|
|
{{/unless}}
|
|
</div>
|
|
|
|
{{#if this.settings.accentColor}}
|
|
<style>
|
|
:root {
|
|
--accent-color: {{this.settings.accentColor}};
|
|
--adjusted-accent-color: {{this.ui.adjustedAccentColor}};
|
|
--kg-accent-color: {{this.settings.accentColor}};
|
|
}
|
|
.koenig-editor__editor a:not([class]) {
|
|
color: var(--adjusted-accent-color);
|
|
}
|
|
.koenig-editor__editor blockquote {
|
|
border-left: 0.25rem solid var(--adjusted-accent-color);
|
|
}
|
|
|
|
.gh-btn-accent {
|
|
background-color: var(--adjusted-accent-color);
|
|
color: #fff;
|
|
}
|
|
|
|
.gh-btn-accent:hover {
|
|
background-color: {{hex-adjust this.ui.adjustedAccentColor l=-15}};
|
|
color: #fff;
|
|
}
|
|
|
|
</style>
|
|
{{/if}}
|
|
</GhApp>
|
|
|
|
<div id="unsplash-selector-wormhole"></div>
|
|
|
|
<EpmModalContainer />
|
|
<EmberLoadRemover />
|