Skip to content

Commit

Permalink
play with inline svg
Browse files Browse the repository at this point in the history
  • Loading branch information
@raymondwang
raymondwang committed Apr 8, 2024
1 parent 0dab72f commit 846699a
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@
@layer base {
:root {
--background-color: #051f82;
--text-color: #89c4f3;
--text-color: #88c3f1;
}
}
9 changes: 7 additions & 2 deletions src/routes/+page.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,12 @@
<script>
import Logo from './logo.svelte';
</script>

<main class="container px-8 sm:mx-auto">
<p class="mt-40 sm:mt-60">hey, I'm</p>
<h1 class="text-6xl font-bold sm:text-8xl">Raymond</h1>
<h2 class="mt-8 text-2xl">& this page is ~under construction~</h2>
<Logo class="mt-2 w-4/5" />
<!-- <h1 class="text-6xl font-bold sm:text-8xl">Raymond</h1> -->
<h2 class="mt-2 text-2xl">& this page is ~under construction~</h2>
<ul class="mt-4 flex flex-row gap-x-4">
<li>
<a class="hover:underline hover:underline-offset-4" href="mailto:[email protected]" target="_blank"
Expand Down
34 changes: 34 additions & 0 deletions src/routes/logo.svelte
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<script lang="ts">
let { class: className }: { class: string | undefined | null } = $props();
</script>

<svg
class={className}
width="auto"
height="16vw"
viewBox="0 0 409 82"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M354.334 62.8V64.3H326.434V62.8C331.234 62.5 333.234 59.3 333.234 51.4V27.3C333.234 23.2 331.034 19.6 326.734 19.6C323.834 19.6 319.734 21.8 315.434 25.3V51.5C315.434 59.3 317.434 62.5 322.334 62.8V64.3H294.434V62.8C299.434 62.5 301.734 58.9 301.734 51.4V30C301.734 24.9 298.634 22.4 294.034 21.9V20.7C298.934 19.4 309.134 15.8 313.534 13.4L315.434 14.7V22.5C321.434 17 328.434 13.3 333.734 13.3C341.334 13.3 346.934 18.3 346.934 25.2V51.5C346.934 59 349.234 62.5 354.334 62.8Z"
/>
<path
d="M399 0L400.9 1.4V47.6C400.9 52.7 404 58.8 408.6 59.3C408.6 59.3 396.585 66.4 391.585 60.9L387.2 56.7C382.8 62.1 378.6 64.2 372.5 64.2C359.2 64.2 351 54.3 351 38.2C351 21.4 359.7 12.2 375.7 12.2C379.6 12.2 383.6 13.6 387.2 15.9V8.49999C387.2 3.39999 384.1 6 379.5 5.5V4.3C384.4 3 394.6 2.4 399 0ZM387.2 52.3V30.7C386.2 20.8 381.8 14.2 375.7 14.2C368.7 14.2 365.2 22.2 365.2 38.2C365.2 55 368 62.2 374.6 62.2C379 62.2 383 59.1 387.2 52.3Z"
/>
<path
d="M241.468 39.3C241.468 22.5 250.868 13.3 267.768 13.3C284.868 13.3 294.268 22.5 294.268 39.3C294.268 56.1 284.868 65.3 267.768 65.3C250.868 65.3 241.468 56.1 241.468 39.3ZM255.668 39.3C255.668 53.2 258.468 63.3 267.768 63.3C277.168 63.3 280.068 53.1 280.068 39.3C280.068 25.5 277.168 15.3 267.768 15.3C258.468 15.3 255.668 25.4 255.668 39.3Z"
/>
<path
d="M181.884 62.8V64.3H154.484V62.8C159.484 62.5 161.784 58.9 161.784 51.4V30C161.784 24.9 157.5 15.5 154.484 17L154.5 14.3C158 14.3 163 14.3 173.584 14.3L175.484 14.7V22.2C181.184 16.9 187.784 13.3 192.784 13.3C199.084 13.3 203.984 17 205.184 22.5C210.884 17 217.684 13.3 222.784 13.3C230.084 13.3 235.484 18.3 235.484 25.2V51.5C235.484 59 237.784 62.5 242.884 62.8V64.3H215.484V62.8C220.284 62.5 221.784 59.3 221.784 51.4V27.3C221.784 23.2 219.684 19.6 215.684 19.6C213.084 19.6 209.284 21.7 205.484 25V51.5C205.484 59 207.284 62.5 212.384 62.8V64.3C207.484 64.3 190.384 64.3 185.484 64.3V62.8C190.284 62.5 191.784 59.3 191.784 51.4V27.3C191.784 23.2 189.684 19.6 185.684 19.6C183.084 19.6 179.284 21.7 175.484 25V51.5C175.484 59.3 176.984 62.5 181.884 62.8Z"
/>
<path
d="M124.137 25.7L134.337 49.5L142.037 28.1C144.537 21.2 142.337 16.1 137.337 15.8V14.3H157L156 17C152.5 17.2 150.237 20.1 146.337 30.1L132.737 65C128.337 76.2 122.237 81.6 113.737 81.6C108.637 81.6 104.837 78.2 105.637 74.3C106.237 71.3 109.137 69.5 112.737 69.5C113.937 69.5 115.337 69.7 116.737 70.2C117.837 70.6 118.837 70.7 119.937 70.7C123.937 70.7 127 68.5 125.937 64.3L110.837 29.9C106.137 19.2 103.737 16 100.437 15.8V14.3H128.737V15.8C125.237 16 121.737 20.1 124.137 25.7Z"
/>
<path
d="M87.2461 54V52C85.0461 60.9 79.4461 65.4 70.9461 65.4C62.6461 65.4 57.5461 60.9 57.5461 53.6C57.5461 44.4 67.4461 38.7 87.2461 36.3V27.2C87.2461 18.9 85.3461 14.7 81.5461 14.7C74.4461 14.7 75.7461 20.9 74.9461 26.6C74.5461 29.7 70.6461 32 66.5461 31.7C61.7461 31.3 59.2461 29 59.2461 24.8C59.2461 18.6 66.3461 13.3 80.2461 13.3C93.1461 13.3 100.946 19 100.946 28V53.3C100.946 56.4 101.646 57.8 103.546 57.8C105.446 57.8 108.446 55.5 108.446 51.1C108.246 60.8 104.646 65.3 97.2461 65.3C91.4461 65.3 87.2461 60.5 87.2461 54ZM87.2461 45.6V37.7C77.0461 41.6 71.6461 46.1 71.6461 52.3C71.6461 56.2 73.9461 58.8 77.2461 58.8C82.3461 58.8 87.2461 52.3 87.2461 45.6Z"
/>
<path
d="M55 18.4C55 26.7 49.5 32 39.4 33.9C43.3 34.7 46.1 37 48.1 41L56.2 63.9C58 67.5 61 70.3 63 70.5C61 72.4 58.6 72.4 56.7 72.4C48.4 72.4 43.3 69.8 40.5 64.2L32.5 41.1C30.4 36.8 29.3 34.8 26.7 34.4C25.2 34.2 23.6 34.1 22 33.9V52.1C22 50.6 24.3 54.2 29.3 54.5V56H0V54.5C5 54.2 7.3 50.6 7.3 52.1V15.9C7.3 8.4 5 4.8 0 4.5V3.00001H20C23.3 2.7 28.2 2 30 2C46.1 2 55 7.7 55 18.4ZM22 6.1V30.6C24.4 31.8 27.3 32.5 28.6 32.5C37.1 32.5 39.8 26.6 39.8 18.4C39.8 10.2 37.1 4.2 28.6 4.2C27.3 4.2 24.4 4.9 22 6.1Z"
/>
</svg>

0 comments on commit 846699a

Please sign in to comment.