diff --git a/assets/built/screen.css b/assets/built/screen.css index c0fbc5d..406ffe1 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -245,6 +245,11 @@ Correct the cursor style of increment and decrement buttons in Safari. 2. Correct the outline style in Safari. */ +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + /** Remove the inner padding in Chrome and Safari on macOS. */ @@ -521,6 +526,56 @@ video { border-color: rgba(229, 231, 235, var(--tw-border-opacity)); } +[type='text'],[type='url'],[type='date'],[type='search'],[type='time'],[multiple],textarea,select { + appearance: none; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + border-radius: 0px; + padding-top: 0.5rem; + padding-right: 0.75rem; + padding-bottom: 0.5rem; + padding-left: 0.75rem; + font-size: 1rem; + line-height: 1.5rem; +} + +[type='text']:focus, [type='url']:focus, [type='date']:focus, [type='search']:focus, [type='time']:focus, [multiple]:focus, textarea:focus, select:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + border-color: #2563eb; +} + +input::placeholder,textarea::placeholder { + color: #6b7280; + opacity: 1; +} + +select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + color-adjust: exact; +} + +[multiple] { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + color-adjust: unset; +} + .container { width: 100%; } @@ -951,6 +1006,229 @@ video { margin-bottom: 0; } +.prose-sm { + font-size: 0.875rem; + line-height: 1.7142857; +} + +.prose-sm p { + margin-top: 1.1428571em; + margin-bottom: 1.1428571em; +} + +.prose-sm [class~="lead"] { + font-size: 1.2857143em; + line-height: 1.5555556; + margin-top: 0.8888889em; + margin-bottom: 0.8888889em; +} + +.prose-sm blockquote { + margin-top: 1.3333333em; + margin-bottom: 1.3333333em; + padding-left: 1.1111111em; +} + +.prose-sm h1 { + font-size: 2.1428571em; + margin-top: 0; + margin-bottom: 0.8em; + line-height: 1.2; +} + +.prose-sm h2 { + font-size: 1.4285714em; + margin-top: 1.6em; + margin-bottom: 0.8em; + line-height: 1.4; +} + +.prose-sm h3 { + font-size: 1.2857143em; + margin-top: 1.5555556em; + margin-bottom: 0.4444444em; + line-height: 1.5555556; +} + +.prose-sm h4 { + margin-top: 1.4285714em; + margin-bottom: 0.5714286em; + line-height: 1.4285714; +} + +.prose-sm img { + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; +} + +.prose-sm video { + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; +} + +.prose-sm figure { + margin-top: 1.7142857em; + margin-bottom: 1.7142857em; +} + +.prose-sm figure > * { + margin-top: 0; + margin-bottom: 0; +} + +.prose-sm figure figcaption { + font-size: 0.8571429em; + line-height: 1.3333333; + margin-top: 0.6666667em; +} + +.prose-sm code { + font-size: 0.8571429em; +} + +.prose-sm h2 code { + font-size: 0.9em; +} + +.prose-sm h3 code { + font-size: 0.8888889em; +} + +.prose-sm pre { + font-size: 0.8571429em; + line-height: 1.6666667; + margin-top: 1.6666667em; + margin-bottom: 1.6666667em; + border-radius: 0.25rem; + padding-top: 0.6666667em; + padding-right: 1em; + padding-bottom: 0.6666667em; + padding-left: 1em; +} + +.prose-sm ol { + margin-top: 1.1428571em; + margin-bottom: 1.1428571em; +} + +.prose-sm ul { + margin-top: 1.1428571em; + margin-bottom: 1.1428571em; +} + +.prose-sm li { + margin-top: 0.2857143em; + margin-bottom: 0.2857143em; +} + +.prose-sm ol > li { + padding-left: 1.5714286em; +} + +.prose-sm ol > li::before { + left: 0; +} + +.prose-sm ul > li { + padding-left: 1.5714286em; +} + +.prose-sm ul > li::before { + height: 0.3571429em; + width: 0.3571429em; + top: calc(0.8571429em - 0.1785714em); + left: 0.2142857em; +} + +.prose-sm > ul > li p { + margin-top: 0.5714286em; + margin-bottom: 0.5714286em; +} + +.prose-sm > ul > li > *:first-child { + margin-top: 1.1428571em; +} + +.prose-sm > ul > li > *:last-child { + margin-bottom: 1.1428571em; +} + +.prose-sm > ol > li > *:first-child { + margin-top: 1.1428571em; +} + +.prose-sm > ol > li > *:last-child { + margin-bottom: 1.1428571em; +} + +.prose-sm ul ul, .prose-sm ul ol, .prose-sm ol ul, .prose-sm ol ol { + margin-top: 0.5714286em; + margin-bottom: 0.5714286em; +} + +.prose-sm hr { + margin-top: 2.8571429em; + margin-bottom: 2.8571429em; +} + +.prose-sm hr + * { + margin-top: 0; +} + +.prose-sm h2 + * { + margin-top: 0; +} + +.prose-sm h3 + * { + margin-top: 0; +} + +.prose-sm h4 + * { + margin-top: 0; +} + +.prose-sm table { + font-size: 0.8571429em; + line-height: 1.5; +} + +.prose-sm thead th { + padding-right: 1em; + padding-bottom: 0.6666667em; + padding-left: 1em; +} + +.prose-sm thead th:first-child { + padding-left: 0; +} + +.prose-sm thead th:last-child { + padding-right: 0; +} + +.prose-sm tbody td { + padding-top: 0.6666667em; + padding-right: 1em; + padding-bottom: 0.6666667em; + padding-left: 1em; +} + +.prose-sm tbody td:first-child { + padding-left: 0; +} + +.prose-sm tbody td:last-child { + padding-right: 0; +} + +.prose-sm > :first-child { + margin-top: 0; +} + +.prose-sm > :last-child { + margin-bottom: 0; +} + .prose-lg { font-size: 1.125rem; line-height: 1.7777778; @@ -1445,6 +1723,7 @@ video { .dark\:prose-dark code { background-color: #1f2937; + color: #e5e7eb; } .dark\:prose-dark hr { @@ -1506,6 +1785,10 @@ video { position: relative; } +.sticky { + position: sticky; +} + .inset-0 { top: 0px; right: 0px; @@ -1518,6 +1801,11 @@ video { right: 0px; } +.inset-y-0 { + top: 0px; + bottom: 0px; +} + .top-0 { top: 0px; } @@ -1526,6 +1814,14 @@ video { top: 3rem; } +.top-16 { + top: 4rem; +} + +.top-20 { + top: 5rem; +} + .top-1\/2 { top: 50%; } @@ -1538,6 +1834,10 @@ video { bottom: 0px; } +.bottom-3 { + bottom: 0.75rem; +} + .bottom-12 { bottom: 3rem; } @@ -1546,6 +1846,10 @@ video { left: 0px; } +.left-3 { + left: 0.75rem; +} + .left-1\/2 { left: 50%; } @@ -1570,6 +1874,14 @@ video { z-index: 30; } +.z-40 { + z-index: 40; +} + +.z-50 { + z-index: 50; +} + .col-span-1 { grid-column: span 1 / span 1; } @@ -1582,10 +1894,19 @@ video { grid-column: span 3 / span 3; } +.col-span-7 { + grid-column: span 7 / span 7; +} + .-m-3 { margin: -0.75rem; } +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; +} + .mx-4 { margin-left: 1rem; margin-right: 1rem; @@ -1596,6 +1917,16 @@ video { margin-right: 1.25rem; } +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} + +.mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; +} + .mx-auto { margin-left: auto; margin-right: auto; @@ -1626,6 +1957,11 @@ video { margin-bottom: 2.5rem; } +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + .my-20 { margin-top: 5rem; margin-bottom: 5rem; @@ -1696,10 +2032,18 @@ video { margin-top: -0.5rem; } +.-mt-5 { + margin-top: -1.25rem; +} + .mr-2 { margin-right: 0.5rem; } +.mr-3 { + margin-right: 0.75rem; +} + .mr-4 { margin-right: 1rem; } @@ -1744,14 +2088,18 @@ video { margin-bottom: 6rem; } -.-mb-12 { - margin-bottom: -3rem; +.-mb-8 { + margin-bottom: -2rem; } .-mb-14 { margin-bottom: -3.5rem; } +.ml-1 { + margin-left: 0.25rem; +} + .ml-2 { margin-left: 0.5rem; } @@ -1764,6 +2112,10 @@ video { margin-left: 1rem; } +.-ml-2 { + margin-left: -0.5rem; +} + .block { display: block; } @@ -1796,6 +2148,10 @@ video { display: none; } +.h-4 { + height: 1rem; +} + .h-5 { height: 1.25rem; } @@ -1804,6 +2160,10 @@ video { height: 1.5rem; } +.h-7 { + height: 1.75rem; +} + .h-8 { height: 2rem; } @@ -1812,6 +2172,10 @@ video { height: 2.5rem; } +.h-12 { + height: 3rem; +} + .h-16 { height: 4rem; } @@ -1832,6 +2196,10 @@ video { height: 9rem; } +.h-40 { + height: 10rem; +} + .h-48 { height: 12rem; } @@ -1860,10 +2228,6 @@ video { height: 24rem; } -.h-auto { - height: auto; -} - .h-5\/6 { height: 83.333333%; } @@ -1884,6 +2248,14 @@ video { height: calc(100vh / 4); } +.max-h-full { + max-height: 100%; +} + +.w-4 { + width: 1rem; +} + .w-5 { width: 1.25rem; } @@ -1892,6 +2264,10 @@ video { width: 1.5rem; } +.w-7 { + width: 1.75rem; +} + .w-8 { width: 2rem; } @@ -1920,10 +2296,18 @@ video { width: 9rem; } +.w-48 { + width: 12rem; +} + .w-64 { width: 16rem; } +.w-72 { + width: 18rem; +} + .w-full { width: 100%; } @@ -1944,10 +2328,6 @@ video { max-width: 24rem; } -.max-w-lg { - max-width: 32rem; -} - .max-w-xl { max-width: 36rem; } @@ -1960,10 +2340,6 @@ video { max-width: 56rem; } -.max-w-5xl { - max-width: 64rem; -} - .max-w-7xl { max-width: 80rem; } @@ -1988,6 +2364,10 @@ video { flex-shrink: 0; } +.flex-shrink { + flex-shrink: 1; +} + .flex-grow { flex-grow: 1; } @@ -2047,6 +2427,10 @@ video { --tw-rotate: 45deg; } +.rotate-180 { + --tw-rotate: 180deg; +} + .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; @@ -2082,6 +2466,15 @@ video { --tw-scale-y: 1.05; } +.scale-y-0 { + --tw-scale-y: 0; +} + +.scale-y-100 { + --tw-scale-y: 1; +} + + @keyframes spin { to { transform: rotate(360deg); @@ -2113,6 +2506,10 @@ video { } } +.cursor-pointer { + cursor: pointer; +} + .list-inside { list-style-position: inside; } @@ -2137,6 +2534,14 @@ video { grid-template-columns: repeat(3, minmax(0, 1fr)); } +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + +.flex-row { + flex-direction: row; +} + .flex-col { flex-direction: column; } @@ -2161,6 +2566,10 @@ video { align-items: center; } +.justify-start { + justify-content: flex-start; +} + .justify-center { justify-content: center; } @@ -2169,6 +2578,22 @@ video { justify-content: space-between; } +.justify-around { + justify-content: space-around; +} + +.gap-0 { + gap: 0px; +} + +.gap-2 { + gap: 0.5rem; +} + +.gap-3 { + gap: 0.75rem; +} + .gap-4 { gap: 1rem; } @@ -2185,6 +2610,10 @@ video { gap: 1.75rem; } +.gap-8 { + gap: 2rem; +} + .gap-10 { gap: 2.5rem; } @@ -2193,10 +2622,26 @@ video { gap: 5rem; } +.gap-y-2 { + row-gap: 0.5rem; +} + .gap-y-6 { row-gap: 1.5rem; } +.space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); +} + +.space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); @@ -2227,6 +2672,12 @@ video { margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } +.space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); +} + .self-end { align-self: flex-end; } @@ -2239,6 +2690,14 @@ video { overflow: hidden; } +.overflow-ellipsis { + text-overflow: ellipsis; +} + +.rounded { + border-radius: 0.25rem; +} + .rounded-md { border-radius: 0.375rem; } @@ -2255,19 +2714,26 @@ video { border-radius: 1rem; } +.rounded-3xl { + border-radius: 1.5rem; +} + .rounded-full { border-radius: 9999px; } -.rounded-t-3xl { - border-top-left-radius: 1.5rem; - border-top-right-radius: 1.5rem; +.border-2 { + border-width: 2px; } .border-4 { border-width: 4px; } +.border-8 { + border-width: 8px; +} + .border { border-width: 1px; } @@ -2280,13 +2746,42 @@ video { border-left-width: 4px; } +.border-solid { + border-style: solid; +} + .border-transparent { border-color: transparent; } -.border-blue-600 { +.border-gray-300 { --tw-border-opacity: 1; - border-color: rgba(37, 99, 235, var(--tw-border-opacity)); + border-color: rgba(209, 213, 219, var(--tw-border-opacity)); +} + +.border-red-500 { + --tw-border-opacity: 1; + border-color: rgba(239, 68, 68, var(--tw-border-opacity)); +} + +.border-yellow-500 { + --tw-border-opacity: 1; + border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +} + +.border-blue-500 { + --tw-border-opacity: 1; + border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +} + +.focus\:border-blue-500:focus { + --tw-border-opacity: 1; + border-color: rgba(59, 130, 246, var(--tw-border-opacity)); +} + +.focus\:border-indigo-500:focus { + --tw-border-opacity: 1; + border-color: rgba(99, 102, 241, var(--tw-border-opacity)); } @media (prefers-color-scheme: dark) { @@ -2299,6 +2794,23 @@ video { --tw-border-opacity: 1; border-color: rgba(55, 65, 81, var(--tw-border-opacity)); } + + .dark\:border-gray-800 { + --tw-border-opacity: 1; + border-color: rgba(31, 41, 55, var(--tw-border-opacity)); + } +} + +.border-opacity-0 { + --tw-border-opacity: 0; +} + +.border-opacity-50 { + --tw-border-opacity: 0.5; +} + +.hover\:border-opacity-100:hover { + --tw-border-opacity: 1; } .bg-white { @@ -2346,6 +2858,11 @@ video { background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); } +.bg-purple-500 { + --tw-bg-opacity: 1; + background-color: rgba(139, 92, 246, var(--tw-bg-opacity)); +} + .group:hover .group-hover\:bg-gray-50 { --tw-bg-opacity: 1; background-color: rgba(249, 250, 251, var(--tw-bg-opacity)); @@ -2366,11 +2883,21 @@ video { background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); } +.hover\:bg-blue-600:hover { + --tw-bg-opacity: 1; + background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); +} + .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); } +.hover\:bg-blue-800:hover { + --tw-bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); +} + @media (prefers-color-scheme: dark) { .dark\:bg-gray-800 { --tw-bg-opacity: 1; @@ -2382,6 +2909,21 @@ video { background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); } + .dark\:bg-blue-800 { + --tw-bg-opacity: 1; + background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); + } + + .dark\:bg-blue-900 { + --tw-bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + } + + .dark\:bg-purple-800 { + --tw-bg-opacity: 1; + background-color: rgba(91, 33, 182, var(--tw-bg-opacity)); + } + .group:hover .dark\:group-hover\:bg-gray-900 { --tw-bg-opacity: 1; background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); @@ -2393,6 +2935,10 @@ video { } } +.bg-none { + background-image: none; +} + .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } @@ -2424,6 +2970,11 @@ video { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(229, 231, 235, 0)); } +.from-blue-400 { + --tw-gradient-from: #60a5fa; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0)); +} + .from-blue-500 { --tw-gradient-from: #3b82f6; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0)); @@ -2439,6 +2990,11 @@ video { --tw-gradient-from: #111827; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 24, 39, 0)); } + + .dark\:from-blue-900 { + --tw-gradient-from: #1e3a8a; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(30, 58, 138, 0)); + } } .via-gray-200 { @@ -2463,6 +3019,10 @@ video { --tw-gradient-to: #e5e7eb; } +.to-blue-300 { + --tw-gradient-to: #93c5fd; +} + .to-blue-700 { --tw-gradient-to: #1d4ed8; } @@ -2475,6 +3035,10 @@ video { .dark\:to-gray-900 { --tw-gradient-to: #111827; } + + .dark\:to-blue-700 { + --tw-gradient-to: #1d4ed8; + } } .fill-current { @@ -2525,11 +3089,21 @@ video { padding: 2.5rem; } +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -2555,6 +3129,11 @@ video { padding-right: 2.5rem; } +.py-0 { + padding-top: 0px; + padding-bottom: 0px; +} + .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; @@ -2605,6 +3184,10 @@ video { padding-bottom: 5rem; } +.pt-2 { + padding-top: 0.5rem; +} + .pt-4 { padding-top: 1rem; } @@ -2613,18 +3196,34 @@ video { padding-top: 1.25rem; } +.pt-8 { + padding-top: 2rem; +} + .pt-10 { padding-top: 2.5rem; } -.pt-20 { - padding-top: 5rem; -} - .pt-32 { padding-top: 8rem; } +.pr-4 { + padding-right: 1rem; +} + +.pr-10 { + padding-right: 2.5rem; +} + +.pb-0 { + padding-bottom: 0px; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + .pb-4 { padding-bottom: 1rem; } @@ -2653,10 +3252,22 @@ video { padding-left: 0px; } +.pl-2 { + padding-left: 0.5rem; +} + +.pl-3 { + padding-left: 0.75rem; +} + .pl-5 { padding-left: 1.25rem; } +.pl-10 { + padding-left: 2.5rem; +} + .text-left { text-align: left; } @@ -2709,6 +3320,11 @@ video { line-height: 2.5rem; } +.text-5xl { + font-size: 3rem; + line-height: 1; +} + .font-normal { font-weight: 400; } @@ -2733,6 +3349,10 @@ video { text-transform: uppercase; } +.italic { + font-style: italic; +} + .leading-6 { line-height: 1.5rem; } @@ -2798,6 +3418,16 @@ video { color: rgba(17, 24, 39, var(--tw-text-opacity)); } +.text-red-500 { + --tw-text-opacity: 1; + color: rgba(239, 68, 68, var(--tw-text-opacity)); +} + +.text-yellow-500 { + --tw-text-opacity: 1; + color: rgba(245, 158, 11, var(--tw-text-opacity)); +} + .text-green-500 { --tw-text-opacity: 1; color: rgba(16, 185, 129, var(--tw-text-opacity)); @@ -2828,11 +3458,6 @@ video { color: rgba(37, 99, 235, var(--tw-text-opacity)); } -.group:hover .group-hover\:text-gray-500 { - --tw-text-opacity: 1; - color: rgba(107, 114, 128, var(--tw-text-opacity)); -} - .group:hover .group-hover\:text-blue-500 { --tw-text-opacity: 1; color: rgba(59, 130, 246, var(--tw-text-opacity)); @@ -2965,6 +3590,10 @@ video { opacity: 1; } +.hover\:opacity-100:hover { + opacity: 1; +} + @media (prefers-color-scheme: dark) { .dark\:opacity-20 { opacity: 0.2; @@ -3000,11 +3629,21 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .group:hover .group-hover\:shadow-xl { --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); @@ -3015,11 +3654,6 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -3064,6 +3698,12 @@ video { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.hover\:ring:hover { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -3084,6 +3724,11 @@ video { --tw-ring-color: rgba(59, 130, 246, var(--tw-ring-opacity)); } +.focus\:ring-indigo-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgba(99, 102, 241, var(--tw-ring-opacity)); +} + @media (prefers-color-scheme: dark) { .dark\:ring-blue-700 { --tw-ring-opacity: 1; @@ -3126,6 +3771,12 @@ video { transition-duration: 150ms; } +.transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -3836,6 +4487,37 @@ button.swiper-pagination-bullet { /* Main /* ---------------------------------------------------------- */ +[x-cloak] { + display: none !important; +} + +a.no-underline{ + text-decoration: none !important; +} + +a.no-underline:hover{ + text-decoration: none; +} + +/* pre{ + white-space: pre-wrap; + word-break: break-all; + max-width: 100%; +} + +code{ + word-break: break-all; +} */ + +.kg-image-card{ + align-content: center; +} + +.kg-image { + margin-left: auto; + margin-right: auto; +} + .text-gradient { background-clip: text; -webkit-background-clip: text; @@ -3874,70 +4556,282 @@ button.swiper-pagination-bullet { height: auto !important; } -.perspective-700{ +.perspective-700 { perspective: 750px; + /* z-index: 100; */ } .perspective-transform { - transform: rotateX(30deg) rotateY(0deg); transform-style: preserve-3d; + transform: rotateX(25deg) rotateY(0deg) translateZ(0px); + transform-style: preserve-3d; transition: 1s ease all; } -.perspective-transform:hover{ - transform: rotateX(15deg) rotateY(0deg); +.perspective-transform-0 { + transform: rotateX(0deg) rotateY(0deg); + transform-style: preserve-3d; + transition: 1s ease all; } -/* -.post-body h2 { - @apply text-4xl my-4 px-4 sm:px-2 md:px-0; +.perspective-transform:hover { + transform: rotateX(10deg) rotateY(0deg) translateZ(20px); } -.post-body h3 { - @apply text-2xl my-4 px-4 sm:px-2 md:px-0; +.no-underline { + text-decoration: none !important; } -.post-body p{ - @apply my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0; +.medium-zoom-image--opened { + position: relative; + z-index: 50; } -.post-body blockquote { - @apply my-4 pl-2 text-lg border-l-2 mx-auto max-w-prose border-l-4 border-blue-600 pl-5; +.medium-zoom-overlay{ + z-index: 50; + --tw-bg-opacity: 1; + background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); } -.post-body figure { - @apply my-10; +@media (prefers-color-scheme: dark) { + .medium-zoom-overlay { + --tw-bg-opacity: 1; + background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + } } -.post-body hr{ - @apply my-10; +.kg-bookmark-card { + overflow-x: hidden; + border-radius: 0.5rem; + --tw-bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } -.post-body ul{ - @apply text-lg my-4 list-inside list-disc my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0; +@media (prefers-color-scheme: dark) { + .kg-bookmark-card { + --tw-bg-opacity: 1; + background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + } } -.post-body li{ - @apply text-lg; +.kg-bookmark-card { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.post-body a { - @apply text-blue-500 font-normal; +.kg-bookmark-card:hover { + --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.post-body a:hover { - @apply font-bold; +.kg-bookmark-card { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; } -.post-body pre { - @apply p-4 px-8 my-10 rounded-xl bg-gray-200 dark:bg-gray-700 shadow-xl; -}*/ +.kg-bookmark-container { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + align-content: center; + --tw-text-opacity: 1; + color: rgba(31, 41, 55, var(--tw-text-opacity)); +} -figcaption{ +@media (prefers-color-scheme: dark) { + .kg-bookmark-container { + --tw-text-opacity: 1; + color: rgba(243, 244, 246, var(--tw-text-opacity)); + } +} + +.kg-bookmark-container { + text-decoration: none !important; +} + +.kg-bookmark-content{ + grid-column: span 2 / span 2; + align-self: center; + padding-left: 1rem; + padding-right: 1rem; +} + +.kg-bookmark-description { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; +} + +.kg-bookmark-description { + --tw-text-opacity: 1; + color: rgba(31, 41, 55, var(--tw-text-opacity)); +} + +@media (prefers-color-scheme: dark) { + .kg-bookmark-description { + --tw-text-opacity: 1; + color: rgba(243, 244, 246, var(--tw-text-opacity)); + } +} + +.kg-bookmark-description { + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} + +.kg-bookmark-thumbnail{ + grid-column: span 1 / span 1; +} + +.kg-bookmark-thumbnail img { + object-fit: cover; + margin: 0 !important; +} + +.kg-bookmark-metadata { + display: none; +} + +.kg-bookmark-title { + font-size: 1.25rem; + line-height: 1.75rem; +} + +.kg-bookmark-description { + font-size: 0.75rem; + line-height: 1rem; + overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; +} + +.kg-gallery-row { + display: flex; +} + +.kg-gallery-row > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} + +.kg-gallery-image { + opacity: 1; +} + +figcaption { text-align: center; font-size: 0.875rem; line-height: 1.25rem; } +.prose code::after, .prose code::before { + content: "" !important; +} + +.prose code { + border-radius: 0.125rem; + --tw-bg-opacity: 1; + background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); +} + +@media (prefers-color-scheme: dark) { + .prose code { + --tw-bg-opacity: 1; + background-color: rgba(17, 24, 39, var(--tw-bg-opacity)); + } +} + +.prose code { + padding-left: 0.25rem; + padding-right: 0.25rem; + --tw-text-opacity: 1; + color: rgba(59, 130, 246, var(--tw-text-opacity)); +} + +.prose > h1::before, +.prose > h2::before, +.prose > h3::before, +.prose > h4::before, +.prose > h5::before, +.prose > h6::before { + display: block; + content: " "; + height: 80px; + margin-top: -80px; + visibility: hidden; + pointer-events: none; +} + +.is-active-link { + --tw-bg-opacity: 1; + background-color: rgba(219, 234, 254, var(--tw-bg-opacity)); +} + +@media (prefers-color-scheme: dark) { + .is-active-link { + --tw-bg-opacity: 1; + background-color: rgba(30, 58, 138, var(--tw-bg-opacity)); + } +} + +.is-active-link { + --tw-text-opacity: 1; + color: rgba(17, 24, 39, var(--tw-text-opacity)); +} + +@media (prefers-color-scheme: dark) { + .is-active-link { + --tw-text-opacity: 1; + color: rgba(243, 244, 246, var(--tw-text-opacity)); + } +} + +.is-active-link { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +.toc-list-item a { + font-size: 0.875rem; + line-height: 1.25rem; + --tw-text-opacity: 1; + color: rgba(75, 85, 99, var(--tw-text-opacity)); +} + +@media (prefers-color-scheme: dark) { + .toc-list-item a { + --tw-text-opacity: 1; + color: rgba(156, 163, 175, var(--tw-text-opacity)); + } +} + +.toc-list-item a { + transition-property: background-color, border-color, color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + +@media (prefers-color-scheme: dark) { + .toc-list-item a:hover { + --tw-text-opacity: 1; + color: rgba(59, 130, 246, var(--tw-text-opacity)); + } +} + +.toc-list-item { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.node-name--H3::before { + content: "– " !important; +} + @media (min-width: 640px) { .sm\:col-span-1 { grid-column: span 1 / span 1; @@ -3959,6 +4853,10 @@ figcaption{ margin-top: 6rem; } + .sm\:block { + display: block; + } + .sm\:h-12 { height: 3rem; } @@ -3967,6 +4865,10 @@ figcaption{ width: 3rem; } + .sm\:w-auto { + width: auto; + } + .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -4000,6 +4902,11 @@ figcaption{ padding-right: 0px; } + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -4024,6 +4931,15 @@ figcaption{ padding-bottom: 2rem; } + .sm\:text-left { + text-align: left; + } + + .sm\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; + } + .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -4041,6 +4957,22 @@ figcaption{ } @media (min-width: 768px) { + .md\:relative { + position: relative; + } + + .md\:sticky { + position: sticky; + } + + .md\:top-0 { + top: 0px; + } + + .md\:top-20 { + top: 5rem; + } + .md\:right-0 { right: 0px; } @@ -4061,6 +4993,10 @@ figcaption{ grid-column: span 3 / span 3; } + .md\:col-span-5 { + grid-column: span 5 / span 5; + } + .md\:mx-auto { margin-left: auto; margin-right: auto; @@ -4090,14 +5026,14 @@ figcaption{ margin-bottom: 2.5rem; } - .md\:block { - display: block; - } - .md\:flex { display: flex; } + .md\:hidden { + display: none; + } + .md\:h-16 { height: 4rem; } @@ -4110,6 +5046,10 @@ figcaption{ height: 100%; } + .md\:w-auto { + width: auto; + } + .md\:w-1\/2 { width: 50%; } @@ -4170,6 +5110,14 @@ figcaption{ justify-content: space-between; } + .md\:gap-4 { + gap: 1rem; + } + + .md\:gap-6 { + gap: 1.5rem; + } + .md\:gap-10 { gap: 2.5rem; } @@ -4180,6 +5128,24 @@ figcaption{ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } + .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); + } + + .md\:border-t-0 { + border-top-width: 0px; + } + + .md\:bg-transparent { + background-color: transparent; + } + + .md\:p-1 { + padding: 0.25rem; + } + .md\:px-0 { padding-left: 0px; padding-right: 0px; @@ -4199,6 +5165,10 @@ figcaption{ padding-top: 0px; } + .md\:pb-3 { + padding-bottom: 0.75rem; + } + .md\:pl-3 { padding-left: 0.75rem; } @@ -4222,6 +5192,11 @@ figcaption{ line-height: 1; } + .md\:shadow-none { + --tw-shadow: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + .md\:line-clamp-3 { overflow: hidden; display: -webkit-box; @@ -4242,6 +5217,10 @@ figcaption{ position: absolute; } + .lg\:sticky { + position: sticky; + } + .lg\:inset-y-0 { top: 0px; bottom: 0px; @@ -4255,6 +5234,11 @@ figcaption{ grid-column: span 3 / span 3; } + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; + } + .lg\:mt-0 { margin-top: 0px; } @@ -4400,16 +5384,6 @@ figcaption{ padding-right: 2rem; } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; - } - .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; @@ -4452,4 +5426,3 @@ figcaption{ @media (min-width: 1536px) { } - diff --git a/assets/css/screen.css b/assets/css/screen.css index 7603b6a..a6672a1 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -8,6 +8,35 @@ /* Main /* ---------------------------------------------------------- */ +[x-cloak] { + display: none !important; +} + +a.no-underline{ + text-decoration: none !important; +} +a.no-underline:hover{ + text-decoration: none; +} + +/* pre{ + white-space: pre-wrap; + word-break: break-all; + max-width: 100%; +} + +code{ + word-break: break-all; +} */ + +.kg-image-card{ + @apply content-center; +} + +.kg-image { + @apply mx-auto; +} + .text-gradient { background-clip: text; -webkit-background-clip: text; @@ -19,7 +48,8 @@ @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8; } -.page-about-content h2, .page-about-content h3 { +.page-about-content h2, +.page-about-content h3 { @apply my-10; } @@ -27,65 +57,129 @@ height: auto !important; } -.perspective-700{ +.perspective-700 { perspective: 750px; + /* z-index: 100; */ } .perspective-transform { - transform: rotateX(30deg) rotateY(0deg); transform-style: preserve-3d; + transform: rotateX(25deg) rotateY(0deg) translateZ(0px); + transform-style: preserve-3d; transition: 1s ease all; } -.perspective-transform:hover{ - transform: rotateX(15deg) rotateY(0deg); +.perspective-transform-0 { + transform: rotateX(0deg) rotateY(0deg); + transform-style: preserve-3d; + transition: 1s ease all; } -/* -.post-body h2 { - @apply text-4xl my-4 px-4 sm:px-2 md:px-0; +.perspective-transform:hover { + transform: rotateX(10deg) rotateY(0deg) translateZ(20px); } -.post-body h3 { - @apply text-2xl my-4 px-4 sm:px-2 md:px-0; +.no-underline { + text-decoration: none !important; } -.post-body p{ - @apply my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0; +.medium-zoom-image--opened { + @apply relative z-50; } -.post-body blockquote { - @apply my-4 pl-2 text-lg border-l-2 mx-auto max-w-prose border-l-4 border-blue-600 pl-5; +.medium-zoom-overlay{ + @apply dark:bg-gray-900 bg-gray-200 z-50; } -.post-body figure { - @apply my-10; +.kg-bookmark-card { + @apply shadow-md hover:shadow-xl transition-shadow dark:bg-gray-900 bg-white rounded-lg overflow-x-hidden; } -.post-body hr{ - @apply my-10; +.kg-bookmark-container { + @apply grid grid-cols-3 content-center dark:text-gray-100 text-gray-800 ; + text-decoration: none !important; } -.post-body ul{ - @apply text-lg my-4 list-inside list-disc my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0; +.kg-bookmark-content{ + @apply px-4 col-span-2 self-center; } -.post-body li{ - @apply text-lg; +.kg-bookmark-description { + @apply line-clamp-1; +} +.kg-bookmark-description { + @apply dark:text-gray-100 text-gray-800 line-clamp-2; } -.post-body a { - @apply text-blue-500 font-normal; +.kg-bookmark-thumbnail{ + @apply col-span-1; } -.post-body a:hover { - @apply font-bold; +.kg-bookmark-thumbnail img { + @apply object-cover; + margin: 0 !important; } -.post-body pre { - @apply p-4 px-8 my-10 rounded-xl bg-gray-200 dark:bg-gray-700 shadow-xl; -}*/ +.kg-bookmark-metadata { + display: none; +} -figcaption{ +.kg-bookmark-title { + @apply text-xl; +} +.kg-bookmark-description { + @apply text-xs line-clamp-3; +} + +.kg-gallery-row { + @apply flex space-x-2; +} + +.kg-gallery-image { + @apply opacity-100; +} + +figcaption { @apply text-sm text-center; } +.prose code::after, .prose code::before { + content: "" !important; +} + +.prose code { + @apply px-1 rounded-sm text-blue-500 dark:bg-gray-900 bg-white; +} + +.prose > h1::before, +.prose > h2::before, +.prose > h3::before, +.prose > h4::before, +.prose > h5::before, +.prose > h6::before { + display: block; + content: " "; + height: 80px; + margin-top: -80px; + visibility: hidden; + pointer-events: none; +} + +.is-active-link { + @apply transition-colors text-gray-900 dark:text-gray-100 bg-blue-100 dark:bg-blue-900; +} + +.toc-list-item a { + @apply text-sm transition-colors text-gray-600 dark:text-gray-400; +} + +.toc-list-item a:hover { + @apply dark:text-blue-500; +} + +.toc-list-item { + @apply my-1; +} + +.node-name--H3::before { + content: "– " !important; +} diff --git a/custom-interop-post.hbs b/custom-interop-post.hbs new file mode 100644 index 0000000..6d161fe --- /dev/null +++ b/custom-interop-post.hbs @@ -0,0 +1,41 @@ +{{!< default}} {{#post}} + + {{!-- Header --}} + +
+
+

+ + {{title}} + +

+

+ {{excerpt}} +

+
+
+ + {{> interop/connectorTagCards}} + +
+
+
+

Are we missing a connector?

+

Let us know on the community forum, and we can start a discussion on development.

+
+ + + New connector proposal + +
+
+ +
+ + {{content}} + +
+ + {{/post}} \ No newline at end of file diff --git a/custom-tutorial-post.hbs b/custom-tutorial-post.hbs new file mode 100644 index 0000000..6b8a2e9 --- /dev/null +++ b/custom-tutorial-post.hbs @@ -0,0 +1,213 @@ +{{!< default}} {{#post}}
+
+ + {{!-- Header --}} +
+ {{#if feature_image}} + {{title}} + {{/if}} +
+ +
+
+ + • + {{reading_time}} + +

{{title}}

+
+
+ {{#foreach tags}} + + {{name}} + + {{/foreach}} +
+
+ {{#if custom_excerpt}} +

{{custom_excerpt}}

+ {{/if}} +
+
+ {{#foreach authors}} +
+ {{#if profile_image}} +
+ {{name}} +
+ {{else}} +
{{> "icons/avatar"}}
+ {{/if}} + {{name}} +
+ {{/foreach}} +
+
+ + {{!-- TOC --}} + + + + {{!-- Body --}} + +
+ {{content}} +
+ +
+
+ +
+
+ +
+
+
+

Have a question you need answered?

+

Submit your question on the forum and get help from the community.

+
+ + + Ask a question + +
+
+ + + + + + {{/post}} + + \ No newline at end of file diff --git a/default.hbs b/default.hbs index a506a87..ac24710 100644 --- a/default.hbs +++ b/default.hbs @@ -15,12 +15,7 @@ - - {{!-- Simple little js lib --}} - - - @@ -31,14 +26,49 @@ {{> footer }} - {{ghost_foot}} - - {{#is "home"}} + {{#is "post, page"}} + + + {{/is}} + {{!-- swiper for connectors (homepage only) --}} + + {{!-- Simple little js lib --}} + + + {{!-- Search Lib --}} + + + + {{#is "post, page"}} + {{!-- Zoomable images --}} + + {{/is}} - + {{ghost_foot}} diff --git a/developers.hbs b/developers.hbs index 4e1c524..2693673 100644 --- a/developers.hbs +++ b/developers.hbs @@ -48,7 +48,7 @@
- +
Docs → @@ -75,7 +75,7 @@ {{/foreach}} -
+ {{!--
@@ -99,7 +99,7 @@
-
+
--}}
diff --git a/package.json b/package.json index 0c158d4..740f4e4 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "speckle-starter-theme", "description": "A custom theme for speckle", "demo": "https://starter.ghost.io", - "version": "2.5.1", + "version": "2.4.2", "engines": { "ghost": ">=3.0.0", "ghost-api": "v3" @@ -65,7 +65,7 @@ "defaults" ], "config": { - "posts_per_page": 6, + "posts_per_page": 12, "image_sizes": { "xxs": { "width": 30 @@ -89,6 +89,7 @@ }, "dependencies": { "@tailwindcss/aspect-ratio": "^0.2.1", + "@tailwindcss/forms": "^0.3.3", "@tailwindcss/line-clamp": "^0.2.0", "@tailwindcss/typography": "^0.4.1", "cssnano-preset-advanced": "^4.0.7", diff --git a/page-about.hbs b/page-about.hbs index a47c916..5d55e92 100644 --- a/page-about.hbs +++ b/page-about.hbs @@ -37,7 +37,7 @@
-
+
@@ -49,7 +49,7 @@
-
+
diff --git a/page-getstarted.hbs b/page-getstarted.hbs index 84f2daa..8ce582c 100644 --- a/page-getstarted.hbs +++ b/page-getstarted.hbs @@ -5,7 +5,7 @@
-
+

{{title}} @@ -18,6 +18,7 @@

{{!-- {{> pricingWithPro }} --}} + {{!-- {{> pricingRegister }} --}} {{> pricing }}
@@ -31,7 +32,7 @@
--}} -
+

Q&As: diff --git a/partials/cardBlog.hbs b/partials/cardBlog.hbs index 88856ae..6d0fd4e 100644 --- a/partials/cardBlog.hbs +++ b/partials/cardBlog.hbs @@ -1,6 +1,6 @@
-
- +
+ {{#if feature_image}}
- + {{#if feature_image}}
+ class="flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white transition bg-blue-500 hover:ring-4 md:py-4 md:text-lg md:px-10"> {{#if buttonText}} {{buttonText}} {{else}} diff --git a/partials/cardSm.hbs b/partials/cardSm.hbs new file mode 100644 index 0000000..3641e7b --- /dev/null +++ b/partials/cardSm.hbs @@ -0,0 +1,21 @@ +
+
+
+ +

+ {{title}} +

+

+ {{excerpt}} +

+ +
+
+
+

+ +

+
+
+
+
\ No newline at end of file diff --git a/partials/cardTutorial.hbs b/partials/cardTutorial.hbs new file mode 100644 index 0000000..de43c68 --- /dev/null +++ b/partials/cardTutorial.hbs @@ -0,0 +1,35 @@ +
+
+ + {{#if feature_image}} + {{title}} + {{else}} +
 
+ {{/if}} + +
+
+
+ +

+ {{title}} +

+

+ {{excerpt}} +

+ +
+
+
+

+ +

+
+
+
+
\ No newline at end of file diff --git a/partials/cardTutorialSm.hbs b/partials/cardTutorialSm.hbs new file mode 100644 index 0000000..9d479d0 --- /dev/null +++ b/partials/cardTutorialSm.hbs @@ -0,0 +1,47 @@ +
+
+ + {{#if feature_image}} + {{title}} + {{else}} +
 
+ {{/if}} + {{#if featured}} + + + + + {{/if}} + +
+
+
+ +

+ {{title}} +

+

+ {{excerpt}} +

+ +
+
+
+

+ {{#foreach authors}} + {{name}} + {{/foreach}} + + +

+
+
+
+
\ No newline at end of file diff --git a/partials/ctaButton.hbs b/partials/ctaButton.hbs new file mode 100644 index 0000000..35d8e75 --- /dev/null +++ b/partials/ctaButton.hbs @@ -0,0 +1,4 @@ + + Get Started + \ No newline at end of file diff --git a/partials/footer.hbs b/partials/footer.hbs index 3382540..7a4712e 100644 --- a/partials/footer.hbs +++ b/partials/footer.hbs @@ -35,7 +35,7 @@

@@ -60,7 +52,7 @@

- Developers + Developers

    @@ -74,14 +66,6 @@ {{/foreach}} {{/get}} - {{#get "tags" filter="slug:usecases" as |tag|}} -
  • - - See All - -
    • - {{/get}} -
diff --git a/partials/interop/connectorSlider.hbs b/partials/interop/connectorSlider.hbs new file mode 100644 index 0000000..80a027d --- /dev/null +++ b/partials/interop/connectorSlider.hbs @@ -0,0 +1,59 @@ +
+
+
+ {{#get "tags" limit="all" filter="slug:-[features,developers,careers,blog,connectors]"}} + {{#foreach tags }} +
+
+ +
+
+

+ {{name}} +

+

{{description}}

+

Check out

+
+
+ {{/foreach}} + {{/get}} +
+
+
+ + + + \ No newline at end of file diff --git a/partials/interop/connectorTagCards.hbs b/partials/interop/connectorTagCards.hbs new file mode 100644 index 0000000..5f3d423 --- /dev/null +++ b/partials/interop/connectorTagCards.hbs @@ -0,0 +1,227 @@ + + +
+
+ {{#get "tags" limit="all" include='count.posts' order='count.posts desc' + filter="slug:[rhino,grasshopper,revit,dynamo,excel,blender,autocad,civil3d,unity,unreal]"}} + {{#foreach tags }} + +
+ +
+
+

+ {{name}} + + + +

+

{{description}}

+
+ + {{/foreach}} + {{/get}} + + + + + +
+ + \ No newline at end of file diff --git a/partials/landing/blogPreview.hbs b/partials/landing/blogPreview.hbs index 180cae3..32fa2a1 100644 --- a/partials/landing/blogPreview.hbs +++ b/partials/landing/blogPreview.hbs @@ -6,7 +6,7 @@
-

Blog

+

Blog

Latest news from Speckle.

@@ -15,7 +15,7 @@
-
+
Read More →
diff --git a/partials/landing/connectorsPreview.hbs b/partials/landing/connectorsPreview.hbs index 3a6f999..125bbc1 100644 --- a/partials/landing/connectorsPreview.hbs +++ b/partials/landing/connectorsPreview.hbs @@ -1,173 +1,107 @@ -
+
-
-

Speckle Connectors

- {{#get "posts" filter="primary_tag:features+featured:true+title:'Interoperability'" limit="5"}} - {{#foreach posts}} -

{{excerpt}}

- {{/foreach}} - {{/get}} - {{!--

Why Speckle?

--}} - {{!--

Speckle goes beyond point-to-point interoperability: it's data infrastructure for the built environment. -

--}} + class="relative perspective-transform z-30 w-full md:w-2/3 lg:w-1/2 mx-auto dark:bg-gray-900 border-4 border-blue-500 border-opacity-0 hover:border-opacity-100 bg-gray-200 prose lg:prose-lg dark:prose-dark max-w-none text-center rounded-3xl pt-10 pb-6 mt-10 -mb-8"> +
+ +

Speckle Connectors

+ {{#get "posts" filter="primary_tag:features+featured:true+title:'Speckle Connectors'" limit="1"}} + {{#foreach posts}} +

{{excerpt}}

+ {{/foreach}} + {{/get}} + +
+
+ +
+ +
+
+ {{#get "tags" limit="all" include='count.posts' order='count.posts desc' + filter="slug:[rhino,grasshopper,revit,dynamo,excel,blender,autocad,civil3d,unity,unreal]"}} + {{#foreach tags }} + + +

+ {{name}} +

+ + {{/foreach}} + {{/get}} +
+ {{!--
--}} +
+
+
+
+ Go beyond interoperability and leverage all the potential behind a fully fledged BIM data platform +
+
+ + + +
+
-{{!--
--}} -
- {{!--

Speckle Connectors

--}} -
-
-
- -

- Rhino -

-
-
- -

- Grasshopper -

-
- - {{!-- unccomment in stage 2 --}} - {{!--
-

- Check out all our connectors! -

-
--}} - -
- -

- Revit -

-
-
- -

- Dynamo -

-
-
- -

- Unity -

-
-
- -

- Blender -

-
-
- -

- Autocad & Civil3D -

-
-
- -

- Unreal -

-
-
- -

- Excel -

+
+
+ {{#get "posts" filter="primary_tag:features+featured:true+title:-'Speckle Connectors'" limit="5"}} + {{#foreach posts}} +
+ +
+

+ {{title}} +

+

{{excerpt}}

+

+ +
+ {{title}}
-
+ {{/foreach}} + {{/get}}
+
-
-
- Go beyond interoperability and leverage all the potential behind a fully fledged BIM data platform -
-
- - - -
-
- -
-
- {{#get "posts" filter="primary_tag:features+featured:true+title:-'Interoperability'" limit="5"}} - {{#foreach posts}} -
- -
-

- {{title}} -

-

{{excerpt}}

-

-
- -
- {{title}} -
-
- {{/foreach}} - {{/get}} -
-
- - \ No newline at end of file + }) + + swiper.slideTo(6, 1000) + + document.getElementById('prev').onclick = function () { + swiper.slidePrev(200) + } + + document.getElementById('next').onclick = function () { + swiper.slideNext(200) + } + }) + \ No newline at end of file diff --git a/partials/landing/developersPreview.hbs b/partials/landing/developersPreview.hbs index 8af15cf..a1ddeca 100644 --- a/partials/landing/developersPreview.hbs +++ b/partials/landing/developersPreview.hbs @@ -5,7 +5,7 @@
-

Built +

Built for developers

We're building the git of AEC - @@ -44,7 +44,7 @@

-
+
Start Developing →
diff --git a/partials/landing/getStartedSocial.hbs b/partials/landing/getStartedSocial.hbs deleted file mode 100644 index c64951b..0000000 --- a/partials/landing/getStartedSocial.hbs +++ /dev/null @@ -1,43 +0,0 @@ -
-
- Seen in the wild at -
-
- {{!-- Arup --}} -
- -
- {{!-- Woods B --}} -
- -
- {{!-- HOK --}} -
- -
- {{!-- Royal --}} -
- -
- -
-
- {{!-- BIG --}} -
- -
- {{!-- Sasaki --}} -
- -
- {{!-- WSP --}} -
- -
-
- {{!-- Grimshaw --}} - -
- -
-
\ No newline at end of file diff --git a/partials/landing/header.hbs b/partials/landing/header.hbs index 975819e..2b785bb 100644 --- a/partials/landing/header.hbs +++ b/partials/landing/header.hbs @@ -13,7 +13,7 @@

- Get Started diff --git a/partials/landing/opensource.hbs b/partials/landing/opensource.hbs index 186e8ea..e468d3e 100644 --- a/partials/landing/opensource.hbs +++ b/partials/landing/opensource.hbs @@ -2,7 +2,7 @@
-

Open +

Open Source

Our mission is to transform the AEC industry for @@ -17,17 +17,17 @@

  • - Independence: + Independence: no vendor or cloud provider lock-in.
  • - Data sovereignty: + Data sovereignty: choose how and where your data is stored
  • - Longevity: + Longevity: open source code keeps thriving when business plans change.
    • @@ -44,7 +44,7 @@
    diff --git a/partials/menus/resourcesMenu.hbs b/partials/menus/resourcesMenu.hbs index c0087a9..b1ccaa0 100644 --- a/partials/menus/resourcesMenu.hbs +++ b/partials/menus/resourcesMenu.hbs @@ -44,9 +44,7 @@ Docs

    - Documentation and step-by-step guides on how - to - get the best of Speckle. + In depth documentation on Speckle.

    Check diff --git a/partials/navbar.hbs b/partials/navbar.hbs index bb3892c..5e84d4b 100644 --- a/partials/navbar.hbs +++ b/partials/navbar.hbs @@ -3,17 +3,14 @@ {{!-- Actual navbar --}}

    - - {{#is "home"}} + {{!-- Hiring notice --}} - - We're hiring! Check out our open positions. - - {{/is}} +
    +
    +
    @@ -24,7 +21,7 @@
    logo -
    +
    Speckle
    @@ -45,92 +42,136 @@ {{!-- Main Menu --}}
    - - - - - - - - {{!-- Mobile menu --}}
    - + Speckle
    @@ -268,17 +275,21 @@