Ghost/ghost/admin/app/components/dashboard/resources/explore-feed.hbs
Aileen Nowak beaf7464c6 Replaced Staff Picks with Explore feed
no issue

- Deleted staff picks
- Added Explore Feed Dashboard resource
- Added styles and svgs
- Moved "What's New" resource into a split box with community box
2022-09-06 13:46:38 +00:00

48 lines
2.5 KiB
Handlebars

<section class="gh-dashboard-section gh-dashboard-explore-feed" {{did-insert this.load}}>
<article class="gh-dashboard-box">
<div class="gh-dashboard-resource-title is-large">
<div>
<h4>Featured publications</h4>
<p>Explore great content being published on Ghost.</p>
</div>
<div>
<a href="https://ghost.org/explore/" target="_blank" rel="noopener noreferrer">Browse sites</a>
<LinkTo @route="explore" class="gh-dashboard-explore-add">Add your site to Explore <span>{{svg-jar "ghost-favicon-pink" alt="Ghost" class="w4 v-mid"}}</span></LinkTo>
</div>
</div>
<div class="gh-dashboard-resource-body">
<div class="gh-dashboard-columns">
{{#if (not (or this.loading this.error))}}
{{#each this.sites as |entry|}}
<a class="gh-dashboard-column gh-dashboard-explore-card" href={{entry.url}} target="_blank" rel="noopener noreferrer">
<div class="gh-dashboard-explore-header">
<div class="gh-dashboard-explore-icon">
<img src={{entry.icon}} alt={{entry.title}} />
</div>
<div class="gh-dashboard-explore-title gap-2">
<h5 class="truncate">{{entry.title}}</h5>
</div>
<p>{{entry.description}}</p>
</div>
<div class="gh-dashboard-explore-footer text-xs md:text-sm mt-5 gap-3 font-medium">
<p class="truncate">{{entry.pretty_url}}</p>
{{#if entry.mrr}}
<div class="gh-dashboard-explore-mrr">{{entry.mrr}}</div>
{{else if entry.members}}
<div class="gh-dashboard-explore-members">{{entry.members}}</div>
{{else}}
<div class="gh-dashboard-explore-arrow">→</div>
{{/if}}
</div>
</a>
{{else}}
<div class="gh-dashboard-list-empty">
<p>No sites yet.</p>
</div>
{{/each}}
{{/if}}
</div>
</div>
</article>
</section>