feat: manager image + post footer

This commit is contained in:
Matteo Cominetti
2022-10-03 16:46:18 +01:00
parent ac9c70bb76
commit 7fda8990c8
5 changed files with 119 additions and 115 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 643 KiB

+50 -51
View File
@@ -1,67 +1,66 @@
{{!< default}}
{{!< default}} {{#post}} <article class="relative max-w-2xl mx-auto px-4 md:px-0">
{{#post}}
{{!-- Header --}}
<article class="relative max-w-2xl mx-auto px-4 md:px-0">
<header class="mt-10 prose prose-lg dark:prose-dark max-w-none">
{{!-- Header --}}
{{#if feature_image}}
<img class="gh-feature-image mx-auto w-full max-w-full" srcset="{{img_url feature_image size=" s"}} 300w, {{img_url
feature_image size="m" }} 600w, {{img_url feature_image size="l" }} 1000w, {{img_url feature_image size="xl" }}
2000w" sizes="(max-width: 1000px) 1000px, 2000px" loading="lazy" src="{{img_url feature_image size=" xl"}}"
alt="{{title}}" />
{{/if}}
<h1 class="">
{{title}}
</h1>
{{#if custom_excerpt}}
<p>
{{custom_excerpt}}
</p>
{{/if}}
<header class="mt-10 prose prose-lg dark:prose-dark max-w-none">
<p class="text-sm">
Written by
{{#foreach authors}}
{{name}}
{{/foreach}}
<span class="text-gray-500">on <time datetime="{{date format=" YYYY-MM-DD"}}">{{date format="D MMM
YYYY"}}</time></span>
{{#if feature_image}}
<img class="gh-feature-image mx-auto w-full max-w-full"
srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1000w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width: 1000px) 1000px, 2000px"
loading="lazy" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" />
{{/if}}
<h1 class="">
{{title}}
</h1>
{{#if custom_excerpt}}
<p>
{{custom_excerpt}}
</p>
{{/if}}
</p>
<p class="text-sm">
Written by
{{#foreach authors}}
{{name}}
{{/foreach}}
<span class="text-gray-500">on <time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time></span>
</header>
</p>
{{!-- Content --}}
</header>
<div class="prose prose-blue dark:prose-dark max-w-none mt-10">
{{!-- Content --}}
{{content}}
<div class="prose prose-blue dark:prose-dark max-w-none mt-10">
</div>
{{content}}
<div
class="relative max-w-prose p-5 mx-auto mb-20 mt-20 pb-5 grid grid-cols-1 gap-4 bg-white dark:bg-gray-900 rounded-xl">
<p class="dark:text-gray-300">Feeback or comments? We'd love to hear from you in our
<a class="font-semibold text-blue-600" href="https://speckle.community/" target="_blank">community
forum!</a>
</p>
</div>
</div>
{{!-- Read more --}}
<div class="mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{!-- Read more --}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="2" order="id asc"}}
<div class="mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="2" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
{{id}}" limit=" 2" order="id desc" }}
{{#foreach posts}} {{> cardFancySmall}}
{{/foreach}} {{/get}} {{> cardTag}} </div> </article>
{{/post}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:< {{id}}" limit=" 2" order="id desc" }} {{#foreach posts}} {{>
cardFancySmall}}
{{/foreach}} {{/get}} {{> cardTag}} </div>
</article>
{{/post}}
+1 -1
View File
@@ -2,7 +2,7 @@
"name": "speckle-starter-theme",
"description": "A custom theme for speckle",
"demo": "https://starter.ghost.io",
"version": "2.4.7",
"version": "2.4.8",
"engines": {
"ghost": ">=3.0.0",
"ghost-api": "v3"
+25 -20
View File
@@ -10,15 +10,15 @@
</h1>
<div
class="post-body text-gray-500 dark:text-gray-100 text-base text-justify sm:text-lg md:text-xl md:max-w-6xl mt-10">
Manage your Connectors and Accounts with ease with Manager for Speckle!
Manage your Connectors and Accounts with ease! Manager for Speckle is the only tool you'll need to install and update Connectors and link your Accounts.
</div>
</div>
</main>
<div class="relative w-default mb-20 gap-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
<div class="relative w-default mb-10 gap-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4">
<div class="self-end mt-10 hover:scale-105 col-span-1 lg:col-start-2 transition transform scale-95">
<div class="self-end mt-5 hover:scale-105 col-span-1 lg:col-start-2 transition transform scale-95">
<button onclick="downloadManager('manager.exe')"
class="w-full bg-blue-500 hover:bg-blue-600 inline-flex items-center justify-center font-medium text-base text-white px-4 py-4 shadow-sm border-transparent rounded-md border hover:ring-4 hover:shadow-xl transition">
@@ -32,7 +32,7 @@
</button>
</div>
<div class="self-end mt-10 hover:scale-105 col-span-1 transition transform scale-95">
<div class="self-end mt-5 hover:scale-105 col-span-1 transition transform scale-95">
<button onclick="downloadManager('manager.dmg')"
class="w-full bg-blue-500 hover:bg-blue-600 inline-flex items-center justify-center font-medium text-base text-white px-4 py-4 shadow-sm border-transparent rounded-md border hover:ring-4 hover:shadow-xl transition">
<svg aria-hidden="true" class="mr-4 -ml-1 w-5 h-5" fill="currentColor" viewBox="0 0 814 1000"
@@ -47,31 +47,36 @@
</div>
<div class="relative max-w-prose p-5 mx-auto mb-10 pb-5 grid grid-cols-1 gap-4 ">
<img class="w-full object-cover" src="{{asset 'images/manager.png'}}" alt="manager"/>
</div>
<div
class="relative max-w-prose p-5 mx-auto mb-20 pb-5 grid grid-cols-1 gap-4 bg-white dark:bg-gray-900 rounded-xl transition hover:shadow-xl">
<p class="dark:text-gray-300">Want to see all our releases and set up Conectors and Accounts manually? Visit our
<a class="font-semibold text-blue-600" href="https://releases.speckle.systems/" target="_blank">
releases page</a> instead.</p>
releases page</a> instead.
</p>
</div>
<script>
async function downloadManager(filename) {
let url = `https://releases.speckle.dev/manager2/installer/${filename}`
<script>
async function downloadManager(filename) {
let url = `https://releases.speckle.dev/manager2/installer/${filename}`
let a = document.createElement('a')
document.body.appendChild(a)
a.style = 'display: none'
a.href = url
a.download = filename
a.click()
document.body.removeChild(a)
let a = document.createElement('a')
document.body.appendChild(a)
a.style = 'display: none'
a.href = url
a.download = filename
a.click()
document.body.removeChild(a)
mixpanel.track('Manager Download', {
os: filename.includes('exe') ? 'win' : 'mac'
})
}
</script>
mixpanel.track('Manager Download', {
os: filename.includes('exe') ? 'win' : 'mac'
})
}
</script>
+43 -43
View File
@@ -1,58 +1,58 @@
{{!< default}}
{{!< default}} {{#post}} <article class="relative max-w-2xl mx-auto px-4 md:px-0">
{{#post}}
{{!-- Header --}}
<article class="relative max-w-2xl mx-auto px-4 md:px-0">
{{!-- Header --}}
<header class="mt-10 prose prose-lg dark:prose-dark max-w-none">
<header class="mt-10 prose prose-lg dark:prose-dark max-w-none">
{{#if feature_image}}
<img class="gh-feature-image mx-auto w-full max-w-full"
srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
{{img_url feature_image size="l"}} 1000w,
{{img_url feature_image size="xl"}} 2000w"
sizes="(max-width: 1000px) 1000px, 2000px"
loading="lazy" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" />
{{/if}}
<h1 class="">
{{title}}
</h1>
{{#if custom_excerpt}}
<p>
{{custom_excerpt}}
</p>
{{/if}}
{{#if feature_image}}
<img class="gh-feature-image mx-auto w-full max-w-full" srcset="{{img_url feature_image size=" s"}} 300w, {{img_url
feature_image size="m" }} 600w, {{img_url feature_image size="l" }} 1000w, {{img_url feature_image size="xl" }}
2000w" sizes="(max-width: 1000px) 1000px, 2000px" loading="lazy" src="{{img_url feature_image size=" xl"}}"
alt="{{title}}" />
{{/if}}
<h1 class="">
{{title}}
</h1>
{{#if custom_excerpt}}
<p>
{{custom_excerpt}}
</p>
{{/if}}
</header>
</header>
{{!-- Content --}}
{{!-- Content --}}
<div class="prose prose-blue dark:prose-dark max-w-none mt-10 post-content">
<div class="prose prose-blue dark:prose-dark max-w-none mt-10 post-content">
{{content}}
{{content}}
</div>
</div>
<div
class="relative max-w-prose p-5 mx-auto mb-20 mt-20 pb-5 grid grid-cols-1 gap-4 bg-white dark:bg-gray-900 rounded-xl">
<p class="dark:text-gray-300">Feeback or comments? We'd love to hear from you in our
<a class="font-semibold text-blue-600" href="https://speckle.community/" target="_blank">community
forum!</a>
</p>
</div>
{{!-- Read more --}}
{{!-- Read more --}}
<div class="mt-8 grid gap-5 md:grid-cols-2 mb-10">
<div class="mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="2" order="id asc"}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="2" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
{{id}}" limit=" 2" order="id desc" }}
{{#foreach posts}} {{> cardFancySmall}}
{{/foreach}} {{/get}} {{> cardTag}} </div> </article>
{{/post}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:< {{id}}" limit=" 2" order="id desc" }} {{#foreach posts}} {{>
cardFancySmall}}
{{/foreach}} {{/get}} {{> cardTag}} </div>
</article>
{{/post}}