chore: rewrite some stuff
This commit is contained in:
@@ -1,15 +1,17 @@
|
||||
import { crossfade } from 'svelte/transition'
|
||||
import { quartOut } from 'svelte/easing'
|
||||
|
||||
// Crossfade transition
|
||||
/**
|
||||
* Crossfade transition with scale
|
||||
*/
|
||||
export const [send, receive] = crossfade({
|
||||
// duration: 1200,
|
||||
duration: d => Math.sqrt(d * 200),
|
||||
fallback (node, params) {
|
||||
fallback: (node, params) => {
|
||||
const {
|
||||
duration = 600,
|
||||
easing = quartOut,
|
||||
start = 0.85
|
||||
start = 0.85,
|
||||
} = params
|
||||
const style = getComputedStyle(node)
|
||||
const transform = style.transform === 'none' ? '' : style.transform
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
@@ -17,9 +17,7 @@
|
||||
)
|
||||
</script>
|
||||
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"
|
||||
class={classes}
|
||||
>
|
||||
<svg class={classes} width="48" height="48" viewBox="0 0 48 48" fill="none">
|
||||
{#if animate}
|
||||
<defs>
|
||||
<mask id="circle" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="48" height="48">
|
||||
|
||||
@@ -82,7 +82,7 @@
|
||||
<div class="bottom">
|
||||
{#if past}
|
||||
<a href="/subscribe" class="past-issues" data-sveltekit-noscroll>
|
||||
<svg width="20" height="16" viewBox="0 0 20 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Newsletter icon">
|
||||
<svg width="20" height="16" viewBox="0 0 20 16" fill="currentColor" aria-label="Newsletter icon">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 2.346H2a.5.5 0 0 0-.5.5v11.102a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5V2.846a.5.5 0 0 0-.5-.5ZM2 .846a2 2 0 0 0-2 2v11.102a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.846a2 2 0 0 0-2-2H2Zm13.75 4.25h-2v3h2v-3Zm-2-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2ZM3.5 6.5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Zm.25 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5Zm1.25 2a.5.5 0 0 0 0 1h6a.5.5 0 1 0 0-1H5Z" />
|
||||
</svg>
|
||||
<span>See past issues</span>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<div class="banner__top container">
|
||||
{#if back}
|
||||
<a href="/" class="back" data-sveltekit-noscroll>
|
||||
<svg width="5" height="8" viewBox="0 0 5 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="5" height="8" viewBox="0 0 5 8" fill="none">
|
||||
<path d="M4 1 1 4l3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
<span>Back to Houses Of</span>
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
{/each}
|
||||
<li class="instagram">
|
||||
<a href="https://www.instagram.com/{instagram}" target="_blank" rel="noopener noreferrer external" class="link-3d">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10 1.8c2.67 0 2.99.01 4.04.06.98.04 1.5.2 1.86.34a3.27 3.27 0 0 1 1.9 1.9c.13.35.3.88.34 1.86.05 1.05.06 1.37.06 4.04s-.01 2.99-.06 4.04c-.04.98-.2 1.5-.34 1.86-.19.46-.4.8-.75 1.15a3.1 3.1 0 0 1-1.15.75c-.35.13-.88.3-1.86.34-1.05.05-1.37.06-4.04.06s-2.99-.01-4.04-.06c-.98-.04-1.5-.2-1.86-.34a3.1 3.1 0 0 1-1.15-.75 3.1 3.1 0 0 1-.75-1.15 5.6 5.6 0 0 1-.34-1.86A69.42 69.42 0 0 1 1.8 10c0-2.67.01-2.99.06-4.04.04-.98.2-1.5.34-1.86.19-.46.4-.8.75-1.15A3.1 3.1 0 0 1 4.1 2.2c.35-.13.88-.3 1.86-.34C7 1.81 7.33 1.8 10 1.8ZM10 0C7.28 0 6.94.01 5.88.06 4.8.11 4.08.28 3.45.52a4.9 4.9 0 0 0-1.77 1.16A4.9 4.9 0 0 0 .52 3.45a7.34 7.34 0 0 0-.46 2.43C.01 6.94 0 7.28 0 10s.01 3.06.06 4.12c.05 1.07.22 1.8.46 2.43.26.66.6 1.22 1.16 1.77.55.56 1.11.9 1.77 1.16a7.6 7.6 0 0 0 2.43.46c1.06.05 1.4.06 4.12.06s3.06-.01 4.12-.06a7.34 7.34 0 0 0 2.43-.46 4.9 4.9 0 0 0 1.77-1.16 4.9 4.9 0 0 0 1.16-1.77 7.6 7.6 0 0 0 .46-2.43c.05-1.06.06-1.4.06-4.12s-.01-3.06-.06-4.12a7.34 7.34 0 0 0-.46-2.43 4.9 4.9 0 0 0-1.16-1.77A4.9 4.9 0 0 0 16.55.52a7.34 7.34 0 0 0-2.43-.46C13.06.01 12.72 0 10 0Zm0 4.86a5.14 5.14 0 1 0 0 10.28 5.14 5.14 0 0 0 0-10.28Zm0 8.47a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Zm5.34-7.47a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4Z" />
|
||||
</svg>
|
||||
<SplitText
|
||||
|
||||
@@ -392,7 +392,7 @@
|
||||
alt={currentPhoto.title}
|
||||
/>
|
||||
<ButtonCircle color="gray-medium" class="close">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="#fff" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="#fff">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.751 0c4.274 0 7.752 3.477 7.752 7.751 0 1.846-.65 3.543-1.73 4.875l3.99 3.991a.81.81 0 1 1-1.146 1.146l-3.99-3.991a7.714 7.714 0 0 1-4.876 1.73C3.477 15.503 0 12.027 0 7.753 0 3.476 3.477 0 7.751 0Zm0 1.62a6.138 6.138 0 0 0-6.13 6.131 6.138 6.138 0 0 0 6.13 6.132 6.138 6.138 0 0 0 6.131-6.132c0-3.38-2.75-6.13-6.13-6.13Zm2.38 5.321a.81.81 0 1 1 0 1.62h-4.76a.81.81 0 1 1 0-1.62h4.76Z" />
|
||||
</svg>
|
||||
</ButtonCircle>
|
||||
|
||||
@@ -359,7 +359,7 @@
|
||||
on:change={handleSortChange}
|
||||
value={filterSort}
|
||||
>
|
||||
<svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-label="Sort icon">
|
||||
<svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-label="Sort icon">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.878 15.93h-4.172c-.638 0-1.153.516-1.153 1.154 0 .639.515 1.154 1.153 1.154h4.172c.638 0 1.153-.515 1.153-1.154a1.152 1.152 0 0 0-1.153-1.153Zm3.244-5.396h-7.405c-.639 0-1.154.515-1.154 1.153 0 .639.515 1.154 1.154 1.154h7.405c.639 0 1.154-.515 1.154-1.154a1.145 1.145 0 0 0-1.154-1.153Zm3.244-5.408h-10.65c-.638 0-1.153.515-1.153 1.154 0 .639.515 1.154 1.154 1.154h10.65c.638 0 1.153-.515 1.153-1.154 0-.639-.515-1.154-1.154-1.154ZM7.37 20.679V3.376c0-.145-.03-.289-.082-.433a1.189 1.189 0 0 0-.628-.618 1.197 1.197 0 0 0-.886 0 1.045 1.045 0 0 0-.36.237c-.01 0-.01 0-.021.01L.82 7.145a1.156 1.156 0 0 0 0 1.638 1.156 1.156 0 0 0 1.637 0l2.596-2.596v11.7l-2.596-2.595a1.156 1.156 0 0 0-1.637 0 1.156 1.156 0 0 0 0 1.638l4.573 4.573c.103.103.237.185.37.247.135.062.289.082.433.082h.02c.145 0 .3-.03.433-.093a1.14 1.14 0 0 0 .629-.628.987.987 0 0 0 .092-.432Z" />
|
||||
</svg>
|
||||
</Select>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
*/
|
||||
export const swipe = (
|
||||
node: HTMLElement,
|
||||
options: SwipeOptions = {
|
||||
options = {
|
||||
travelX: 60,
|
||||
travelY: 30,
|
||||
timeframe: 1000,
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.4 KiB |
@@ -1,3 +1,3 @@
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8168 13.7928C10.565 13.5166 10.565 13.0688 10.8168 12.7926L11.6371 11.8927C10.0729 11.7978 8.9174 11.2494 8.00077 10.4379C7.01752 9.56747 6.3426 8.41893 5.73606 7.382L5.72202 7.358C5.10114 6.29653 4.5499 5.35411 3.79106 4.65375C3.05738 3.97661 2.10408 3.50731 0.644748 3.50731C0.288663 3.50731 0 3.19063 0 2.8C0 2.40936 0.288666 2.09269 0.644751 2.09269C2.39889 2.09269 3.64837 2.6734 4.62121 3.57126C5.53188 4.41176 6.17567 5.5133 6.76119 6.51514L6.82133 6.61801C7.44316 7.68108 8.01476 8.63253 8.81058 9.33707C9.55258 9.99396 10.5204 10.4595 11.9721 10.491L10.8168 9.22362C10.565 8.9474 10.565 8.49956 10.8168 8.22333C11.0686 7.94711 11.4768 7.94711 11.7286 8.22333L13.8112 10.5079C14.0629 10.7842 14.0629 11.232 13.8112 11.5082L11.7286 13.7928C11.4768 14.0691 11.0686 14.0691 10.8168 13.7928ZM10.8168 5.77667C10.565 5.50045 10.565 5.0526 10.8168 4.77638L11.972 3.50905C10.5204 3.54053 9.55258 4.00608 8.81058 4.66297C8.50789 4.93094 8.23764 5.23463 7.98472 5.5666C7.73665 5.18234 7.48128 4.77156 7.2176 4.37967C7.45664 4.09011 7.71575 3.81442 8.00077 3.5621C8.9174 2.75061 10.0729 2.2022 11.6371 2.10738L10.8168 1.20745C10.565 0.931231 10.565 0.483387 10.8168 0.207166C11.0686 -0.0690553 11.4768 -0.0690553 11.7286 0.207166L13.8112 2.49177C14.0629 2.768 14.0629 3.21584 13.8112 3.49206L11.7286 5.77667C11.4768 6.05289 11.0686 6.05289 10.8168 5.77667ZM0 11.2C0 11.5907 0.288666 11.9073 0.644751 11.9073C2.39889 11.9073 3.64837 11.3266 4.62121 10.4288C4.82778 10.2381 5.02061 10.034 5.20215 9.82074C5.03927 9.5548 4.88613 9.293 4.73943 9.0422L4.73621 9.0367C4.647 8.88418 4.56006 8.73561 4.47456 8.59108C4.26231 8.86556 4.03764 9.11871 3.79106 9.34629C3.05738 10.0234 2.10408 10.4927 0.644748 10.4927C0.288663 10.4927 0 10.8094 0 11.2Z" fill="#3C0576"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.8 KiB |
@@ -1,4 +1,4 @@
|
||||
<svg width="34" height="44" viewBox="0 0 34 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg width="34" height="44" viewBox="0 0 34 44" fill="none">
|
||||
<rect x="4.92784" y="5.08739" width="22.881" height="34.6905" transform="rotate(-2 4.92784 5.08739)" stroke="#D9CABD" stroke-width="0.738095"/>
|
||||
<mask id="path-2-inside-1" fill="white">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.8586 0.399229L24.806 0.331224C24.8367 1.21117 25.575 1.89959 26.4549 1.86886C27.3349 1.83813 28.0233 1.09989 27.9926 0.219946L30.117 0.145762C30.1477 1.02573 30.886 1.71417 31.7659 1.68344L31.766 1.68343L31.8186 3.1882C30.9386 3.21897 30.2502 3.95721 30.281 4.83715C30.3117 5.71709 31.0499 6.40552 31.9298 6.37483L31.9824 7.87968C31.1025 7.91043 30.414 8.64869 30.4448 9.52864C30.4755 10.4086 31.2137 11.097 32.0937 11.0663L32.1462 12.5711C31.2663 12.6018 30.5778 13.3401 30.6086 14.22C30.6393 15.1 31.3775 15.7884 32.2575 15.7577L32.31 17.2625C31.4301 17.2932 30.7416 18.0315 30.7724 18.9114C30.8031 19.7914 31.5414 20.4798 32.4213 20.4491L32.4739 21.9539L32.4738 21.9539C31.5939 21.9847 30.9054 22.7229 30.9362 23.6029C30.9669 24.4829 31.7052 25.1713 32.5851 25.1406L32.5852 25.1406L32.6377 26.6453L32.6376 26.6453C31.7577 26.6761 31.0692 27.4143 31.1 28.2943C31.1307 29.1743 31.869 29.8627 32.7489 29.832L32.749 29.832L32.8015 31.3368C31.9216 31.3676 31.2332 32.1058 31.2639 32.9858C31.2947 33.8657 32.0329 34.5541 32.9128 34.5235L32.9654 36.0282C32.0854 36.059 31.397 36.7972 31.4277 37.6772C31.4585 38.5571 32.1967 39.2455 33.0766 39.2148L33.1385 40.9852L33.1384 40.9852C32.2585 41.0159 31.57 41.7542 31.6007 42.6342C31.6028 42.694 31.6082 42.7529 31.6166 42.8108L29.4825 42.8854C29.4518 42.0054 28.7135 41.317 27.8335 41.3477C26.9536 41.3784 26.2651 42.1167 26.2959 42.9966L24.3486 43.0647C24.3179 42.1847 23.5796 41.4963 22.6997 41.527C21.8197 41.5577 21.1313 42.296 21.162 43.1759L19.2146 43.244C19.1838 42.364 18.4456 41.6756 17.5656 41.7063C16.6857 41.737 15.9972 42.4753 16.0279 43.3552L14.0805 43.4232C14.0498 42.5433 13.3115 41.8549 12.4316 41.8856C11.5516 41.9163 10.8632 42.6546 10.8939 43.5345L8.94647 43.6025L8.94647 43.6025C8.91574 42.7225 8.17748 42.0341 7.29751 42.0648C6.41755 42.0955 5.72911 42.8338 5.75984 43.7137L5.75984 43.7138L3.80274 43.7821C3.80714 43.7238 3.80838 43.6646 3.80629 43.6047C3.77556 42.7248 3.0373 42.0363 2.15733 42.067L2.09553 40.2968C2.97545 40.266 3.66385 39.5277 3.63312 38.6478C3.60239 37.7679 2.86417 37.0794 1.98425 37.1101L1.9317 35.6053C2.81163 35.5745 3.50005 34.8363 3.46932 33.9563C3.43859 33.0764 2.70036 32.3879 1.82042 32.4186L1.76787 30.9139C2.64782 30.8831 3.33624 30.1449 3.30552 29.2649C3.27479 28.385 2.53654 27.6965 1.65659 27.7273L1.60404 26.2225C2.484 26.1918 3.17244 25.4535 3.14171 24.5735C3.11099 23.6936 2.37272 23.0051 1.49276 23.0359L1.44021 21.531L1.44024 21.531C2.3202 21.5003 3.00864 20.762 2.97791 19.8821C2.94718 19.0021 2.20892 18.3137 1.32896 18.3444L1.32894 18.3444L1.27639 16.8396L1.27644 16.8396C2.1564 16.8089 2.84484 16.0706 2.81411 15.1907C2.78338 14.3107 2.04512 13.6223 1.16516 13.653L1.16511 13.653L1.11256 12.1481L1.11264 12.1481C1.9926 12.1174 2.68104 11.3791 2.65031 10.4992C2.61958 9.61922 1.88132 8.93078 1.00136 8.96151L1.00128 8.96151L0.94873 7.45674C1.82866 7.42597 2.51706 6.68773 2.48633 5.80779C2.4556 4.92785 1.71738 4.23942 0.837451 4.27011L0.784903 2.76535C1.66484 2.7346 2.35326 1.99634 2.32253 1.1164L2.32253 1.11636L4.26995 1.04836L4.26995 1.04838C4.30068 1.92834 5.03894 2.61678 5.91891 2.58605C6.79887 2.55532 7.48731 1.81706 7.45658 0.9371L7.45658 0.937078L9.404 0.869072L9.404 0.869081C9.43473 1.74904 10.173 2.43748 11.053 2.40676C11.9329 2.37603 12.6214 1.63776 12.5906 0.757801L12.5906 0.757793L14.5381 0.689783C14.5688 1.56975 15.307 2.25819 16.187 2.22746C17.067 2.19673 17.7554 1.45847 17.7247 0.578503L19.6719 0.510509C19.7027 1.39046 20.4409 2.07889 21.3209 2.04816C22.2008 2.01743 22.8893 1.27918 22.8586 0.399229Z"/>
|
||||
|
||||
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
Reference in New Issue
Block a user