feat(various): + adds company details as per HM's requirements

This commit is contained in:
Dimitrie Stefanescu
2021-02-06 14:28:07 +00:00
parent d55e1a03cf
commit de5ebff607
14 changed files with 198 additions and 63 deletions
+1 -1
View File
@@ -3,7 +3,7 @@
{{#tag}}
<main class="w-default flex flex-wrap content-center sm:mt-24">
<main class="w-default flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
The Speckle
+1 -1
View File
@@ -3,7 +3,7 @@
{{#tag}}
<main class="w-default flex flex-wrap content-center sm:mt-24">
<main class="w-default flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-800 dark:text-gray-100 sm:text-5xl md:text-6xl">
<span class="block xl:inline text-gradient text-gradient bg-gradient-to-r from-blue-500 to-blue-700">
+2 -2
View File
@@ -3,7 +3,7 @@
{{#tag}}
<main class="w-default h-screen/3 flex flex-wrap content-center sm:mt-24">
<main class="w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
Hey
@@ -65,4 +65,4 @@
</div>
{{> cardCTA headline="Ready to hack?" subHeadline="Create an account and starting drilling the api in 5 minutes." }}
{{> cardCTA headline="Ready to hack?" subHeadline="Speckle 2.0 is coming soon." }}
+1 -4
View File
@@ -114,10 +114,7 @@
</div>
<div class="px-5 my-20 sm:px-10 md:mx-auto max-w-4xl text-xs dark:text-gray-200 text-center">
Speckle is a trademark of AEC Systems Ltd., registered
in the UK and in other countries.
</div>
{{> extras/companyDetails}}
</article>
+66 -6
View File
@@ -21,13 +21,14 @@
{{> pricing }}
</div>
<div class="relative max-w-prose px-5 mx-auto mb-20 grid grid-cols-3 gap-4 bg-white dark:bg-gray-900 rounded-xl">
<div class="relative max-w-prose p-5 mx-auto mb-20 grid grid-cols-3 gap-4 bg-white dark:bg-gray-900 rounded-xl">
<div class="col-span-3 md:col-span-2">
<h2 class="font-bold text-xl mt-5 text-gray-700 dark:text-gray-200">
Self Hosting
</h2>
<p class="mb-5 mt-5 pt-5 border-t dark:border-gray-600 dark:text-gray-200">
Speckle is open source. You can always deploy it on your own.
<p class="mb-5 mt-5 dark:text-gray-200">
Speckle is open source. You can always deploy it
on your own.
</p>
</div>
<div class="col-span-3 md:col-span-1 justify-center">
@@ -41,7 +42,7 @@
</div>
</div>
<header class="mb-10 mt-24 px-4 lg:px-8 relative sm:px-6">
<header class="mb-10 mt-24 px-4 lg:px-8 relative sm:px-6 pb-10">
<div class="mx-auto max-w-prose object-center justify-center">
<h1>
<span class="font-extrabold leading-8 text-xl text-gray-700 tracking-tight mt-12 dark:text-gray-100 ">
@@ -50,6 +51,37 @@
</h1>
<div class="leading-8 mx-auto max-w-prose mt-8">
<div class="my-5 text-xl text-gray-700 dark:text-gray-200">
<h4 class="text-xl mb-4">
<span class="text-blue-600 font-bold">Q:</span>
Which is the best plan for me?
</h4>
<p class="text-base">
If you are a large enterprise or have special
data sovereignty
requirements for your project, the
Managed plan is best suited to cover your
needs. We support deploying Speckle on your
own infrastructure, or ours.
<br>
For everyday usage & just getting things
done, we recommend the Standard plan.
</p>
</div>
<div class="my-5 text-xl text-gray-700 dark:text-gray-200">
<h4 class="text-xl mb-4">
<span class="text-blue-600 font-bold">Q:</span>
Can you deploy Speckle on Azure, AWS, or GCP?
</h4>
<p class="text-base">
Yes. As part of the Managed plan, we can
deploy Speckle for you on any cloud provider
your company might
be using.
</p>
</div>
<div class="my-5 text-xl text-gray-700 dark:text-gray-200">
<h4 class="text-xl mb-4">
<span class="text-blue-600 font-bold">Q:</span>
@@ -71,7 +103,21 @@
<span class="text-blue-600 font-bold">Q:</span>
Will the Standard plan always be free?
</h4>
<p class="text-base">As it stands now, yes. We will gradually introduce other plans with extra features that will come at a cost.</p>
<p class="text-base">Yes.
</p>
</div>
<div class="my-5 text-xl text-gray-700 dark:text-gray-200">
<h4 class="text-xl mb-4">
<span class="text-blue-600 font-bold">Q:</span>
I'm a teacher/professor/academic/university, can I get a managed server?
</h4>
<p class="text-base">Absolutely. Just get in
touch with us, and we'll discuss the best way
to go forward. <a class="text-blue-500 font-normal"
href="/contact">
Contact us.</a>
</p>
</div>
<div class="my-5 text-xl text-gray-700 dark:text-gray-200">
@@ -80,7 +126,21 @@
What does "Speckle" stand for?
</h4>
<p class="text-base">
Only few people know this. It's a closely guarded secret, but if you find out - let us know and we'll send you some stickers.
Only a few people know this. It's a closely
guarded secret, but if you find out - let us
know and we'll send you a sticker pack.
</p>
</div>
<div class="my-5 text-xl text-gray-700 dark:text-gray-200">
<h4 class="text-xl mb-4">
<span class="text-blue-600 font-bold">Q:</span>
I have more questions!
</h4>
<p class="text-base">
Great, we're here to talk! <a class="text-blue-500 font-normal"
href="/contact">
Contact us.</a>
</p>
</div>
</div>
+84
View File
@@ -0,0 +1,84 @@
{{!< default}}
{{#post}}
<article class="relative">
{{!-- Header --}}
<header class="relative px-4 sm:px-6 lg:px-8 mt-24">
<div class="max-w-prose mx-auto object-center">
<h1>
<span class="mt-12 block text-4xl text-center leading-8 font-extrabold tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl">
{{title}}
</span>
</h1>
</div>
</header>
<div class="post-body mt-10 max-w-prose mx-auto text-gray-700 dark:text-gray-300">
{{content}}
</div>
<div class="max-w-prose mx-auto py-10 px-5 lg:px-0">
<div class="relative py-10 my-5 rounded-2xl overflow-hidden flex col-span-2 transition hover:shadow-2xl bg-white dark:bg-gray-900">
<div class="relative block mx-auto self-center text-center">
<a href="mailto:hello@speckle.systems" class="w-full h-full flex content-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none"
class="w-8 h-8 text-blue-600 mr-2"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<div class=" text-2xl font-semibold text-blue-600">
General Inquiries & Sales →
</div>
</a>
</div>
</div>
<div class="relative py-10 my-5 rounded-2xl overflow-hidden flex col-span-2 transition hover:shadow-2xl bg-white dark:bg-gray-900">
<div class="relative block mx-auto self-center text-center ">
<a href="http://speckle.community" class="w-full h-full flex content-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none"
class="w-8 h-8 text-blue-600 mr-2"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
<div class=" text-2xl font-semibold text-blue-600">
Community Forum →
</div>
</a>
</div>
</div>
{{!-- <div class="relative py-10 my-5 rounded-2xl overflow-hidden flex col-span-2">
<div class="relative block mx-auto self-center text-center">
<div class="text-2xl font-semibold text-gray-700 dark:text-gray-400">
Mail
</div>
<div class="text-xl max-w-lg text-gray-700 dark:text-gray-400">
Aec Systems Ltd.<br>
20-22 Wenlock Road,
N1 7GU London, UK
</div>
</div>
</div> --}}
</div>
{{> extras/companyDetails}}
</article>
{{/post}}
+2 -3
View File
@@ -1,10 +1,9 @@
{{!< default}}
{{#post}}
<article class="relative">
<article class="relative">
{{!-- Header --}}
{{> extras/patterns}}
@@ -44,4 +43,4 @@
</article>
{{/post}}
{{/post}}
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="relative h-screen/2 rounded-2xl overflow-hidden flex col-span-3 sm:col-span-2 md:col-span-1">
<div class="relative h-screen/2 rounded-2xl overflow-hidden flex col-span-3 sm:col-span-2 md:col-span-1 px-8 mx-auto">
<div class="block mx-auto self-center text-center">
<div class="text-3xl font-semibold text-gray-500">
{{#if headline}}
+10
View File
@@ -0,0 +1,10 @@
<div class="px-5 mt-20 sm:px-10 md:mx-auto max-w-4xl text-xs dark:text-gray-200 text-center">
Speckle is a trademark of AEC Systems Ltd., registered
in the UK and in other countries.
</div>
<div class="px-5 mb-20 mt-4 sm:px-10 md:mx-auto max-w-4xl text-xs dark:text-gray-200 text-center">
Aec Systems Ltd is a private limited company registered
in England and Wales. Company No. 12403784. Address:
20-22 Wenlock Road, London, England, N1 7GU, UK
</div>
+1 -1
View File
@@ -1,4 +1,4 @@
<div class="flex w-full py-32 bg-white dark:bg-gray-900">
<div class="flex w-full py-10 lg:py-32 bg-white dark:bg-gray-900">
<div class="w-default grid grid-cols-1 lg:grid-cols-2 gap-10">
<div class="relative">
<h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600 border-l-4 dark:border-gray-700">Open
+3 -4
View File
@@ -1,4 +1,4 @@
<a href="https://discourse.speckle.works" target="blank"
<a href="https://speckle.community" target="blank"
class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex-shrink-0">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
@@ -28,7 +28,7 @@
</div>
</a>
<a href="https://discourse.speckle.works" target="blank"
<a href="https://speckle.guide" target="blank"
class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
<div class="flex-shrink-0">
<span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
@@ -49,8 +49,7 @@
speckle.community
</p>
<p class="mt-1 text-sm font-normal text-gray-900 dark:text-gray-50">
Where questions get answered, showcases, and
more!
Where specklers usually hang out. Q&As, Dev Help, Showcases, and more!
</p>
</div>
<p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Register
+16 -12
View File
@@ -1,18 +1,18 @@
<div class="bg-white p-10 col-span-1 lg:col-span-3 shadow-xl rounded-xl dark:bg-gray-700 relative ring dark:ring-blue-700">
<div class="bg-white p-10 col-span-1 lg:col-span-3 shadow-xl rounded-xl dark:bg-gray-900 relative ring dark:ring-blue-700">
<div>
<h3 class="bg-blue-100 font-semibold text-base text-blue-600 tracking-wide uppercase px-4 py-1 rounded-full inline-flex">
<span class="hidden md:inline-block">Speckle for</span> Teams & Individuals
<span class="hidden md:inline-block mr-1">Speckle for</span> Teams & Individuals
</h3>
<h2 class="font-bold text-4xl mt-5 dark:text-gray-200">
<h2 class="font-bold text-4xl mt-5 dark:text-gray-300">
Standard
<span class="font-medium text-base text-gray-400 dark:text-gray-600">Free</span>
<span class="font-medium text-base text-blue-600">Free</span>
</h2>
<p class="mb-5 mt-5 pt-5 border-t dark:border-gray-600 dark:text-gray-200">
<p class="mb-5 mt-5 pt-5 border-t dark:border-gray-600 dark:text-gray-300">
Our standard plan for individuals & teams.
Enjoy
Speckle without extra hassle.
</p>
<p class="mb-2 dark:text-gray-200">Interoperability:</p>
<p class="mb-2 dark:text-gray-300">Interoperability:</p>
<ul class="space-y-2 ">
{{> extras/listItem value="Speckle Revit"}}
{{> extras/listItem value="Speckle Rhino"}}
@@ -20,7 +20,7 @@
{{> extras/listItem value="Speckle Grasshopper"}}
{{> extras/listItem value="And More "}}
</ul>
<p class="my-4 dark:text-gray-200">Features:</p>
<p class="my-4 dark:text-gray-300">Features:</p>
<ul class="space-y-2 ">
{{> extras/listItem value="Unlimited streams"}}
{{> extras/listItem value="Unlimited versions"}}
@@ -43,25 +43,29 @@
<div class="bg-gray-50 dark:bg-gray-800 col-span-1 lg:col-span-2 p-10 flex-wrap rounded-xl flex relative">
<div class="w-full">
<h3 class="bg-blue-100 font-semibold text-base text-blue-600 tracking-wide uppercase px-4 py-1 rounded-full inline-flex">
<span class="hidden md:inline-block">Speckle for</span> Enterprises
<span class="hidden md:inline-block mr-1">Speckle for</span> Enterprises
</h3>
<h2 class="font-bold text-4xl mt-5 dark:text-gray-200">
Managed
</h2>
<p class="mb-5 mt-5 pt-5 border-t dark:border-gray-600 dark:text-gray-200">
Dedicated solutions for enterprises, large
teams
or projects.
teams or projects.
</p>
<ul class="font-bold space-y-2 ">
{{> extras/listItem value="Everyting in Standard"}}
</ul>
<p class="my-4 dark:text-gray-200">Deployment:</p>
<ul class="space-y-2 ">
{{> extras/listItem value="On premise, with your cloud infrastructure"}}
{{> extras/listItem value="On our managed cloud infrastructure"}}
</ul>
<p class="my-4 dark:text-gray-200">Extras:</p>
<ul class="space-y-2 ">
{{> extras/listItem value="Custom subdomain"}}
{{> extras/listItem value="Choice of locations"}}
{{> extras/listItem value="Single sign-on"}}
{{> extras/listItem value="SLA"}}
{{> extras/listItem value="SSO (Single sign-on)"}}
{{> extras/listItem value="SLA (Service Level Agreement)"}}
{{> extras/listItem value="Dedicated Support"}}
</ul>
</div>
+9 -27
View File
@@ -4,13 +4,13 @@
<article class="relative">
{{!-- Header --}}
{{> extras/patterns}}
{{!-- Header --}}
<header class="relative px-4 sm:px-6 lg:px-8 mt-10">
<div class="max-w-prose mx-auto object-center">
{{#if feature_image}}
<img class="gh-feature-image mx-auto" srcset="{{img_url feature_image size="s"}} 300w,
{{img_url feature_image size="m"}} 600w,
@@ -20,38 +20,33 @@
loading="lazy" src="{{img_url feature_image size="xl"}}"
alt="{{title}}" />
{{/if}}
<h1 class="mt-10">
<span class="mt-2 block text-4xl text-center leading-8 font-extrabold tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl">
{{title}}
</span>
</h1>
{{#if custom_excerpt}}
<p class="mt-8 text-2xl text-gray-500 dark:text-gray-300 leading-8">
{{custom_excerpt}}
</p>
{{/if}}
</div>
</header>
{{!-- Content --}}
<div class="post-body mt-10 max-w-prose mx-auto text-gray-700 dark:text-gray-300">
{{content}}
</div>
<div class="post-body mt-10 max-w-prose mx-auto text-gray-700 dark:text-gray-300">
{{!-- Read more --}}
<h3 class="text-base mt-24 text-gray-500 text-center">
Wait - there's more! Read on:
</h3>
</div>
<div class="w-default mt-8 grid gap-5 md:grid-cols-2 mb-10">
<div class="max-w-prose mx-auto mt-8 grid gap-5 md:grid-cols-2 mb-10">
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}" limit="1" order="id asc"}}
@@ -69,19 +64,6 @@
{{> cardTag}}
</div>
{{!-- <aside class="my-20 max-w-prose mx-auto text-gray-700 dark:text-gray-300">
<div class="w-full grid gap-5 grid-cols-1 md:grid-cols-2">
{{> cardTag}}
{{> cardCTA}}
</div>
</aside> --}}
</article>
{{/post}}
+1 -1
View File
@@ -3,7 +3,7 @@
{{#tag}}
<main class="w-default h-screen/3 flex flex-wrap content-center sm:mt-24">
<main class="w-default h-screen/3 flex flex-wrap content-center mt-24">
<div class="w-3/3">
<h1 class="text-4xl tracking-tight font-extrabold text-gray-900 dark:text-gray-100 sm:text-5xl md:text-6xl">
Speckle