generated from muhtadeetaron/nextjs-template
initial commit
This commit is contained in:
shafin-r
80
newspaper/partials/components/account-data.hbs
Normal file
80
newspaper/partials/components/account-data.hbs
Normal file
@ -0,0 +1,80 @@
|
||||
{{#unless @member.paid}}
|
||||
<div class="account-data">
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{t "Full Name"}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
{{@member.name}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{t "Email"}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
{{@member.email}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{/unless}}
|
||||
|
||||
{{#foreach @member.subscriptions}}
|
||||
<div class="account-data">
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{t "Full Name"}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
{{@member.name}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{t "Email"}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
{{@member.email}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{{#if @member.paid}}
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{t "Current Plan"}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
{{price plan}}/{{plan.interval}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{t "Card"}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
**** **** **** {{default_payment_card_last4}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="section-heading account-data-row">
|
||||
<span class="left-align">
|
||||
{{#if cancel_at_period_end}}{{t "Expires"}}{{else}}{{t "Billing Date"}}{{/if}}
|
||||
</span>
|
||||
|
||||
<span class="right-align">
|
||||
{{date current_period_end}}
|
||||
</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/foreach}}
|
||||
18
newspaper/partials/components/announcement-bar.hbs
Normal file
18
newspaper/partials/components/announcement-bar.hbs
Normal file
@ -0,0 +1,18 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/announcement-bar.css"}}" />
|
||||
|
||||
<custom-announcement-bar class="custom-announcement-bar wide-container" data-announcement-bar-type="{{@custom.announcement_bar_type}}">
|
||||
<div class="announcement-heading">{{t "Announcement"}}</div>
|
||||
<div class="announcement-content">
|
||||
<div class="announcement-inner">
|
||||
<div class="announcement-text">
|
||||
</div>
|
||||
<div class="announcement-text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="announcement-close-wrapper">
|
||||
<button class="announcement-close-button unstyled-button" aria-label="Close Announcement Bar">
|
||||
{{> "icons/close-icon"}}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</custom-announcement-bar>
|
||||
25
newspaper/partials/components/archive-tags.hbs
Normal file
25
newspaper/partials/components/archive-tags.hbs
Normal file
@ -0,0 +1,25 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/archive-tags.css"}}" />
|
||||
|
||||
<div class="archive-tags-outer">
|
||||
<archive-tags data-current-tag="all-tags">
|
||||
<div class="button archive-tag-button">
|
||||
<input id="all-tags" type="radio" name="archive-tags" data-name="{{t "All Tags"}}" checked>
|
||||
<label class="radio-button-text" for="all-tags">
|
||||
{{t "All Tags"}} ({{#get "posts" limit="all"}}{{posts.length}}{{/get}})
|
||||
</label>
|
||||
</div>
|
||||
|
||||
{{#get "tags" include="count.posts" limit="all"}}
|
||||
{{#foreach tags}}
|
||||
<div class="account-buttons-separator archive-tags-separator"></div>
|
||||
|
||||
<div class="button archive-tag-button">
|
||||
<input id="{{slug}}" type="radio" name="archive-tags" data-name="{{name}}">
|
||||
<label class="radio-button-text" for="{{slug}}">
|
||||
{{name}} ({{count.posts}})
|
||||
</label>
|
||||
</div>
|
||||
{{/foreach}}
|
||||
{{/get}}
|
||||
</archive-tags>
|
||||
</div>
|
||||
334
newspaper/partials/components/article.hbs
Normal file
334
newspaper/partials/components/article.hbs
Normal file
@ -0,0 +1,334 @@
|
||||
{{!--
|
||||
Parameters:
|
||||
- isPost: Boolean
|
||||
--}}
|
||||
|
||||
{{#if isPost}}
|
||||
{{!-- Table of Contents --}}
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.3/tocbot.css">
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/table-of-contents.css"}}" />
|
||||
{{/if}}
|
||||
|
||||
<article class="{{#unless @custom.use_sidebar}}overflow-hidden{{/unless}}{{#unless isPost}} overflow-hidden{{/unless}}" data-post-header-type="{{@custom.post_header_type}}" data-has-feature-image="{{#if feature_image}}true{{else}}false{{/if}}" data-use-sidebar="{{#if isPost}}{{@custom.use_sidebar}}{{else}}false{{/if}}">
|
||||
{{#match @page.show_title_and_feature_image}}
|
||||
<header class="hero {{#if feature_image}}wide-container{{#match @custom.post_header_type "Featured Image Right"}} vertical-post-header{{/match}}{{#match @custom.post_header_type "Featured Image Left"}} vertical-post-header vertical-post-image-left{{/match}}{{else}}{{#unless @custom.use_sidebar}} narrow-container{{else}} wide-container{{/unless}} no-image-container{{/if}}
|
||||
{{#match @custom.post_header_type "Narrow"}}{{#unless @custom.use_sidebar}} narrow-container{{/unless}}{{/match}}{{#unless isPost}} narrow-container{{/unless}}">
|
||||
<div class="hero-content">
|
||||
<div class="post-hero-text-content section-padding-top">
|
||||
{{#if isPost}}
|
||||
{{#primary_tag}}
|
||||
<a class="post-tag hover-underline" href="{{url}}">{{name}}</a>
|
||||
{{/primary_tag}}
|
||||
{{/if}}
|
||||
|
||||
<h1 class="post-heading">{{title}}</h1>
|
||||
|
||||
<div class="excerpt-and-authors-wrapper">
|
||||
{{#if custom_excerpt}}
|
||||
<div class="post-excerpt-wrapper{{#unless isPost}}{{#unless feature_image}} full-width-post-excerpt-wrapper{{/unless}}{{/unless}}">
|
||||
<p>
|
||||
{{custom_excerpt}}
|
||||
</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if isPost}}
|
||||
{{> "components/post-authors" }}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if feature_image}}
|
||||
<div class="post-main-image-wrapper post-main-image-wrapper-header hover-image-opacity">
|
||||
<div class="post-main-image">
|
||||
<figure>
|
||||
<img
|
||||
srcset="{{img_url feature_image size="s" format="webp"}} 320w,
|
||||
{{img_url feature_image size="xm" format="webp"}} 440w,
|
||||
{{img_url feature_image size="m" format="webp"}} 600w,
|
||||
{{img_url feature_image size="l" format="webp"}} 960w,
|
||||
{{img_url feature_image size="xl" format="webp"}} 1200w,
|
||||
{{img_url feature_image size="xxl" format="webp"}} 2000w"
|
||||
src="{{img_url feature_image size="xl"}}"
|
||||
alt="{{title}}"
|
||||
>
|
||||
{{#if feature_image_caption}}
|
||||
<figcaption>{{feature_image_caption}}</figcaption>
|
||||
{{/if}}
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</header>
|
||||
{{/match}}
|
||||
|
||||
<div class="gh-content gh-canvas post-content-and-sidebar{{#match @custom.sidebar_position "Left"}} sidebar-left{{/match}}{{#match @custom.post_header_type "Featured Image Left"}} sidebar-left{{/match}}">
|
||||
<div class="post-content-outer narrow-container{{#unless @custom.use_sidebar}} post-content-outer-without-sidebar{{/unless}}{{#unless isPost}} post-content-outer-without-sidebar{{/unless}}">
|
||||
{{#if feature_image}}
|
||||
{{#if isPost}}
|
||||
{{#match @custom.post_header_type "Narrow"}}
|
||||
{{#if @custom.use_sidebar}}
|
||||
<div class="post-main-image-wrapper post-main-image-wrapper-content hover-image-opacity">
|
||||
<div class="post-main-image">
|
||||
<figure>
|
||||
<img
|
||||
srcset="{{img_url feature_image size="s" format="webp"}} 320w,
|
||||
{{img_url feature_image size="xm" format="webp"}} 440w,
|
||||
{{img_url feature_image size="m" format="webp"}} 600w,
|
||||
{{img_url feature_image size="l" format="webp"}} 960w,
|
||||
{{img_url feature_image size="xl" format="webp"}} 1200w,
|
||||
{{img_url feature_image size="xxl" format="webp"}} 2000w"
|
||||
src="{{img_url feature_image size="xl"}}"
|
||||
alt="{{title}}"
|
||||
>
|
||||
{{#if feature_image_caption}}
|
||||
<figcaption>{{feature_image_caption}}</figcaption>
|
||||
{{/if}}
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/match}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
<div class="post-content section-padding-bottom{{#unless feature_image}} post-content-no-image{{/unless}}">
|
||||
{{content}}
|
||||
|
||||
{{#if isPost}}
|
||||
{{#if access}}
|
||||
<div class="post-share">
|
||||
<div class="post-share-heading">
|
||||
{{t "Share this article"}}
|
||||
</div>
|
||||
|
||||
<div class="socials post-share-icons">
|
||||
<a href="https://www.facebook.com/sharer.php?u={{url absolute='true'}}" target="_blank" rel="noopener" class="social" aria-label="Share on Facebook">
|
||||
<div class="social-inner">
|
||||
{{> "icons/facebook-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
<a href="https://twitter.com/intent/tweet?url={{url absolute='true'}}&text={{encode title}}" target="_blank" rel="noopener" class="social" aria-label="Share on Twitter/X">
|
||||
<div class="social-inner">
|
||||
{{> "icons/twitter-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{url absolute='true'}}&title={{encode title}}" target="_blank" rel="noopener" class="social" aria-label="Share on Linkedin">
|
||||
<div class="social-inner social-inner-smaller">
|
||||
{{> "icons/linkedin-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a class="social clipboard-link" href="javascript:" aria-label="Copy Link">
|
||||
<div class="social-inner">
|
||||
{{> "icons/link-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="clipboard-alert">
|
||||
<small>{{t "The link has been copied!"}}</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
{{#if isPost}}
|
||||
{{#if comments}}
|
||||
<div class="section-heading">
|
||||
<span>{{t "Members Discussion"}}</span>
|
||||
<span>{{comment_count empty=(t "No Comments") singular=(t "Comment") plural=(t "Comments") autowrap="false"}}</span>
|
||||
</div>
|
||||
|
||||
<div class="comments-container">
|
||||
{{comments title="" count=false}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
{{#if isPost}}
|
||||
{{#if @custom.use_sidebar}}
|
||||
<aside class="post-sidebar{{#unless feature_image}} post-content-no-image{{/unless}}{{#match @custom.sidebar_content "Featured Articles"}} sidebar-related-articles{{/match}}">
|
||||
{{#match @custom.sidebar_content "Featured Articles"}}
|
||||
{{#get 'posts' include='tags,authors' limit='4' filter='id:-{{id}}+featured:true' as |featured|}}
|
||||
{{#if featured}}
|
||||
<div class="sidebar-articles">
|
||||
<div class="section-heading">
|
||||
<span>
|
||||
{{t "Featured Articles"}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{{#foreach featured}}
|
||||
{{> "components/extra-small-side-card" isPost=true name=title}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/get}}
|
||||
|
||||
|
||||
<div class="hidden-sidebar-newsletter{{#if @custom.use_newsletter_on_homepage_and_post_sidebar}}{{#if @site.members_enabled}}{{#unless @site.members_invite_only}}{{#unless @member}} sidebar-newsletter-container{{/unless}}{{/unless}}{{/if}}{{/if}}">
|
||||
{{> "components/newsletter" isForPost=true }}
|
||||
</div>
|
||||
|
||||
{{else}}
|
||||
<div class="gh-toc-outer">
|
||||
<div class="medium-text toc-heading">{{t "Table of Contents"}}</div>
|
||||
<div class="gh-toc"></div>
|
||||
</div>
|
||||
{{/match}}
|
||||
</aside>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
{{#if isPost}}
|
||||
<footer>
|
||||
<div class="wide-container section-padding-bottom">
|
||||
<div class="related-posts">
|
||||
<div class="related-post-wrapper previous-article-horizontal-card">
|
||||
{{#prev_post}}
|
||||
{{> "components/horizontal-card" isRelatedArticle=true}}
|
||||
{{/prev_post}}
|
||||
</div>
|
||||
|
||||
<div class="related-post-line"></div>
|
||||
|
||||
<div class="related-post-wrapper next-article-horizontal-card">
|
||||
{{#next_post}}
|
||||
{{> "components/horizontal-card" isRelatedArticle=true isNextArticle=true}}
|
||||
{{/next_post}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#get "posts" limit="6" include="count.posts" filter='id:-{{id}}+tag:[{{primary_tag.slug}}]'}}
|
||||
{{#if posts}}
|
||||
<section class="footer-slider">
|
||||
<div class="wide-container">
|
||||
<div class="section-heading">
|
||||
<span>
|
||||
{{t "Related Articles"}}
|
||||
</span>
|
||||
|
||||
{{#match @custom.use_custom_pages "All Custom Pages"}}
|
||||
<a href="{{@site.url}}/archive/" class="section-heading-button">
|
||||
{{t "View All"}}
|
||||
|
||||
<div class="section-heading-arrow">
|
||||
{{> "icons/section-heading-arrow"}}
|
||||
</div>
|
||||
</a>
|
||||
{{else}}
|
||||
{{plural posts.length empty=(t "No Articles") singular=(t "1 Article") plural=(t "% Articles")}}
|
||||
{{/match}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-outer section-padding-small">
|
||||
<div class="slider-inner">
|
||||
{{#foreach posts}}
|
||||
{{> "components/slide-card" isPost=true}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{/if}}
|
||||
{{/get}}
|
||||
</footer>
|
||||
{{/if}}
|
||||
</article>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/lightense-images@1.0.17/dist/lightense.min.js"></script>
|
||||
<script>
|
||||
setLightense();
|
||||
</script>
|
||||
|
||||
<script src="{{asset "js/post-content.js"}}"></script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
setToggle();
|
||||
})
|
||||
</script>
|
||||
|
||||
{{#if isPost}}
|
||||
{{#match @custom.sidebar_content "Table Of Contents"}}
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.12.3/tocbot.min.js"></script>
|
||||
<script>
|
||||
tocbot.init({
|
||||
// Where to render the table of contents.
|
||||
tocSelector: '.gh-toc',
|
||||
// Where to grab the headings to build the table of contents.
|
||||
contentSelector: '.gh-content',
|
||||
// Which headings to grab inside of the contentSelector element.
|
||||
headingSelector: 'h2, h3, h4',
|
||||
// Ensure correct positioning
|
||||
hasInnerContainers: true,
|
||||
ignoreSelector: '.kg-card h2, .kg-card h3, .kg-card h4, .post-upgrade-cta h2'
|
||||
});
|
||||
</script>
|
||||
{{/match}}
|
||||
|
||||
{{#if @custom.use_sidebar}}
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
stickySidebar();
|
||||
})
|
||||
|
||||
window.addEventListener('resize', debounce(() => {stickySidebar()}, 100));
|
||||
</script>
|
||||
{{/if}}
|
||||
|
||||
{{#if access}}
|
||||
<script>
|
||||
copyUrlToClipboard("post-share-icons");
|
||||
|
||||
window.addEventListener("load", () => {
|
||||
const iframe = document.querySelector('#ghost-comments-root iframe');
|
||||
if(!iframe) return;
|
||||
|
||||
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
|
||||
var targetHead = iframe.contentDocument.head;
|
||||
|
||||
var newLink = document.createElement("link");
|
||||
newLink.setAttribute("rel", "stylesheet");
|
||||
newLink.setAttribute("type", "text/css");
|
||||
newLink.setAttribute("href", "{{asset 'css/comments.css'}}");
|
||||
|
||||
let section = iframeDoc.querySelector('section');
|
||||
section.id = "comments-section"
|
||||
|
||||
const rootStyles = getComputedStyle(document.documentElement);
|
||||
|
||||
//initial variables
|
||||
iframeDoc.documentElement.style.setProperty('--text-color', rootStyles.getPropertyValue('--text-color'))
|
||||
iframeDoc.documentElement.style.setProperty('--background-color', rootStyles.getPropertyValue('--background-color'))
|
||||
iframeDoc.documentElement.style.setProperty('--ease-transition', rootStyles.getPropertyValue('--ease-transition'))
|
||||
iframeDoc.documentElement.style.setProperty('--font1', rootStyles.getPropertyValue('--font1'))
|
||||
iframeDoc.documentElement.style.setProperty('--font2', rootStyles.getPropertyValue('--font2'))
|
||||
iframeDoc.documentElement.style.setProperty('--font3', rootStyles.getPropertyValue('--font3'))
|
||||
iframeDoc.documentElement.style.setProperty('--font4', rootStyles.getPropertyValue('--font4'))
|
||||
iframeDoc.documentElement.style.setProperty('--image-filter', rootStyles.getPropertyValue('--image-filter'))
|
||||
|
||||
targetHead.appendChild(newLink);
|
||||
loadFonts("{{@custom.fonts}}", iframeDoc);
|
||||
|
||||
const linkElement = document.querySelector('link[href*="fonts.bunny.net/css"]');
|
||||
|
||||
if(linkElement){
|
||||
const clone = linkElement.cloneNode(true);
|
||||
targetHead.appendChild(clone);
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
45
newspaper/partials/components/big-card.hbs
Normal file
45
newspaper/partials/components/big-card.hbs
Normal file
@ -0,0 +1,45 @@
|
||||
<div class="big-card">
|
||||
{{#if feature_image}}
|
||||
<a href="{{url}}" class="big-card-image-link hover-image-opacity">
|
||||
<figure class="big-card-image-wrapper">
|
||||
<img
|
||||
srcset="{{img_url feature_image size="s" format="webp"}} 320w,
|
||||
{{img_url feature_image size="xm" format="webp"}} 440w,
|
||||
{{img_url feature_image size="m" format="webp"}} 600w,
|
||||
{{img_url feature_image size="l" format="webp"}} 960w"
|
||||
src="{{img_url feature_image size="m"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
>
|
||||
</figure>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<small class="small-card-small-text">
|
||||
{{#unless access}}
|
||||
<span class="restricted-access-icon">
|
||||
{{> "icons/lock-icon" }}
|
||||
</span>
|
||||
{{/unless}}
|
||||
|
||||
{{#primary_tag}}
|
||||
<a href="{{url}}" class="hover-underline">{{name}}</a>
|
||||
<span> - </span>
|
||||
{{/primary_tag}}
|
||||
|
||||
<span class="small-card-date">
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
</span>
|
||||
</small>
|
||||
|
||||
<a href="{{url}}" class="big-text hover-underline big-card-heading">
|
||||
{{title}}
|
||||
</a>
|
||||
|
||||
<p class="big-card-text three-lines{{#if @custom.use_initials}} initial-paragraph{{/if}} initial-paragraph-reset">
|
||||
{{excerpt}}
|
||||
</p>
|
||||
|
||||
<small class="small-card-bottom-text">
|
||||
{{authors separator=" & " prefix="by "}}
|
||||
</small>
|
||||
</div>
|
||||
231
newspaper/partials/components/demo.hbs
Normal file
231
newspaper/partials/components/demo.hbs
Normal file
@ -0,0 +1,231 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/demo.css"}}" />
|
||||
|
||||
<settings-sidebar class="settings-sidebar">
|
||||
<div class="settings-inner">
|
||||
<div class="settings-item">
|
||||
<label for="theme-presets" class="settings-label">
|
||||
<small>Theme presets</small>
|
||||
</label>
|
||||
<select class="settings-select" name="theme-presets" id="theme-presets">
|
||||
<option value="old-newspaper-light">Old Newspaper Light</option>
|
||||
<option value="modern-newspaper-light" selected>Modern Newspaper Light</option>
|
||||
<option value="old-newspaper-tinted">Old Newspaper Tinted</option>
|
||||
<option value="elegant-newspaper-light">Elegant Newspaper Light</option>
|
||||
<option value="elegant-newspaper-dark">Elegant Newspaper Dark</option>
|
||||
<option value="old-newspaper-dark">Old Newspaper Dark</option>
|
||||
<option value="modern-newspaper-dark">Modern Newspaper Dark</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="background-color" class="settings-label">
|
||||
<small>Background color</small>
|
||||
</label>
|
||||
<div class="color-picker-wrapper">
|
||||
<div class="colorpicker-overlay"></div>
|
||||
<input type="color" id="background-color" name="background-color" value="#FFFFFF" colorpick-eyedropper-active="false">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="text-color" class="settings-label">
|
||||
<small>Text color</small>
|
||||
</label>
|
||||
<div class="color-picker-wrapper">
|
||||
<div class="colorpicker-overlay colorpicker-overlay-text"></div>
|
||||
<input type="color" id="text-color" name="text-color" value="#000000" colorpick-eyedropper-active="false">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="fonts" class="settings-label">
|
||||
<small>Fonts</small>
|
||||
</label>
|
||||
<input id="fonts" name="fonts" type="text" value="Open Sans, EB Garamond, Roboto Condensed" class="settings-input"/>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="announcement-bar-type" class="settings-label">
|
||||
<small>Announcement bar type</small>
|
||||
</label>
|
||||
<select class="settings-select" name="announcement-bar-type" id="announcement-bar-type">
|
||||
<option value="Normal">Normal</option>
|
||||
<option value="Moving Several News" selected>Moving Several News</option>
|
||||
<option value="Moving One News">Moving One News</option>
|
||||
<option value="Static">Static</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="card-heading-style" class="settings-label">
|
||||
<small>Card heading style</small>
|
||||
</label>
|
||||
<select class="settings-select" name="card-heading-style" id="card-heading-style">
|
||||
<option value="uppercase">uppercase</option>
|
||||
<option value="capitalize">capitalize</option>
|
||||
<option value="lowercase">lowercase</option>
|
||||
<option value="none">none</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="image-style" class="settings-label">
|
||||
<small>Image style</small>
|
||||
</label>
|
||||
<select class="settings-select" name="image-style" id="image-style">
|
||||
<option value="unset">Normal</option>
|
||||
<option value="grayscale(1)">Grayscale</option>
|
||||
<option value="grayscale(1) sepia(0.35) contrast(0.85)">Tinted</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="use-initials" class="settings-label">
|
||||
<small>Use initials</small>
|
||||
</label>
|
||||
<select class="settings-select" name="use-initials" id="use-initials">
|
||||
<option value="true">True</option>
|
||||
<option value="false" selected>False</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="use-newsletter" class="settings-label">
|
||||
<small>Newsletter on homepage and post sidebar</small>
|
||||
</label>
|
||||
<select class="settings-select" name="use-newsletter" id="use-newsletter">
|
||||
<option value="true">True</option>
|
||||
<option value="false">False</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="tag-page-layout" class="settings-label">
|
||||
<small>Tag page layout</small>
|
||||
</label>
|
||||
<div class="settings-links" name="tag-page-layout" id="tag-page-layout">
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/tag/politics">Column</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/tag/politics?tag-layout=simple">Simple</a>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="author-page-layout" class="settings-label">
|
||||
<small>Author page layout</small>
|
||||
</label>
|
||||
<div class="settings-links" name="author-page-layout" id="author-page-layout">
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/author/john-doe">Column</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/author/john-doe?author-layout=author-image-left">Author Image Left</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/author/john-doe?author-layout=author-image-right">Author Image Right</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/author/katarina-smith-demo">Simple</a>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="account-page-layout" class="settings-label">
|
||||
<small>Account page layout</small>
|
||||
</label>
|
||||
<div class="settings-links" name="account-page-layout" id="account-page-layout">
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/demo-account">All Data Layout</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/demo-account?no-subscribe-button=true">All Data Layout No Btn</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/demo-account?account-layout=simple">Simple Layout</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/demo-account?account-layout=simple&no-subscribe-button=true">Simple Layout No Btn</a>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="post-header-type" class="settings-label">
|
||||
<small>Post header type</small>
|
||||
</label>
|
||||
<div class="settings-links" name="post-header-type" id="post-header-type">
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=narrow&sidebar=false">Narrow</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=wide&sidebar=false">Wide</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=featured-image-left&sidebar=false">Featured Image Left</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=featured-image-right&sidebar=false">Featured Image Right</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=narrow&sidebar=true">Narrow With Sidebar</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=wide&sidebar=true">Wide With Sidebar</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=featured-image-left&sidebar=true">Featured Image Left With Sidebar</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/foreign-relations-diplomatic-talks-with-neighboring-countries?post-layout=featured-image-right&sidebar=true">Featured Image Right With Sidebar</a>
|
||||
</small>
|
||||
<small>
|
||||
<a class="settings-link" href="{{@site.url}}/innovation-in-the-corporate-world-unveiling-the-latest-business-trends?post-layout=narrow&sidebar=false">Members Only Post</a>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="sidebar-content" class="settings-label">
|
||||
<small>Sidebar content</small>
|
||||
</label>
|
||||
<select class="settings-select" name="sidebar-content" id="sidebar-content">
|
||||
<option value="Featured Articles">Featured Articles</option>
|
||||
<option value="Table Of Contents">Table Of Contents</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="settings-item">
|
||||
<label for="sidebar-position" class="settings-label">
|
||||
<small>Sidebar position</small>
|
||||
</label>
|
||||
<select class="settings-select" name="sidebar-position" id="sidebar-position">
|
||||
<option value="Right">Right</option>
|
||||
<option value="Left">Left</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="buy-button-wrapper">
|
||||
<a href="https://kusa-projects.lemonsqueezy.com/checkout/buy/861bc5c0-91fb-45c3-892e-82f61aaa3e89" class="button buy-button" target="_blank">Buy Newspaper</a>
|
||||
</div>
|
||||
</div>
|
||||
</settings-sidebar>
|
||||
|
||||
<div class="demo-buttons-container">
|
||||
<a href="https://kusa-projects.lemonsqueezy.com/checkout/buy/861bc5c0-91fb-45c3-892e-82f61aaa3e89" class="demo-button" aria-label="Buy Newspaper" target="_blank">
|
||||
<div class="demo-button-inner">
|
||||
{{> "icons/download-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<button id="settings-button" class="demo-button" aria-label="Newspaper Settings">
|
||||
<div class="demo-button-inner">
|
||||
{{> "icons/settings-icon"}}
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<script src="{{asset "js/demo.js"}}"></script>
|
||||
50
newspaper/partials/components/extra-small-card.hbs
Normal file
50
newspaper/partials/components/extra-small-card.hbs
Normal file
@ -0,0 +1,50 @@
|
||||
<div class="extra-small-card">
|
||||
<small class="small-card-small-text">
|
||||
{{#unless access}}
|
||||
<span class="restricted-access-icon access-icon-smaller">
|
||||
{{> "icons/lock-icon" }}
|
||||
</span>
|
||||
{{/unless}}
|
||||
|
||||
{{#primary_tag}}
|
||||
<a href="{{url}}" class="hover-underline">{{name}}</a>
|
||||
<span> - </span>
|
||||
{{/primary_tag}}
|
||||
|
||||
<span class="small-card-date">
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
</span>
|
||||
</small>
|
||||
|
||||
<a href="{{url}}" class="small-text hover-underline extra-small-card-heading two-lines-mobile">
|
||||
{{title}}
|
||||
</a>
|
||||
|
||||
{{#if feature_image}}
|
||||
<a href="{{url}}" class="extra-small-card-image-link hover-image-opacity">
|
||||
<figure class="extra-small-card-image-wrapper">
|
||||
<img
|
||||
srcset="{{img_url feature_image size="xxs" format="webp"}} 100w,
|
||||
{{img_url feature_image size="xs" format="webp"}} 150w,
|
||||
{{img_url feature_image size="s" format="webp"}} 320w,
|
||||
{{img_url feature_image size="xm" format="webp"}} 440w,
|
||||
{{img_url feature_image size="m" format="webp"}} 600w"
|
||||
src="{{img_url feature_image size="s"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
>
|
||||
</figure>
|
||||
</a>
|
||||
{{else}}
|
||||
<a href="{{url}}" class="big-slide-placeholder hover-image-opacity">
|
||||
{{> "icons/placeholder" }}
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<div class="extra-small-card-mobile-excerpt">
|
||||
<p class="{{#if @custom.use_initials}} initial-paragraph{{/if}} three-lines initial-paragraph-reset">
|
||||
{{excerpt}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
44
newspaper/partials/components/extra-small-side-card.hbs
Normal file
44
newspaper/partials/components/extra-small-side-card.hbs
Normal file
@ -0,0 +1,44 @@
|
||||
{{!--
|
||||
Parameters:
|
||||
- isPost: Boolean
|
||||
--}}
|
||||
|
||||
<div class="extra-small-card extra-small-side-card">
|
||||
{{#if feature_image}}
|
||||
<a href="{{url}}" class="extra-small-side-card-image-link hover-image-opacity">
|
||||
<figure class="extra-small-side-card-image-wrapper">
|
||||
<img
|
||||
srcset="{{img_url feature_image size="xxs" format="webp"}} 100w,
|
||||
{{img_url feature_image size="xs" format="webp"}} 150w,
|
||||
{{img_url feature_image size="s" format="webp"}} 320w,
|
||||
{{img_url feature_image size="xm" format="webp"}} 440w,
|
||||
{{img_url feature_image size="m" format="webp"}} 600w"
|
||||
src="{{img_url feature_image size="xs"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{name}}{{/if}}"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
>
|
||||
</figure>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<div class="extra-small-side-card-content{{#unless feature_image}} no-margin-left{{/unless}}">
|
||||
<a href="{{url}}" class="small-text hover-underline extra-small-side-card-heading three-lines">
|
||||
{{name}}
|
||||
</a>
|
||||
|
||||
<small class="small-card-small-text italic-lower-opac">
|
||||
{{#unless isPost}}
|
||||
{{plural count.posts empty=(t "No Articles") singular=(t "1 Article") plural=(t "% Articles")}}
|
||||
{{else}}
|
||||
{{#unless access}}
|
||||
<span class="restricted-access-icon access-icon-smaller">
|
||||
{{> "icons/lock-icon" }}
|
||||
</span>
|
||||
{{/unless}}
|
||||
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
{{/unless}}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
103
newspaper/partials/components/footer.hbs
Normal file
103
newspaper/partials/components/footer.hbs
Normal file
@ -0,0 +1,103 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/newsletter.css"}}" />
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/footer.css"}}" />
|
||||
|
||||
<footer class="footer">
|
||||
<custom-footer>
|
||||
<div class="wide-container footer-inner">
|
||||
<div class="footer-content">
|
||||
<div class="footer-description">
|
||||
<a class="footer-logo" href="{{@site.url}}">
|
||||
{{#if @site.logo}}
|
||||
<img class="footer-logo-image" src="{{@site.logo}}" alt="{{@site.title}}">
|
||||
{{else}}
|
||||
<div class="footer-logo-text">
|
||||
{{@site.title}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</a>
|
||||
|
||||
<div class="footer-paragraph-wrapper">
|
||||
<p>{{@site.description}}</p>
|
||||
</div>
|
||||
|
||||
{{#if @site.members_enabled}}
|
||||
{{#unless @site.members_invite_only}}
|
||||
{{#unless @member}}
|
||||
<form data-members-form="subscribe" class="subscribe-form footer-form">
|
||||
<div class="subscribe-with-alerts">
|
||||
<div class="subscribe-wrapper">
|
||||
<input data-members-email type="email" required="true" placeholder="{{t 'Your.email@example.com'}}" class="subscribe-input"/>
|
||||
<button class="submit-button" type="submit" aria-label="Subscribe">
|
||||
{{t "Subscribe"}}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="form-alerts">
|
||||
<small class="form-alert loading-alert">{{t "Processing your request..."}}</small>
|
||||
<small class="form-alert success-alert">{{t "Please check your inbox and click the link to confirm your subscription."}}</small>
|
||||
<small class="form-alert error-alert" data-members-error></small>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
{{/unless}}
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
|
||||
<div class="socials footer-socials">
|
||||
{{#if @site.facebook}}
|
||||
<a href="{{facebook_url @site.facebook}}" target="_blank" class="social" aria-label="Facebook">
|
||||
<div class="social-inner">
|
||||
{{> "icons/facebook-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
{{#if @site.twitter}}
|
||||
<a href="{{twitter_url @site.twitter}}" target="_blank" class="social" aria-label="Twitter">
|
||||
<div class="social-inner">
|
||||
{{> "icons/twitter-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<a href="#" id="instagram-footer" target="_blank" class="social" aria-label="Instagram">
|
||||
<div class="social-inner social-inner-smaller">
|
||||
{{> "icons/instagram-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" id="linkedin-footer" target="_blank" class="social" aria-label="Linkedin">
|
||||
<div class="social-inner social-inner-smaller">
|
||||
{{> "icons/linkedin-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" id="pinterest-footer" target="_blank" class="social" aria-label="Pinterest">
|
||||
<div class="social-inner">
|
||||
{{> "icons/pinterest-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="footer-navigation">
|
||||
<ul class="footer-normal-links-group footer-links-group">
|
||||
<li class="footer-nav-navigation">
|
||||
<div class="footer-links-label">
|
||||
{{t "Navigation"}}
|
||||
</div>
|
||||
<ul class="footer-secondary-links footer-normal-links">
|
||||
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
{{navigation type="secondary" }}
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
© {{date format="YYYY"}} <a class="hover-underline" href="{{@site.url}}">{{@site.title}}</a> - {{t "Published with"}} <a href="https://ghost.org/" target="_blank" class="hover-underline">Ghost</a><span> & </span><a class="hover-underline" href="https://www.kusa-projects.com/" target="_blank">{{@site.title}}</a>
|
||||
</div>
|
||||
</div>
|
||||
</custom-footer>
|
||||
</footer>
|
||||
95
newspaper/partials/components/form-hero.hbs
Normal file
95
newspaper/partials/components/form-hero.hbs
Normal file
@ -0,0 +1,95 @@
|
||||
{{!--
|
||||
Parameters:
|
||||
- type: String
|
||||
- accountPage: Boolean
|
||||
- hasLink: Boolean
|
||||
--}}
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/simple-hero.css"}}" />
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/form-page.css"}}" />
|
||||
|
||||
<div class="wide-container">
|
||||
<section class="full-page-section">
|
||||
<div class="form-page-content{{#match type "contact"}} contact-content{{/match}}">
|
||||
<h1 class="text-card-heading">
|
||||
{{title}}
|
||||
</h1>
|
||||
|
||||
<p class="form-page-excerpt">
|
||||
{{custom_excerpt}}
|
||||
</p>
|
||||
|
||||
{{#match type "contact"}}
|
||||
<div class="form-container contact-form-container">
|
||||
<form class="contact-form" action="https://formspree.io/f/{{@custom.formspree_hash_id}}" method="POST" id="contactForm">
|
||||
<div class="contact-form-inputs">
|
||||
<input type="text" name="name" placeholder="{{t 'Your name'}}" required>
|
||||
<input type="email" name="email" placeholder="{{t 'Your email address'}}" required>
|
||||
</div>
|
||||
<textarea name="message" placeholder="{{t 'Your message'}}" required></textarea>
|
||||
<button class="button vertical-form-button" type="submit">
|
||||
{{t "Send message"}}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
{{/match}}
|
||||
|
||||
{{#if @site.members_enabled}}
|
||||
{{#if accountPage}}
|
||||
<custom-form class="form-container">
|
||||
<form data-members-form="{{type}}" data-members-autoredirect="false" class="page-form-element">
|
||||
{{#match type "signin"}}
|
||||
<div class="subscribe-wrapper">
|
||||
<input data-members-email type="email" required="true" placeholder="{{t 'Your email address'}}" class="subscribe-input"/>
|
||||
<button class="submit-button" type="submit" aria-label="Subscribe">
|
||||
{{t "Subscribe"}}
|
||||
</button>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="vertical-form">
|
||||
<input data-members-name type="text" required="true" placeholder="{{t 'Your name'}}"/>
|
||||
<input data-members-email type="email" required="true" placeholder="{{t 'Your email address'}}"/>
|
||||
<button class="button vertical-form-button" type="submit">{{#match type "signup"}}{{t "Continue"}}{{else}}{{t "Subscribe"}}{{/match}}</button>
|
||||
</div>
|
||||
{{/match}}
|
||||
|
||||
<div class="form-alerts">
|
||||
<small class="form-alert loading-alert">{{t "Processing your request..."}}</small>
|
||||
<small class="form-alert error-alert" data-members-error></small>
|
||||
</div>
|
||||
|
||||
{{#if hasLink}}
|
||||
{{#unless @site.members_invite_only}}
|
||||
<small class="under-form-text">
|
||||
<span class="lower-opacity-small-text">
|
||||
{{#match type "signin"}}{{t "Don't have an account yet?"}}{{else}}{{t "Already have an account?"}}{{/match}}
|
||||
</span>
|
||||
<a class="bold-link" href="{{@site.url}}/{{#match type "signin"}}signup{{else}}signin{{/match}}/">
|
||||
{{#match type "signin"}}{{t "Sign up"}}{{else}}{{t "Sign in"}}{{/match}}
|
||||
</a>
|
||||
</small>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</form>
|
||||
|
||||
<a href="{{@site.url}}" class="button form-success-button">{{t "Back to homepage"}}</a>
|
||||
|
||||
<span id="form-success-heading-text" class="hidden" data-success-heading="{{t 'Great!'}}"></span>
|
||||
<span id="form-success-paragraph-text" class="hidden" data-success-paragraph="
|
||||
{{#match type "signup"}}{{t 'Please check your inbox and click the link to confirm your signup.'}}{{/match}}
|
||||
{{#match type "signin"}}{{t 'Please check your inbox and click the link to complete signin.'}}{{/match}}
|
||||
{{#match type "subscribe"}}{{t 'Please check your inbox and click the link to confirm your subscription.'}}{{/match}}
|
||||
">
|
||||
</span>
|
||||
</custom-form>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
{{#match type "404"}}
|
||||
<div class="form-container">
|
||||
<a class="button" href="{{@site.url}}">{{t "Back to homepage"}}</a>
|
||||
</div>
|
||||
{{/match}}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
58
newspaper/partials/components/horizontal-card.hbs
Normal file
58
newspaper/partials/components/horizontal-card.hbs
Normal file
@ -0,0 +1,58 @@
|
||||
<div class="horizontal-card">
|
||||
<div class="horizontal-card-inner">
|
||||
<small class="small-card-small-text">
|
||||
{{#if isRelatedArticle}}
|
||||
<span>
|
||||
{{#if isNextArticle}}
|
||||
{{t "Next Article"}}
|
||||
{{else}}
|
||||
{{t "Previous Article"}}
|
||||
{{/if}}
|
||||
</span>
|
||||
{{else}}
|
||||
{{#unless access}}
|
||||
<span class="restricted-access-icon">
|
||||
{{> "icons/lock-icon" }}
|
||||
</span>
|
||||
{{/unless}}
|
||||
|
||||
{{#primary_tag}}
|
||||
<a href="{{url}}" class="hover-underline">{{name}}</a>
|
||||
<span> - </span>
|
||||
{{/primary_tag}}
|
||||
|
||||
<span class="small-card-date">
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
</span>
|
||||
{{/if}}
|
||||
</small>
|
||||
|
||||
<a href="{{url}}" class="medium-text hover-underline small-card-heading two-lines-mobile">
|
||||
{{title}}
|
||||
</a>
|
||||
|
||||
<small class="small-card-bottom-text">
|
||||
{{#if isRelatedArticle}}
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
{{else}}
|
||||
{{authors separator=" & " prefix="by "}}
|
||||
{{/if}}
|
||||
</small>
|
||||
</div>
|
||||
|
||||
{{#if feature_image}}
|
||||
<a href="{{url}}" class="small-card-image-link horizontal-card-image-link hover-image-opacity">
|
||||
<figure class="small-card-image-wrapper">
|
||||
<img
|
||||
srcset="{{img_url feature_image size="xs" format="webp"}} 300w,
|
||||
{{img_url feature_image size="s" format="webp"}} 720w,
|
||||
{{img_url feature_image size="m" format="webp"}} 960w"
|
||||
src="{{img_url feature_image size="m"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
>
|
||||
</figure>
|
||||
</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
121
newspaper/partials/components/navbar.hbs
Normal file
121
newspaper/partials/components/navbar.hbs
Normal file
@ -0,0 +1,121 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/navbar.css"}}" />
|
||||
|
||||
<custom-header class="header">
|
||||
<div class="wide-container navbar-inner">
|
||||
<div class="navbar-top">
|
||||
<div class="socials">
|
||||
{{#if @site.facebook}}
|
||||
<a href="{{facebook_url @site.facebook}}" target="_blank" class="social" aria-label="Facebook">
|
||||
<div class="social-inner">
|
||||
{{> "icons/facebook-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
{{#if @site.twitter}}
|
||||
<a href="{{twitter_url @site.twitter}}" target="_blank" class="social" aria-label="Twitter">
|
||||
<div class="social-inner">
|
||||
{{> "icons/twitter-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
<a href="#" id="instagram" target="_blank" class="social" aria-label="Instagram">
|
||||
<div class="social-inner social-inner-smaller">
|
||||
{{> "icons/instagram-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" id="linkedin" target="_blank" class="social" aria-label="Linkedin">
|
||||
<div class="social-inner social-inner-smaller">
|
||||
{{> "icons/linkedin-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="#" id="pinterest" target="_blank" class="social" aria-label="Pinterest">
|
||||
<div class="social-inner">
|
||||
{{> "icons/pinterest-icon"}}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<span id="socials-info" class="hidden" data-urls="{{@custom.social_urls}}"></span>
|
||||
</div>
|
||||
|
||||
<div class="menu-button-wrapper">
|
||||
<button class="menu-button unstyled-button" aria-label="Menu button">
|
||||
<div class="menu-line first-line"></div>
|
||||
<div class="menu-line mobile-line"></div>
|
||||
<div class="menu-line second-line"></div>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="logo-wrapper">
|
||||
<a class="logo" href="{{@site.url}}">
|
||||
{{#if @site.logo}}
|
||||
<img class="logo-image" src="{{@site.logo}}" alt="{{@site.title}}">
|
||||
{{else}}
|
||||
<div class="navbar-logo-text">
|
||||
{{@site.title}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="navbar-account-links">
|
||||
<a class="account-button-wrapper" aria-label="Search button" href="javascript:" data-ghost-search>
|
||||
<div class="account-icon-wrapper">
|
||||
{{> "icons/search-icon" }}
|
||||
</div>
|
||||
<span class="account-button-text">
|
||||
{{t "Search"}}
|
||||
</span>
|
||||
</a>
|
||||
|
||||
{{#if @site.members_enabled}}
|
||||
{{#unless @member}}
|
||||
<div class="account-buttons-separator"></div>
|
||||
|
||||
<a {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="signin"{{else}}href="{{@site.url}}/signin/"{{/match}} class="account-button-wrapper" aria-label="Sign in">
|
||||
<div class="account-icon-wrapper">
|
||||
{{> "icons/account-icon" }}
|
||||
</div>
|
||||
<span class="account-button-text">
|
||||
{{t "Sign in"}}
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="subscribe"{{else}}href="{{@site.url}}/subscribe/"{{/match}} class="button subscribe-button">
|
||||
{{t "Subscribe"}}
|
||||
</a>
|
||||
{{else}}
|
||||
<div class="account-buttons-separator"></div>
|
||||
<a {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="account"{{else}}href="{{@site.url}}/account/"{{/match}} class="account-button-wrapper" aria-label="Account">
|
||||
<div class="account-icon-wrapper">
|
||||
{{> "icons/account-icon" }}
|
||||
</div>
|
||||
<span class="account-button-text">
|
||||
{{t "Account"}}
|
||||
</span>
|
||||
</a>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="navbar-links-outer">
|
||||
<div class="navbar-links-inner">
|
||||
{{navigation}}
|
||||
|
||||
{{#if @site.members_enabled}}
|
||||
{{#unless @member}}
|
||||
<div class="subscribe-button-mobile-wrapper">
|
||||
<a {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="subscribe"{{else}}href="{{@site.url}}/subscribe/"{{/match}} class="button subscribe-button subscribe-button-mobile">
|
||||
{{t "Subscribe"}}
|
||||
</a>
|
||||
</div>
|
||||
{{/unless}}
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</custom-header>
|
||||
32
newspaper/partials/components/newsletter.hbs
Normal file
32
newspaper/partials/components/newsletter.hbs
Normal file
@ -0,0 +1,32 @@
|
||||
<div class="newsletter-outer{{#if isForPost}} newsletter-outer-for-post{{/if}}">
|
||||
<div class="newsletter">
|
||||
<small class="newsletter-small-top-text">
|
||||
{{t "Subscribe to our newsletter"}}
|
||||
</small>
|
||||
|
||||
<div class="big-text newsletter-heading">
|
||||
{{t "Get all the latest news delivered straight to your inbox."}}
|
||||
</div>
|
||||
|
||||
<form data-members-form="subscribe" class="subscribe-form">
|
||||
<div class="subscribe-with-alerts">
|
||||
<div class="subscribe-wrapper">
|
||||
<input data-members-email type="email" required="true" placeholder="{{t 'Your.email@example.com'}}" class="subscribe-input"/>
|
||||
<button class="submit-button" type="submit" aria-label="Subscribe">
|
||||
{{t "Subscribe"}}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<small class="newsletter-small-bottom-text">
|
||||
{{t "No spam. Unsubscribe anytime."}}
|
||||
</small>
|
||||
|
||||
<div class="form-alerts">
|
||||
<small class="form-alert loading-alert">{{t "Processing your request..."}}</small>
|
||||
<small class="form-alert success-alert">{{t "Please check your inbox and click the link to confirm your subscription."}}</small>
|
||||
<small class="form-alert error-alert" data-members-error></small>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
30
newspaper/partials/components/notifications.hbs
Normal file
30
newspaper/partials/components/notifications.hbs
Normal file
@ -0,0 +1,30 @@
|
||||
<custom-notifications class="global-notifications">
|
||||
<div class="notification subscribe-false">
|
||||
{{> "icons/error-icon" }}
|
||||
<small>{{t "Your link has expired. Please request a new one."}}</small>
|
||||
</div>
|
||||
<div class="notification signup-false">
|
||||
{{> "icons/error-icon" }}
|
||||
<small>{{t "Your link has expired. Please request a new one."}}</small>
|
||||
</div>
|
||||
<div class="notification signin-false">
|
||||
{{> "icons/error-icon" }}
|
||||
<small>{{t "Your link has expired. Please request a new one."}}</small>
|
||||
</div>
|
||||
<div class="notification subscribe-true">
|
||||
{{> "icons/success-icon" }}
|
||||
<small>{{t "Great! You've successfully signed up."}}</small>
|
||||
</div>
|
||||
<div class="notification signup-true">
|
||||
{{> "icons/success-icon" }}
|
||||
<small>{{t "Great! You've successfully signed up."}}</small>
|
||||
</div>
|
||||
<div class="notification signin-true">
|
||||
{{> "icons/success-icon" }}
|
||||
<small>{{t "Welcome back! You've successfully signed in."}}</small>
|
||||
</div>
|
||||
<div class="notification stripe-success">
|
||||
{{> "icons/success-icon" }}
|
||||
<small>{{t "Success! You now have access to additional content."}}</small>
|
||||
</div>
|
||||
</custom-notifications>
|
||||
37
newspaper/partials/components/post-authors.hbs
Normal file
37
newspaper/partials/components/post-authors.hbs
Normal file
@ -0,0 +1,37 @@
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "css/post-authors.css"}}" />
|
||||
|
||||
<div class="post-authors">
|
||||
<div class="post-author-images">
|
||||
{{#foreach authors}}
|
||||
<a href="{{url}}" class="post-author-image">
|
||||
{{#if profile_image}}
|
||||
<img class="image hover-image-opacity"
|
||||
src="{{img_url profile_image size="xxs"}}"
|
||||
alt="{{name}}"
|
||||
loading="lazy">
|
||||
{{else}}
|
||||
<div class="author-avatar-wrapper">
|
||||
{{> "icons/avatar-icon"}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</a>
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
||||
<div class="post-authors-text">
|
||||
<div class="post-authors-inner" id="authors">
|
||||
<small class="post-author-name">
|
||||
{{authors separator=" & "}}
|
||||
</small>
|
||||
</div>
|
||||
<small class="date-small-text italic-lower-opac">
|
||||
<span>
|
||||
<time>
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
</time>
|
||||
</span>
|
||||
-
|
||||
<span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
59
newspaper/partials/components/simple-author-hero.hbs
Normal file
59
newspaper/partials/components/simple-author-hero.hbs
Normal file
@ -0,0 +1,59 @@
|
||||
<section class="simple-hero">
|
||||
<div class="wide-container simple-hero-inner">
|
||||
<div class="text-card">
|
||||
<h1 class="text-card-heading">{{name}}</h1>
|
||||
|
||||
<div class="text-card-paragraph">
|
||||
<p>
|
||||
{{bio}}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="author-socials" class="socials simple-layout-socials">
|
||||
{{#if location}}
|
||||
<div class="social location-social" aria-label="Location">
|
||||
<div class="social-inner">
|
||||
{{> "icons/location-icon"}}
|
||||
</div>
|
||||
<span class="social-text">
|
||||
{{location}}
|
||||
</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if facebook}}
|
||||
<a href="{{facebook_url}}" target="_blank" class="social" aria-label="Facebook">
|
||||
<div class="social-inner">
|
||||
{{> "icons/facebook-icon"}}
|
||||
</div>
|
||||
<span class="social-text">
|
||||
{{t "Facebook"}}
|
||||
</span>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
{{#if twitter}}
|
||||
<a href="{{twitter_url}}" target="_blank" class="social" aria-label="Twitter">
|
||||
<div class="social-inner social-inner-smaller">
|
||||
{{> "icons/twitter-icon"}}
|
||||
</div>
|
||||
<span class="social-text">
|
||||
{{t "Twitter/X"}}
|
||||
</span>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
{{#if website}}
|
||||
<a href="{{website}}" target="_blank" class="social" aria-label="Website URL">
|
||||
<div class="social-inner">
|
||||
{{> "icons/link-icon"}}
|
||||
</div>
|
||||
<span class="social-text">
|
||||
{{t "Website"}}
|
||||
</span>
|
||||
</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
44
newspaper/partials/components/slide-card.hbs
Normal file
44
newspaper/partials/components/slide-card.hbs
Normal file
@ -0,0 +1,44 @@
|
||||
{{!--
|
||||
Parameters:
|
||||
- title: String
|
||||
--}}
|
||||
|
||||
<div class="slide-card">
|
||||
<a href="{{url}}" class="slide-card-image-link hover-image-opacity" aria-label="{{#if isPost}}{{title}}{{else}}{{name}}{{/if}}">
|
||||
{{#if feature_image}}
|
||||
<figure class="slide-card-image-wrapper">
|
||||
<img
|
||||
srcset="{{img_url feature_image size="xxs" format="webp"}} 100w,
|
||||
{{img_url feature_image size="xs" format="webp"}} 150w,
|
||||
{{img_url feature_image size="s" format="webp"}} 320w"
|
||||
src="{{img_url feature_image size="s"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
loading="{{#match @index 0}}eager{{else}}lazy{{/match}}"
|
||||
>
|
||||
</figure>
|
||||
{{else}}
|
||||
<div class="slide-placeholder">
|
||||
{{> "icons/placeholder" }}
|
||||
</div>
|
||||
{{/if}}
|
||||
</a>
|
||||
|
||||
|
||||
<a href="{{url}}" class="small-text hover-underline slide-card-heading two-lines">
|
||||
{{title}}
|
||||
</a>
|
||||
|
||||
<small class="slide-card-small-text">
|
||||
{{#if isPost}}
|
||||
{{#unless access}}
|
||||
<span class="restricted-access-icon access-icon-smaller">
|
||||
{{> "icons/lock-icon" }}
|
||||
</span>
|
||||
{{/unless}}
|
||||
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
{{else}}
|
||||
{{plural count.posts empty=(t "No Articles") singular=(t "1 Article") plural=(t "% Articles")}}
|
||||
{{/if}}
|
||||
</small>
|
||||
</div>
|
||||
64
newspaper/partials/components/small-card.hbs
Normal file
64
newspaper/partials/components/small-card.hbs
Normal file
@ -0,0 +1,64 @@
|
||||
{{!--
|
||||
Parameters:
|
||||
- isForGrid: Boolean
|
||||
- isForAuthor: Boolean
|
||||
--}}
|
||||
|
||||
<div class="small-card{{#if isForGrid}} grid-small-card{{/if}}">
|
||||
<small class="small-card-small-text">
|
||||
{{#unless access}}
|
||||
<span class="restricted-access-icon">
|
||||
{{> "icons/lock-icon" }}
|
||||
</span>
|
||||
{{/unless}}
|
||||
|
||||
{{#primary_tag}}
|
||||
<a href="{{url}}" class="hover-underline">{{name}}</a>
|
||||
<span> - </span>
|
||||
{{/primary_tag}}
|
||||
|
||||
<span class="small-card-date">
|
||||
{{#unless isForAuthor}}
|
||||
{{date published_at format="MMM DD, YYYY"}}
|
||||
{{else}}
|
||||
{{plural count.posts empty=(t "No Articles") singular=(t "1 Article") plural=(t "% Articles")}}
|
||||
{{/unless}}
|
||||
</span>
|
||||
</small>
|
||||
|
||||
<a href="{{url}}" class="medium-text hover-underline small-card-heading">
|
||||
{{title}}
|
||||
</a>
|
||||
|
||||
{{#if feature_image}}
|
||||
<a href="{{url}}" class="small-card-image-link hover-image-opacity">
|
||||
<figure class="small-card-image-wrapper">
|
||||
<img
|
||||
srcset="{{img_url feature_image size="s" format="webp"}} 320w,
|
||||
{{img_url feature_image size="xm" format="webp"}} 440w,
|
||||
{{img_url feature_image size="m" format="webp"}} 600w,
|
||||
{{img_url feature_image size="l" format="webp"}} 960w"
|
||||
src="{{img_url feature_image size="m"}}"
|
||||
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
||||
loading="{{#match @index 0}}eager{{else}}lazy{{/match}}"
|
||||
>
|
||||
</figure>
|
||||
</a>
|
||||
{{else}}
|
||||
{{#if isForGrid}}
|
||||
<a href="{{url}}" class="placeholder hover-image-opacity">
|
||||
{{> "icons/placeholder" }}
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
<div class="small-card-text-and-author{{#if isForGrid}}{{#unless isForAuthor}} text-min-height{{/unless}}{{/if}}">
|
||||
<p class="small-card-text three-lines{{#if @custom.use_initials}} initial-paragraph{{/if}} initial-paragraph-reset">
|
||||
{{excerpt}}
|
||||
</p>
|
||||
|
||||
<small class="small-card-bottom-text">
|
||||
{{authors separator=" & " prefix="by "}}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
61
newspaper/partials/components/tier-card.hbs
Normal file
61
newspaper/partials/components/tier-card.hbs
Normal file
@ -0,0 +1,61 @@
|
||||
{{!--
|
||||
Parameters:
|
||||
- yearly: boolean
|
||||
--}}
|
||||
|
||||
<div class="tier-card">
|
||||
<div class="tier-name">
|
||||
<div class="big-text">{{name}}</div>
|
||||
</div>
|
||||
|
||||
<div class="tier-price">
|
||||
<span class="tier-currency{{#match type "free"}} tier-currency-free{{/match}}">
|
||||
|
||||
</span>
|
||||
|
||||
<span class="tier-price-span">
|
||||
{{#match type "paid"}}
|
||||
{{#if yearly}}{{price yearly_price currency=currency}}{{else}}{{price monthly_price currency=currency}}{{/if}}
|
||||
{{else}}
|
||||
0
|
||||
{{/match}}
|
||||
</span>
|
||||
|
||||
<div class="big-text tier-time">
|
||||
{{#match type "paid"}}
|
||||
{{#if yearly}}/{{t "year"}}{{else}}/{{t "month"}}{{/if}}
|
||||
{{/match}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{#if description}}
|
||||
<div class="medium-text tier-description">
|
||||
{{description}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
{{#if benefits}}
|
||||
<div class="benefits-outer">
|
||||
<ul class="benefits-container unstyled-list">
|
||||
{{#foreach benefits}}
|
||||
<li class="benefits-item">
|
||||
<div class="benefit-square">
|
||||
<div class="benefit-icon">
|
||||
{{> "icons/check-icon"}}
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
{{this}}
|
||||
</p>
|
||||
</li>
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="membership-subscribe-button">
|
||||
<a class="button" {{#match type "paid"}}href="javascript:" data-portal="signup/{{id}}/{{#if yearly}}yearly{{else}}monthly{{/if}}"{{else}}{{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="signup"{{else}}href="{{@site.url}}/signup/"{{/match}}{{/match}}>
|
||||
{{t "Subscribe now"}}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
35
newspaper/partials/content-cta.hbs
Normal file
35
newspaper/partials/content-cta.hbs
Normal file
@ -0,0 +1,35 @@
|
||||
|
||||
{{#if html}}
|
||||
<div class="fading-content">
|
||||
{{{html}}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="post-upgrade-cta">
|
||||
<div class="post-upgrade-cta-content">
|
||||
{{#has visibility="paid"}}
|
||||
<h2>{{t "This post is for paying subscribers only"}}</h2>
|
||||
{{/has}}
|
||||
{{#has visibility="members"}}
|
||||
<h2>{{t "This post is for subscribers only"}}</h2>
|
||||
{{/has}}
|
||||
{{#has visibility="tiers"}}
|
||||
<h2>{{t "This post is for subscribers on the"}} {{tiers}} {{t "only."}}</h2>
|
||||
{{/has}}
|
||||
<div class="post-upgrade-cta-paragraph">
|
||||
<p>{{t "Subscribe now and have access to all our stories, enjoy exclusive content and stay up to date with constant updates."}}</p>
|
||||
</div>
|
||||
{{#if @member}}
|
||||
<a class="button" {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="account/plans"{{else}}href="{{@site.url}}/membership/"{{/match}}>
|
||||
{{t "Upgrade your account"}}
|
||||
</a>
|
||||
{{else}}
|
||||
<a class="button" {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="signup"{{else}}href="{{@site.url}}/signup/"{{/match}}>
|
||||
{{t "Subscribe now"}}
|
||||
</a>
|
||||
<div class="under-button-wrapper">
|
||||
<p><small><span>{{t "Already a member?"}}</span> <a class="bold-link" {{#match @custom.use_custom_pages "None"}}href="javascript:" data-portal="signin"{{else}}href="{{@site.url}}/signin/"{{/match}}>{{t "Sign in"}}</a></small></p>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
3
newspaper/partials/icons/account-icon.hbs
Normal file
3
newspaper/partials/icons/account-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.10938 9.49997C1.10938 7.27504 1.99323 5.14123 3.5665 3.56796C5.13976 1.99469 7.27357 1.11084 9.49851 1.11084C11.7234 1.11084 13.8573 1.99469 15.4305 3.56796C17.0038 5.14123 17.8876 7.27504 17.8876 9.49997C17.8876 11.7249 17.0038 13.8587 15.4305 15.432C13.8573 17.0053 11.7234 17.8891 9.49851 17.8891C7.27357 17.8891 5.13976 17.0053 3.5665 15.432C1.99323 13.8587 1.10938 11.7249 1.10938 9.49997ZM9.49851 2.31417C8.1057 2.31422 6.74293 2.71904 5.57597 3.47939C4.40902 4.23973 3.48818 5.32282 2.92548 6.5969C2.36279 7.87099 2.18249 9.28114 2.40652 10.6558C2.63056 12.0305 3.24926 13.3104 4.18737 14.3399C4.7569 13.4478 5.5421 12.7137 6.4704 12.2054C7.3987 11.6971 8.44015 11.431 9.49851 11.4316C10.5569 11.4309 11.5984 11.6969 12.5267 12.2053C13.455 12.7136 14.2402 13.4478 14.8096 14.3399C15.7478 13.3104 16.3665 12.0305 16.5905 10.6558C16.8145 9.28114 16.6342 7.87099 16.0715 6.5969C15.5088 5.32282 14.588 4.23973 13.421 3.47939C12.2541 2.71904 10.8913 2.31422 9.49851 2.31417ZM13.909 15.1734C13.4608 14.4009 12.8174 13.7597 12.0433 13.3142C11.2692 12.8687 10.3916 12.6345 9.49851 12.635C8.60537 12.6345 7.72779 12.8687 6.9537 13.3142C6.17961 13.7597 5.53621 14.4009 5.08798 15.1734C6.34801 16.1559 7.90069 16.6883 9.49851 16.6858C11.1604 16.6858 12.6905 16.1208 13.909 15.1734ZM6.52184 8.23964C6.52184 7.45018 6.83545 6.69305 7.39369 6.13482C7.95192 5.57659 8.70905 5.26297 9.49851 5.26297C10.288 5.26297 11.0451 5.57659 11.6033 6.13482C12.1616 6.69305 12.4752 7.45018 12.4752 8.23964C12.4752 9.0291 12.1616 9.78623 11.6033 10.3445C11.0451 10.9027 10.288 11.2163 9.49851 11.2163C8.70905 11.2163 7.95192 10.9027 7.39369 10.3445C6.83545 9.78623 6.52184 9.0291 6.52184 8.23964ZM9.49851 6.46631C9.26563 6.46631 9.03503 6.51218 8.81988 6.60129C8.60473 6.69041 8.40924 6.82103 8.24457 6.9857C8.0799 7.15037 7.94928 7.34586 7.86016 7.56101C7.77104 7.77617 7.72517 8.00676 7.72517 8.23964C7.72517 8.47252 7.77104 8.70311 7.86016 8.91826C7.94928 9.13342 8.0799 9.32891 8.24457 9.49358C8.40924 9.65825 8.60473 9.78887 8.81988 9.87799C9.03503 9.9671 9.26563 10.013 9.49851 10.013C9.96883 10.013 10.4199 9.82614 10.7524 9.49358C11.085 9.16101 11.2718 8.70996 11.2718 8.23964C11.2718 7.76932 11.085 7.31827 10.7524 6.9857C10.4199 6.65314 9.96883 6.46631 9.49851 6.46631Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
3
newspaper/partials/icons/avatar-icon.hbs
Normal file
3
newspaper/partials/icons/avatar-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 150 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M75 75C88.8125 75 100 63.8125 100 50C100 36.1875 88.8125 25 75 25C61.1875 25 50 36.1875 50 50C50 63.8125 61.1875 75 75 75ZM106.25 50C106.25 67.2656 92.2656 81.25 75 81.25C57.7344 81.25 43.75 67.2656 43.75 50C43.75 32.7344 57.7344 18.75 75 18.75C92.2656 18.75 106.25 32.7344 106.25 50ZM28.8219 106.913C25.6875 109.444 25 111.341 25 112.5V125H125V112.5C125 111.344 124.312 109.441 121.175 106.913C118.113 104.441 113.544 102.084 108.006 100.047C96.9375 95.975 83.6031 93.75 75 93.75C66.3969 93.75 53.0625 95.975 41.9937 100.047C36.4562 102.084 31.8875 104.441 28.8219 106.913ZM75 87.5C56.225 87.5 18.75 96.9844 18.75 112.5V131.25H131.25V112.5C131.25 96.9844 93.775 87.5 75 87.5Z" fill="var(--text-color)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 867 B |
3
newspaper/partials/icons/check-icon.hbs
Normal file
3
newspaper/partials/icons/check-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.37031 12.0001L2.57031 8.20007L3.52031 7.25007L6.37031 10.1001L12.487 3.9834L13.437 4.9334L6.37031 12.0001Z" fill="var(--background-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 264 B |
3
newspaper/partials/icons/close-icon.hbs
Normal file
3
newspaper/partials/icons/close-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.617311 11L0 10.3827L4.88269 5.5L0 0.617311L0.617311 0L5.5 4.88269L10.3827 0L11 0.617311L6.11731 5.5L11 10.3827L10.3827 11L5.5 6.11731L0.617311 11Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 298 B |
3
newspaper/partials/icons/download-icon.hbs
Normal file
3
newspaper/partials/icons/download-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.3125 21.5C4.67656 21.5 4.13197 21.2734 3.67872 20.8201C3.22547 20.3669 2.99923 19.8227 3 19.1875V15.7187H5.3125V19.1875H19.1875V15.7187H21.5V19.1875C21.5 19.8234 21.2734 20.368 20.8201 20.8213C20.3669 21.2745 19.8227 21.5008 19.1875 21.5H5.3125ZM12.25 16.875L6.46875 11.0937L8.0875 9.41719L11.0938 12.4234V3H13.4063V12.4234L16.4125 9.41719L18.0313 11.0937L12.25 16.875Z" fill="currentColor"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 515 B |
3
newspaper/partials/icons/error-icon.hbs
Normal file
3
newspaper/partials/icons/error-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg class="notification-icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.9987 0.833496C4.9387 0.833496 0.832031 4.94016 0.832031 10.0002C0.832031 15.0602 4.9387 19.1668 9.9987 19.1668C15.0587 19.1668 19.1654 15.0602 19.1654 10.0002C19.1654 4.94016 15.0587 0.833496 9.9987 0.833496ZM10.9154 14.5835H9.08203V12.7502H10.9154V14.5835ZM10.9154 10.9168H9.08203V5.41683H10.9154V10.9168Z" fill="var(--error-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 457 B |
3
newspaper/partials/icons/facebook-icon.hbs
Normal file
3
newspaper/partials/icons/facebook-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19 9.52381C19 4.26667 14.744 0 9.5 0C4.256 0 0 4.26667 0 9.52381C0 14.1333 3.268 17.9714 7.6 18.8571V12.381H5.7V9.52381H7.6V7.14286C7.6 5.30476 9.0915 3.80952 10.925 3.80952H13.3V6.66667H11.4C10.8775 6.66667 10.45 7.09524 10.45 7.61905V9.52381H13.3V12.381H10.45V19C15.2475 18.5238 19 14.4667 19 9.52381Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 453 B |
3
newspaper/partials/icons/instagram-icon.hbs
Normal file
3
newspaper/partials/icons/instagram-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9.92521 0.0011073C10.5819 -0.00141277 11.2387 0.00518759 11.8952 0.0209064L12.0698 0.027206C12.2714 0.0344056 12.4703 0.0434051 12.7106 0.0542046C13.6681 0.0992023 14.3215 0.250395 14.8948 0.472683C15.4887 0.701272 15.9891 1.01086 16.4895 1.51123C16.947 1.96085 17.3011 2.50473 17.5271 3.10505C17.7494 3.67832 17.9006 4.33258 17.9456 5.29014C17.9564 5.52952 17.9654 5.72931 17.9726 5.9309L17.978 6.10549C17.994 6.76173 18.0009 7.41816 17.9987 8.07459L17.9996 8.74596V9.9249C18.0018 10.5816 17.9949 11.2384 17.9789 11.8949L17.9735 12.0695C17.9663 12.2711 17.9573 12.47 17.9465 12.7103C17.9015 13.6678 17.7485 14.3212 17.5271 14.8944C17.3018 15.4954 16.9476 16.0397 16.4895 16.4892C16.0395 16.9466 15.4953 17.3007 14.8948 17.5268C14.3215 17.7491 13.6681 17.9003 12.7106 17.9453C12.4703 17.9561 12.2714 17.9651 12.0698 17.9723L11.8952 17.9777C11.2387 17.9937 10.5819 18.0006 9.92521 17.9984L9.25384 17.9993H8.0758C7.41907 18.0015 6.76235 17.9946 6.10581 17.9786L5.93122 17.9732C5.71758 17.9654 5.50398 17.9564 5.29045 17.9462C4.3329 17.9012 3.67953 17.7482 3.10536 17.5268C2.50481 17.3012 1.96083 16.9471 1.51154 16.4892C1.05351 16.0394 0.699085 15.4952 0.472995 14.8944C0.250706 14.3212 0.0995141 13.6678 0.0545165 12.7103C0.0444936 12.4967 0.035494 12.2831 0.0275179 12.0695L0.0230182 11.8949C0.00642628 11.2384 -0.00107414 10.5816 0.000519274 9.9249V8.07459C-0.00199247 7.41817 0.0046079 6.76174 0.0203183 6.10549L0.026618 5.9309C0.0338176 5.72931 0.0428171 5.52952 0.0536166 5.29014C0.0986143 4.33169 0.249806 3.67922 0.472095 3.10505C0.698319 2.50444 1.05343 1.96071 1.51244 1.51213C1.96142 1.05383 2.50506 0.699087 3.10536 0.472683C3.67953 0.250395 4.332 0.0992023 5.29045 0.0542046L5.93122 0.027206L6.10581 0.0227063C6.76204 0.00612273 7.41847 -0.00137769 8.07491 0.00020741L9.92521 0.0011073ZM9.00006 4.50088C8.40384 4.49244 7.8119 4.60259 7.25863 4.82492C6.70535 5.04725 6.20178 5.37732 5.77718 5.79596C5.35258 6.2146 5.01542 6.71345 4.78529 7.26352C4.55516 7.8136 4.43665 8.40392 4.43665 9.0002C4.43665 9.59647 4.55516 10.1868 4.78529 10.7369C5.01542 11.2869 5.35258 11.7858 5.77718 12.2044C6.20178 12.6231 6.70535 12.9531 7.25863 13.1755C7.8119 13.3978 8.40384 13.5079 9.00006 13.4995C10.1935 13.4995 11.338 13.0254 12.1819 12.1816C13.0257 11.3377 13.4998 10.1932 13.4998 8.99975C13.4998 7.80633 13.0257 6.6618 12.1819 5.81793C11.338 4.97406 10.1935 4.50088 9.00006 4.50088ZM9.00006 6.30078C9.3587 6.29418 9.71506 6.3591 10.0483 6.49176C10.3816 6.62442 10.6851 6.82217 10.9411 7.07343C11.197 7.3247 11.4004 7.62447 11.5392 7.95521C11.6781 8.28595 11.7496 8.64104 11.7497 8.99974C11.7497 9.35844 11.6783 9.71355 11.5396 10.0443C11.4009 10.3751 11.1976 10.675 10.9417 10.9263C10.6858 11.1777 10.3824 11.3755 10.0492 11.5083C9.71594 11.6411 9.3596 11.7061 9.00096 11.6996C8.28491 11.6996 7.59819 11.4152 7.09187 10.9088C6.58555 10.4025 6.3011 9.71579 6.3011 8.99975C6.3011 8.2837 6.58555 7.59698 7.09187 7.09065C7.59819 6.58433 8.28491 6.29988 9.00096 6.29988L9.00006 6.30078ZM13.7248 3.15095C13.4345 3.16257 13.1599 3.28607 12.9586 3.4956C12.7573 3.70513 12.6449 3.98442 12.6449 4.27499C12.6449 4.56555 12.7573 4.84485 12.9586 5.05437C13.1599 5.2639 13.4345 5.38741 13.7248 5.39903C14.0232 5.39903 14.3093 5.28051 14.5203 5.06954C14.7312 4.85857 14.8498 4.57244 14.8498 4.27409C14.8498 3.97573 14.7312 3.6896 14.5203 3.47863C14.3093 3.26767 14.0232 3.14915 13.7248 3.14915V3.15095Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
4
newspaper/partials/icons/link-icon.hbs
Normal file
4
newspaper/partials/icons/link-icon.hbs
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="50%" cy="50%" r="50%" fill="var(--text-color)"/>
|
||||
<path d="M10.8795 11.6564L9.32383 13.2121C8.78584 13.7501 8.15477 14.0363 7.43062 14.0708C6.70647 14.1053 6.1001 13.878 5.61152 13.3889C5.12244 12.8998 4.89514 12.2932 4.92962 11.569C4.9641 10.8449 5.25033 10.214 5.78829 9.67655L7.34393 8.12091L8.05104 8.82802L6.4954 10.3837C6.17131 10.7077 5.99895 11.0863 5.97833 11.5194C5.95771 11.9525 6.09471 12.3164 6.38933 12.611C6.68396 12.9057 7.04783 13.0427 7.48093 13.022C7.91403 13.0014 8.29263 12.8291 8.61672 12.505L10.1724 10.9493L10.8795 11.6564ZM8.29852 11.409L7.59142 10.7019L10.7027 7.59058L11.4098 8.29769L8.29852 11.409ZM11.6573 10.8786L10.9502 10.1715L12.5058 8.61589C12.8299 8.2918 13.0023 7.9132 13.0229 7.4801C13.0435 7.047 12.9065 6.68313 12.6119 6.3885C12.3172 6.09388 11.9534 5.95687 11.5203 5.9775C11.0872 5.99812 10.7086 6.17048 10.3845 6.49457L8.82885 8.0502L8.12175 7.3431L9.67738 5.78746C10.2154 5.24947 10.8464 4.96324 11.5706 4.92875C12.2947 4.89427 12.9011 5.12158 13.3897 5.61069C13.8788 6.09977 14.1061 6.70638 14.0716 7.43053C14.0371 8.15468 13.7509 8.7855 13.2129 9.323L11.6573 10.8786Z" fill="var(--background-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
3
newspaper/partials/icons/linkedin-icon.hbs
Normal file
3
newspaper/partials/icons/linkedin-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16 0C16.5304 0 17.0391 0.210714 17.4142 0.585786C17.7893 0.960859 18 1.46957 18 2V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H2C1.46957 18 0.960859 17.7893 0.585786 17.4142C0.210714 17.0391 0 16.5304 0 16V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0H16ZM15.5 15.5V10.2C15.5 9.33539 15.1565 8.5062 14.5452 7.89483C13.9338 7.28346 13.1046 6.94 12.24 6.94C11.39 6.94 10.4 7.46 9.92 8.24V7.13H7.13V15.5H9.92V10.57C9.92 9.8 10.54 9.17 11.31 9.17C11.6813 9.17 12.0374 9.3175 12.2999 9.58005C12.5625 9.8426 12.71 10.1987 12.71 10.57V15.5H15.5ZM3.88 5.56C4.32556 5.56 4.75288 5.383 5.06794 5.06794C5.383 4.75288 5.56 4.32556 5.56 3.88C5.56 2.95 4.81 2.19 3.88 2.19C3.43178 2.19 3.00193 2.36805 2.68499 2.68499C2.36805 3.00193 2.19 3.43178 2.19 3.88C2.19 4.81 2.95 5.56 3.88 5.56ZM5.27 15.5V7.13H2.5V15.5H5.27Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1021 B |
4
newspaper/partials/icons/location-icon.hbs
Normal file
4
newspaper/partials/icons/location-icon.hbs
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="50%" cy="50%" r="50%" fill="var(--text-color)"/>
|
||||
<path d="M11 5.75C8.92977 5.75 7.25 7.26195 7.25 9.125C7.25 12.125 11 16.25 11 16.25C11 16.25 14.75 12.125 14.75 9.125C14.75 7.26195 13.0702 5.75 11 5.75ZM11 11C10.7033 11 10.4133 10.912 10.1666 10.7472C9.91997 10.5824 9.72771 10.3481 9.61418 10.074C9.50065 9.79994 9.47094 9.49834 9.52882 9.20736C9.5867 8.91639 9.72956 8.64912 9.93934 8.43934C10.1491 8.22956 10.4164 8.0867 10.7074 8.02882C10.9983 7.97094 11.2999 8.00065 11.574 8.11418C11.8481 8.22771 12.0824 8.41997 12.2472 8.66664C12.412 8.91332 12.5 9.20333 12.5 9.5C12.4996 9.89769 12.3414 10.279 12.0602 10.5602C11.779 10.8414 11.3977 10.9996 11 11Z" fill="var(--background-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 819 B |
3
newspaper/partials/icons/lock-icon.hbs
Normal file
3
newspaper/partials/icons/lock-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.3337 5.99992V4.66659C11.3337 2.79992 9.86699 1.33325 8.00033 1.33325C6.13366 1.33325 4.66699 2.79992 4.66699 4.66659V5.99992C3.53366 5.99992 2.66699 6.86658 2.66699 7.99992V12.6666C2.66699 13.7999 3.53366 14.6666 4.66699 14.6666H11.3337C12.467 14.6666 13.3337 13.7999 13.3337 12.6666V7.99992C13.3337 6.86658 12.467 5.99992 11.3337 5.99992ZM6.00033 4.66659C6.00033 3.53325 6.86699 2.66659 8.00033 2.66659C9.13366 2.66659 10.0003 3.53325 10.0003 4.66659V5.99992H6.00033V4.66659Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 628 B |
3
newspaper/partials/icons/pinterest-icon.hbs
Normal file
3
newspaper/partials/icons/pinterest-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.688 18.563C7.6 18.8385 8.5215 19 9.5 19C12.0196 19 14.4359 17.9991 16.2175 16.2175C17.9991 14.4359 19 12.0196 19 9.5C19 8.25244 18.7543 7.0171 18.2769 5.86451C17.7994 4.71191 17.0997 3.66464 16.2175 2.78249C15.3354 1.90033 14.2881 1.20056 13.1355 0.723144C11.9829 0.245725 10.7476 0 9.5 0C8.25244 0 7.0171 0.245725 5.86451 0.723144C4.71191 1.20056 3.66464 1.90033 2.78249 2.78249C1.00089 4.56408 0 6.98044 0 9.5C0 13.5375 2.5365 17.005 6.118 18.373C6.0325 17.632 5.947 16.4065 6.118 15.561L7.2105 10.868C7.2105 10.868 6.935 10.317 6.935 9.443C6.935 8.132 7.752 7.1535 8.683 7.1535C9.5 7.1535 9.88 7.752 9.88 8.5215C9.88 9.3385 9.3385 10.507 9.063 11.628C8.9015 12.559 9.557 13.376 10.507 13.376C12.198 13.376 13.509 11.571 13.509 9.025C13.509 6.745 11.875 5.187 9.5285 5.187C6.8495 5.187 5.2725 7.182 5.2725 9.2815C5.2725 10.0985 5.5385 10.925 5.9755 11.4665C6.061 11.5235 6.061 11.5995 6.0325 11.742L5.757 12.7775C5.757 12.939 5.6525 12.996 5.491 12.882C4.275 12.35 3.572 10.621 3.572 9.2245C3.572 6.2225 5.7 3.496 9.804 3.496C13.072 3.496 15.618 5.8425 15.618 8.9585C15.618 12.2265 13.5945 14.8485 10.697 14.8485C9.7755 14.8485 8.873 14.3545 8.55 13.775L7.9135 16.0265C7.695 16.8435 7.0965 17.936 6.688 18.5915V18.563Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
3
newspaper/partials/icons/placeholder.hbs
Normal file
3
newspaper/partials/icons/placeholder.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="28%" height="28%" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M50 141.667H150L118.75 100L93.75 133.333L75 108.333L50 141.667ZM25 175V25H175V175H25ZM41.6667 158.333H158.333V41.6667H41.6667V158.333Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 282 B |
3
newspaper/partials/icons/search-icon.hbs
Normal file
3
newspaper/partials/icons/search-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.91536 14.2502C9.32055 14.2499 10.6853 13.7795 11.7922 12.9138L15.2723 16.394L16.3917 15.2746L12.9116 11.7944C13.7777 10.6874 14.2484 9.32238 14.2487 7.91683C14.2487 4.42479 11.4074 1.5835 7.91536 1.5835C4.42332 1.5835 1.58203 4.42479 1.58203 7.91683C1.58203 11.4089 4.42332 14.2502 7.91536 14.2502ZM7.91536 3.16683C10.535 3.16683 12.6654 5.2972 12.6654 7.91683C12.6654 10.5365 10.535 12.6668 7.91536 12.6668C5.29574 12.6668 3.16536 10.5365 3.16536 7.91683C3.16536 5.2972 5.29574 3.16683 7.91536 3.16683Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 655 B |
12
newspaper/partials/icons/section-heading-arrow.hbs
Normal file
12
newspaper/partials/icons/section-heading-arrow.hbs
Normal file
@ -0,0 +1,12 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 26 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_134_4019)">
|
||||
<path d="M-24.5391 5L24.3263 5" stroke="var(--text-color)"/>
|
||||
<path d="M18.614 9.375C18.614 9.375 18.4236 5.125 24.3255 5" stroke="var(--text-color)"/>
|
||||
<path d="M18.614 0.625C18.614 0.625 18.4236 4.875 24.3255 5" stroke="var(--text-color)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_134_4019">
|
||||
<rect width="25.3846" height="10" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 565 B |
3
newspaper/partials/icons/settings-icon.hbs
Normal file
3
newspaper/partials/icons/settings-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.5006 12C19.5006 11.77 19.4906 11.55 19.4706 11.32L21.3306 9.91C21.7306 9.61 21.8406 9.05 21.5906 8.61L19.7206 5.38C19.6007 5.16818 19.4068 5.00814 19.1761 4.93062C18.9454 4.8531 18.6941 4.86356 18.4706 4.96L16.3206 5.87C15.9506 5.61 15.5606 5.38 15.1506 5.19L14.8606 2.88C14.8006 2.38 14.3706 2 13.8706 2H10.1406C9.63064 2 9.20064 2.38 9.14064 2.88L8.85064 5.19C8.44064 5.38 8.05064 5.61 7.68064 5.87L5.53064 4.96C5.07064 4.76 4.53064 4.94 4.28064 5.38L2.41064 8.62C2.16064 9.06 2.27064 9.61 2.67064 9.92L4.53064 11.33C4.48919 11.779 4.48919 12.231 4.53064 12.68L2.67064 14.09C2.27064 14.39 2.16064 14.95 2.41064 15.39L4.28064 18.62C4.53064 19.06 5.07064 19.24 5.53064 19.04L7.68064 18.13C8.05064 18.39 8.44064 18.62 8.85064 18.81L9.14064 21.12C9.20064 21.62 9.63064 22 10.1306 22H13.8606C14.3606 22 14.7906 21.62 14.8506 21.12L15.1406 18.81C15.5506 18.62 15.9406 18.39 16.3106 18.13L18.4606 19.04C18.9206 19.24 19.4606 19.06 19.7106 18.62L21.5806 15.39C21.8306 14.95 21.7206 14.4 21.3206 14.09L19.4606 12.68C19.4906 12.45 19.5006 12.23 19.5006 12ZM12.0406 15.5C10.1106 15.5 8.54064 13.93 8.54064 12C8.54064 10.07 10.1106 8.5 12.0406 8.5C13.9706 8.5 15.5406 10.07 15.5406 12C15.5406 13.93 13.9706 15.5 12.0406 15.5Z" fill="currentColor"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
3
newspaper/partials/icons/success-icon.hbs
Normal file
3
newspaper/partials/icons/success-icon.hbs
Normal file
@ -0,0 +1,3 @@
|
||||
<svg class="notification-icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 0.375C12.5527 0.375 15.0009 1.38906 16.8059 3.1941C18.6109 4.99913 19.625 7.44729 19.625 10C19.625 12.5527 18.6109 15.0009 16.8059 16.8059C15.0009 18.6109 12.5527 19.625 10 19.625C7.44729 19.625 4.99913 18.6109 3.1941 16.8059C1.38906 15.0009 0.375 12.5527 0.375 10C0.375 7.44729 1.38906 4.99913 3.1941 3.1941C4.99913 1.38906 7.44729 0.375 10 0.375ZM8.801 11.8989L6.66288 9.75937C6.58622 9.68272 6.49523 9.62192 6.39508 9.58044C6.29493 9.53895 6.18759 9.5176 6.07919 9.5176C5.97079 9.5176 5.86345 9.53895 5.7633 9.58044C5.66315 9.62192 5.57215 9.68272 5.4955 9.75937C5.3407 9.91418 5.25373 10.1241 5.25373 10.3431C5.25373 10.562 5.3407 10.7719 5.4955 10.9268L8.218 13.6493C8.29444 13.7263 8.38536 13.7874 8.48554 13.8292C8.58572 13.8709 8.69317 13.8924 8.80169 13.8924C8.91021 13.8924 9.01765 13.8709 9.11783 13.8292C9.21801 13.7874 9.30894 13.7263 9.38538 13.6493L15.0229 8.01038C15.1005 7.93404 15.1623 7.84309 15.2047 7.74275C15.247 7.64242 15.2691 7.53469 15.2696 7.42579C15.2701 7.31689 15.2491 7.20896 15.2076 7.10824C15.1662 7.00751 15.1053 6.91599 15.0283 6.83893C14.9514 6.76188 14.8599 6.70083 14.7592 6.6593C14.6586 6.61777 14.5507 6.59658 14.4418 6.59696C14.3328 6.59734 14.2251 6.61927 14.1247 6.6615C14.0243 6.70373 13.9333 6.76542 13.8569 6.843L8.801 11.8989Z" fill="var(--success-color)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
4
newspaper/partials/icons/twitter-icon.hbs
Normal file
4
newspaper/partials/icons/twitter-icon.hbs
Normal file
@ -0,0 +1,4 @@
|
||||
<svg width="100%" height="100%" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.985 0H0L7.0623 9.41783L0.38475 17.1H2.6505L8.11224 10.8166L12.825 17.1H18.81L11.4502 7.28631L17.784 0H15.5182L10.4002 5.88753L5.985 0ZM13.68 15.39L3.42 1.71H5.13L15.39 15.39H13.68Z" fill="var(--text-color)"/>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 333 B |
17
newspaper/partials/navigation.hbs
Normal file
17
newspaper/partials/navigation.hbs
Normal file
@ -0,0 +1,17 @@
|
||||
{{#if isSecondary}}
|
||||
<ul class="footer-nav">
|
||||
{{#foreach navigation type="secondary" }}
|
||||
<li class="footer-nav-{{slug}}{{#if current}} nav-current{{/if}}" data-label="{{label}}">
|
||||
<a class="footer-nav-link hover-underline" href="{{url absolute="true"}}">{{label}}</a>
|
||||
</li>
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
{{else}}
|
||||
<ul class="nav">
|
||||
{{#foreach navigation}}
|
||||
<li class="nav-{{slug}}{{#if current}} nav-current{{/if}}" data-label="{{label}}">
|
||||
<a class="nav-link hover-underline" href="{{url absolute="true"}}">{{label}}</a>
|
||||
</li>
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
9
newspaper/partials/pagination.hbs
Normal file
9
newspaper/partials/pagination.hbs
Normal file
@ -0,0 +1,9 @@
|
||||
<custom-pagination id="custom-pagination" data-current-page="1" data-is-archivepage="{{is_archivepage}}">
|
||||
<nav class="pagination-nav">
|
||||
{{#if next}}
|
||||
<button id="load-more-btn" class="pagination-button button" style="display: {{#if pagination.next}}flex{{else}}none{{/if}}">
|
||||
{{t "Load more"}}
|
||||
</button>
|
||||
{{/if}}
|
||||
</nav>
|
||||
</custom-pagination>
|
||||
Reference in New Issue
Block a user