feat(various): improvements

This commit is contained in:
Dimitrie Stefanescu
2021-02-10 18:59:09 +00:00
parent 6a22d52654
commit 62de13b7ee
15 changed files with 57 additions and 72 deletions
File diff suppressed because one or more lines are too long
+6 -6
View File
@@ -30,11 +30,11 @@
</div>
{{> cardCTA }}
<aside class="w-default py-10">
{{pagination}}
</aside>
{{!-- {{> cardCTA }} --}}
{{!-- TODO: pagination --}}
{{!-- NOTE: seems like custom collections do not paginate? --}}
<aside class="h-screen/3 flex flex-wrap content-center mx-auto max-w-5xl px-10 lg:px-24 sm:mt-24">
{{pagination}}
</aside>
{{!-- NOTE: seems like custom collections do not paginate? --}}
+15 -18
View File
@@ -55,26 +55,23 @@
</div>
<div class="max-w-prose mx-auto mt-8 grid gap-5 md:grid-cols-2 mb-10">
<div class="w-default 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"}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:>{{id}}"
limit="1" order="id asc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<
{{id}}" limit=" 1" order="id desc" }}
{{#foreach posts}} {{> cardFancySmall}}
{{/foreach}} {{/get}} {{> 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">
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{#get "posts" filter="tags:{{primary_tag.slug}}+id:<{{id}}" limit="1" order="id desc"}}
{{#foreach posts}}
{{> cardFancySmall}}
{{/foreach}}
{{/get}}
{{> cardTag}}
{{> cardCTA}} </div> </aside> --}} </article>
{{/post}}
</div>
</article>
{{/post}}
+4 -3
View File
@@ -1,9 +1,10 @@
{{!< default}}
{{#tag}}
<main class="w-default h-screen/3 flex flex-wrap content-center mt-24">
{{> extras/patterns}}
<main class="relative 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
@@ -19,7 +20,7 @@
{{/tag}}
<div class="w-default my-10 ">
<div class="relative w-default my-10 ">
<div class="grid md:grid-cols-2 gap-5 w-full -px-5">
<div class="relative h-36 md:h-24 lg:h-48 rounded-2xl overflow-hidden transition hover:shadow-2xl p-5 flex col-span-2 sm:col-span-1 bg-white dark:bg-gray-900 ">
+2 -2
View File
@@ -8,11 +8,11 @@
{{> landing/logos }}
{{> landing/features-wide }}
{{> landing/featuresPreview }}
{{> landing/opensource }}
{{> landing/developers }}
{{> landing/developersPreview }}
{{> cardCTA subHeadline="We're working round the clock to get V2 out - be the first to try it out:" }}
+1 -1
View File
@@ -63,7 +63,7 @@
"defaults"
],
"config": {
"posts_per_page": 5,
"posts_per_page": 6,
"image_sizes": {
"xxs": {
"width": 30
+1 -3
View File
@@ -35,7 +35,7 @@
</div>
</div>
<div class="w-default grid grid-cols-1 sm:grid-cols-2 gap-5">
<div class="w-default grid grid-cols-1 sm:grid-cols-2 gap-5 mb-10">
<div class="relative h-96 rounded-2xl overflow-hidden transition bg-white dark:bg-gray-900 hover:shadow-2xl p-5 flex justify-center text-center">
<a href="/careers" class="flex w-full h-full">
@@ -75,8 +75,6 @@
</div>
{{> extras/companyDetails}}
</article>
+2 -2
View File
@@ -53,10 +53,10 @@
<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>
Wait, isn't Speckle free?
Wait, isn't Speckle Open Source?
</h4>
<p class="text-base">
Speckle is Open Source - not free. You can always self-host your server, build your own connectors, etc. - at your own cost.
Yes! Speckle is Open Source. You can always self-host your server, build your own connectors, etc. - at your own cost.
Check out our <a class="text-blue-500 font-normal"
href="https://github.com/specklesystems">
code on Github.</a>
+1 -1
View File
@@ -21,7 +21,7 @@
</div>
<p class="text-gray-500 text-xs mt-10">
© Aec Systems Ltd. Speckle and Speckle Systems are trademarks of AEC Systems Ltd., registered
in the UK and in other countries.
in the UK and in other countries. Company No. 12403784.
</p>
</div>
@@ -17,7 +17,7 @@
<div class="relative grid gap-4 grid-cols-1 md:grid-cols-2 mt-10">
{{#foreach posts}}
<div class="rounded-lg transition transition overflow-hidden bg-white dark:bg-gray-900 dark:hover:bg-gray-800 shadow hover:shadow-2xl dark:text-gray-200">
<div class="rounded-lg transition overflow-hidden bg-white dark:bg-gray-900 dark:hover:bg-gray-800 shadow hover:shadow-2xl dark:text-gray-200">
<div class="flex-1 p-6 flex flex-col justify-between">
<div class="flex-1">
<a href="{{url}}" class="block mt-1">
@@ -59,7 +59,7 @@
<p class="relative text-xl lg:hidden font-semibold text-gray-900 dark:text-gray-200 bg-white dark:bg-gray-900 py-8 px-8">
3d Viewer: Batteries Included
</p>
<div class="relative h-72 w-full flex justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 to-gray-800"
<div class="relative h-72 w-full flex justify-center bg-gradient-to-br from-white dark:from-gray-900 via-gray-200 dark:via-gray-700 dark:to-gray-800 to-white"
id="renderer">
<button class="animate-bounce self-center text-sm font-bold bg-blue-600 text-white rounded-full p-3 shadow-2xl transition hover:bg-blue-500"
onclick="loadViewer()" id="loadbutton">
@@ -85,7 +85,7 @@
<pre class="" style="margin:0 !important; font-size: 0.8em !important;">
<code class="language-javascript">
// Sample 3d viewer app
// https://github.com/specklesystems/speckle-server/tree/master/packages/viewer
// See: https://github.com/specklesystems/speckle-server
import Viewer from '@speckle/viewer'
let viewer = new Viewer( )
-23
View File
@@ -1,23 +0,0 @@
<div class="w-default container my-10 mx-auto sm:mt-24">
<div class="relative p-3 h-screen/2 col-span-2 opacity-50 flex text-center justify-center">
{{!-- <img src="https://segment.com/site-assets/f06e5744/images/index/img__data-flow.svg"> --}}
<img src="https://segment.com/site-assets/f06e5744/images/index/img__phone.svg">
</div>
<h3 class="relative text-xl my-2 text-blue-600">Why Speckle</h3>
<p class="relative dark:text-white">Designers, architects and
engineers use Speckle to Action 1, Action 2, Action
3.
</p>
<div class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mt-10">
{{#get "posts" filter="primary_tag:usecases+featured:true"}}
{{#foreach posts}}
{{> cardFancySmallNoImage }}
{{/foreach}}
{{/get}}
</div>
{{!-- <div class="relative p-3 h-screen/2 col-span-2 flex text-center justify-center -mt-48">
<img src="https://segment.com/site-assets/f06e5744/images/index/img__data-flow.svg">
<img src="https://segment.com/site-assets/images/img__call-to-action.svg">
</div> --}}
</div>
@@ -26,7 +26,7 @@
<div class="relative grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-4 lg:gap-2 grid-flow-row">
{{#foreach posts}}
<div class="rounded-lg transition transition overflow-hidden bg-white dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:text-gray-200"
<div class="rounded-lg transition overflow-hiddenbg-white dark:bg-gray-900 dark:hover:bg-gray-800 shadow hover:shadow-2xl dark:text-gray-200"
@mouseenter="activeSlide='{{@index}}';">
<div class="flex-shrink-0 lg:hidden">
<img class="h-48 w-full object-cover" srcset="{{img_url feature_image size="s"}} 300w,
@@ -59,7 +59,7 @@
{{/foreach}}
<div class="relative rounded-xl py-5 hover:rounded-2xl hover:shadow-2xl bg-white dark:bg-gray-900 transition overflow-hidden flex">
<div class="relative rounded-xl py-5 hover:rounded-2xl shadow hover:shadow-2xl bg-white dark:bg-gray-900 transition overflow-hidden flex">
<a href="/usecases" class="w-full self-center">
<div class="relative px-8">
<div class="text-xl font-semibold text-blue-600">
+6 -4
View File
@@ -10,7 +10,8 @@
{{!-- Logo/Home Link --}}
<div @mouseenter="usecasesMenu = false; learnMenu = false; developersMenu = false">
<a href="/" class="flex">
<a href="/" class="flex relative" style="margin-top:-4px;">
<img class="h-8 mr-2 " src="{{@site.logo}}" alt="logo">
<div class="text-2xl text-blue-600 dark:text-blue-500 title-font font-bold mr-5">
Speckle
</div>
@@ -19,7 +20,7 @@
{{!-- Mobile Menu Button --}}
<div class="-mr-2 -my-2 md:hidden">
<div class="-mr-2 -my-2 lg:hidden">
<button @click="mobileMenuOpen = true" type="button"
class="bg-white dark:bg-gray-900 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500">
<svg class="h-6 w-6" x-description="Heroicon name: menu"
@@ -34,7 +35,7 @@
{{!-- Main Menu --}}
<div class="hidden md:flex-1 md:flex md:items-center md:justify-between">
<div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-between">
<nav class="flex space-x-4">
{{!-- use cases menu button --}}
@@ -233,7 +234,8 @@
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="duration-100 ease-in"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-95" class="fixed w-full h-full z-30 top-0 inset-x-0 p-2 transition transform origin-top-right md:hidden">
x-transition:leave-end="opacity-0 scale-95"
class="fixed w-full h-full z-30 top-0 inset-x-0 p-2 transition transform origin-top-right lg:hidden">
<div class="rounded-lg shadow-2xl bg-white dark:bg-gray-900">
<div class="pt-5 pb-6 px-5 sm:pb-8">
<div class="flex items-center justify-between">
+11
View File
@@ -0,0 +1,11 @@
<nav class="pagination text-center text-xl" role="navigation">
{{#if prev}}
<a class="newer-posts text-blue-600 rounded-full bg-white dark:bg-gray-900 mx-5 py-2 px-5 shadow transition hover:shadow-xl" href="{{page_url prev}}">&larr;
Newer Posts</a>
{{/if}}
<span class="page-number dark:text-gray-300">Page {{page}} of {{pages}}</span>
{{#if next}}
<a class="older-posts text-blue-600 rounded-full bg-white dark:bg-gray-900 mx-5 py-2 px-5 shadow transition hover:shadow-xl" href="{{page_url next}}">Older
Posts &rarr;</a>
{{/if}}
</nav>
+2 -3
View File
@@ -15,9 +15,8 @@
<span class="font-medium text-base text-blue-600">£0/mo</span>
</h2>
<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, hosted and managed by
Our free plan is for individuals and small teams who want to
enjoy Speckle without extra hassle, hosted and managed by
us.
</p>
<p class="mb-2 dark:text-gray-300">Interoperability:</p>