2021-07-02 21:03:52 +03:00
<GhApp>
2020-01-16 18:14:03 +03:00
<GhSkipLink @anchor=".gh-main">Skip to main content</GhSkipLink>
2015-05-20 18:37:06 +03:00
2023-03-02 21:39:38 +03:00
{{ # 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 }}
2020-01-16 18:14:03 +03:00
<GhAlerts />
2015-05-20 18:37:06 +03:00
2021-07-02 21:03:52 +03:00
<div class="gh-viewport {{ if this .ui .showMobileMenu 'mobile-menu-expanded' }} ">
2019-12-13 17:20:29 +03:00
{{ # if this .showNavMenu }}
2021-01-28 18:25:21 +03:00
<GhNavMenu />
2016-05-14 04:02:55 +03:00
{{ / if }}
2015-05-18 17:20:43 +03:00
2022-02-02 19:09:43 +03:00
<main class="gh-main {{ this .ui .mainClass }} ">
2015-06-13 17:34:09 +03:00
{{ outlet }}
2021-02-12 13:13:23 +03:00
{{ # if this .showBilling }}
2021-03-10 19:15:19 +03:00
<GhBillingModal @billingWindowOpen= {{ this .billing .billingWindowOpen }} />
2021-02-12 13:13:23 +03:00
{{ / if }}
2022-10-25 18:02:35 +03:00
<GhExploreModal />
2021-02-12 13:13:23 +03:00
2019-01-02 12:58:55 +03:00
</main>
2015-05-20 18:37:06 +03:00
2020-01-16 18:14:03 +03:00
<GhNotifications />
2015-05-27 17:39:56 +03:00
2020-01-16 18:14:03 +03:00
<GhContentCover />
2015-05-21 20:03:24 +03:00
2023-06-01 10:23:31 +03:00
{{ # if this .session .user }}
{{ # unless this .session .user .isContributor }}
<GhMobileNavBar />
{{ / unless }}
{{ / if }}
2021-09-03 20:14:28 +03:00
</div>
2020-01-30 18:35:36 +03:00
2021-03-04 12:12:25 +03:00
{{ # if this .settings .accentColor }}
<style>
2021-07-26 19:00:11 +03:00
:root {
--accent-color: {{ this .settings .accentColor }} ;
--adjusted-accent-color: {{ this .ui .adjustedAccentColor }} ;
2023-04-26 17:06:37 +03:00
--kg-accent-color: {{ this .settings .accentColor }} ;
2021-07-26 19:00:11 +03:00
}
2021-03-04 12:22:09 +03:00
.koenig-editor__editor a:not([class]) {
2021-07-26 19:00:11 +03:00
color: var(--adjusted-accent-color);
2021-03-04 12:22:09 +03:00
}
.koenig-editor__editor blockquote {
2021-07-26 19:00:11 +03:00
border-left: 0.25rem solid var(--adjusted-accent-color);
}
2021-07-26 23:17:10 +03:00
.gh-btn-accent {
2021-11-16 19:52:45 +03:00
background-color: var(--adjusted-accent-color);
color: #fff;
2021-07-26 19:00:11 +03:00
}
2021-08-23 15:10:26 +03:00
2021-07-26 23:17:10 +03:00
.gh-btn-accent:hover {
2021-11-17 13:46:57 +03:00
background-color: {{ hex-adjust this .ui .adjustedAccentColor l = - 1 5 }} ;
color: #fff;
2021-07-26 19:00:11 +03:00
}
2021-08-23 15:10:26 +03:00
2021-03-04 12:12:25 +03:00
</style>
{{ / if }}
2020-01-16 18:14:03 +03:00
</GhApp>
2015-11-18 13:50:48 +03:00
2022-02-07 19:53:12 +03:00
<div id="unsplash-selector-wormhole"></div>
2021-09-03 20:14:28 +03:00
<EpmModalContainer />
2023-04-26 17:06:37 +03:00
<EmberLoadRemover />