mirror of
https://github.com/youwen5/site.git
synced 2024-11-28 19:03:51 -08:00
289 lines
12 KiB
Svelte
289 lines
12 KiB
Svelte
<script lang="ts">
|
|
import { fly } from 'svelte/transition';
|
|
|
|
export let height = '192';
|
|
export let width = 'auto';
|
|
export let href: string;
|
|
</script>
|
|
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
version="1.1"
|
|
viewBox="0 0 2104 416"
|
|
class="diagram select-none font-mono logo"
|
|
text-anchor="middle"
|
|
font-size="13px"
|
|
stroke-linecap="round"
|
|
fill="currentColor"
|
|
{height}
|
|
{width}
|
|
in:fly={{ x: -100, duration: 300, delay: 320 }}
|
|
out:fly={{ x: 100, duration: 300 }}
|
|
>
|
|
<a {href}>
|
|
<path d="M 112,352 L 232,112" fill="none" stroke="black" />
|
|
<path d="M 160,352 L 280,112" fill="none" stroke="black" />
|
|
<circle cx="680" cy="144" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="160" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="176" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="192" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="208" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="224" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="240" r="0.22em" class="opendot" />
|
|
<circle cx="680" cy="256" r="0.22em" class="opendot" />
|
|
<circle cx="688" cy="128" r="0.22em" class="opendot" />
|
|
<circle cx="688" cy="272" r="0.22em" class="opendot" />
|
|
<circle cx="696" cy="128" r="0.22em" class="opendot" />
|
|
<circle cx="696" cy="272" r="0.22em" class="opendot" />
|
|
<circle cx="704" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="704" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="712" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="712" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="720" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="720" cy="176" r="0.22em" class="opendot" />
|
|
<circle cx="720" cy="192" r="0.22em" class="opendot" />
|
|
<circle cx="720" cy="208" r="0.22em" class="opendot" />
|
|
<circle cx="720" cy="224" r="0.22em" class="opendot" />
|
|
<circle cx="720" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="728" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="728" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="736" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="736" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="744" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="744" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="752" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="752" cy="160" r="0.22em" class="opendot" />
|
|
<circle cx="752" cy="240" r="0.22em" class="opendot" />
|
|
<circle cx="752" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="760" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="760" cy="160" r="0.22em" class="opendot" />
|
|
<circle cx="760" cy="240" r="0.22em" class="opendot" />
|
|
<circle cx="760" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="768" cy="176" r="0.22em" class="opendot" />
|
|
<circle cx="768" cy="192" r="0.22em" class="opendot" />
|
|
<circle cx="768" cy="208" r="0.22em" class="opendot" />
|
|
<circle cx="768" cy="224" r="0.22em" class="opendot" />
|
|
<circle cx="776" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="776" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="784" cy="112" r="0.22em" class="opendot" />
|
|
<circle cx="784" cy="288" r="0.22em" class="opendot" />
|
|
<circle cx="792" cy="128" r="0.22em" class="opendot" />
|
|
<circle cx="792" cy="272" r="0.22em" class="opendot" />
|
|
<circle cx="800" cy="128" r="0.22em" class="opendot" />
|
|
<circle cx="800" cy="272" r="0.22em" class="opendot" />
|
|
<circle cx="808" cy="256" r="0.22em" class="opendot" />
|
|
<g class="text">
|
|
<text x="256" y="116">/////</text>
|
|
<text x="504" y="116">yyyyyyy</text>
|
|
<text x="648" y="116">yyyyyyy</text>
|
|
<text x="768" y="116">o</text>
|
|
<text x="836" y="116">uuuuuu</text>
|
|
<text x="916" y="116">uuuuuu</text>
|
|
<text x="984" y="116">wwwwwww</text>
|
|
<text x="1120" y="116">wwwww</text>
|
|
<text x="1256" y="116">wwwwwww</text>
|
|
<text x="1364" y="116">eeeeeeeeeeee</text>
|
|
<text x="1460" y="116">nnnn</text>
|
|
<text x="1524" y="116">nnnnnnnn</text>
|
|
<text x="1656" y="116">wwwwwww</text>
|
|
<text x="1792" y="116">wwwww</text>
|
|
<text x="1952" y="116">wwwwwwwuuuuuu</text>
|
|
<text x="2060" y="116">uuuuuu</text>
|
|
<text x="80" y="132"><<<<<<<</text>
|
|
<text x="248" y="132">:::::</text>
|
|
<text x="312" y="132">>>>>>>></text>
|
|
<text x="512" y="132">y:::::y</text>
|
|
<text x="640" y="132">y:::::y</text>
|
|
<text x="744" y="132">:::::::::::</text>
|
|
<text x="836" y="132">u::::u</text>
|
|
<text x="916" y="132">u::::u</text>
|
|
<text x="992" y="132">w:::::w</text>
|
|
<text x="1120" y="132">w:::::w</text>
|
|
<text x="1248" y="132">w:::::w</text>
|
|
<text x="1364" y="132">ee::::::::::::ee</text>
|
|
<text x="1508" y="132">n:::nn::::::::nn</text>
|
|
<text x="1664" y="132">w:::::w</text>
|
|
<text x="1792" y="132">w:::::w</text>
|
|
<text x="1948" y="132">w:::::w u::::u</text>
|
|
<text x="2060" y="132">u::::u</text>
|
|
<text x="72" y="148"><:::::<</text>
|
|
<text x="240" y="148">:::::</text>
|
|
<text x="320" y="148">>:::::></text>
|
|
<text x="520" y="148">y:::::y</text>
|
|
<text x="632" y="148">y:::::y</text>
|
|
<text x="772" y="148">:::::::::::::::ou::::u</text>
|
|
<text x="916" y="148">u::::u</text>
|
|
<text x="1000" y="148">w:::::w</text>
|
|
<text x="1120" y="148">w:::::::w</text>
|
|
<text x="1240" y="148">w:::::w</text>
|
|
<text x="1436" y="148">e::::::eeeee:::::een::::::::::::::nn</text>
|
|
<text x="1672" y="148">w:::::w</text>
|
|
<text x="1792" y="148">w:::::::w</text>
|
|
<text x="1912" y="148">w:::::w</text>
|
|
<text x="1980" y="148">u::::u</text>
|
|
<text x="2060" y="148">u::::u</text>
|
|
<text x="64" y="164"><:::::<</text>
|
|
<text x="232" y="164">:::::</text>
|
|
<text x="328" y="164">>:::::></text>
|
|
<text x="528" y="164">y:::::y</text>
|
|
<text x="624" y="164">y:::::y</text>
|
|
<text x="716" y="164">:::::ooo</text>
|
|
<text x="812" y="164">:::::ou::::u</text>
|
|
<text x="916" y="164">u::::u</text>
|
|
<text x="1008" y="164">w:::::w</text>
|
|
<text x="1120" y="164">w:::::::::w</text>
|
|
<text x="1232" y="164">w:::::w</text>
|
|
<text x="1316" y="164">e::::::e</text>
|
|
<text x="1488" y="164">e:::::enn:::::::::::::::n</text>
|
|
<text x="1680" y="164">w:::::w</text>
|
|
<text x="1792" y="164">w:::::::::w</text>
|
|
<text x="1904" y="164">w:::::w</text>
|
|
<text x="1980" y="164">u::::u</text>
|
|
<text x="2060" y="164">u::::u</text>
|
|
<text x="56" y="180"><:::::<</text>
|
|
<text x="224" y="180">:::::</text>
|
|
<text x="336" y="180">>:::::></text>
|
|
<text x="536" y="180">y:::::y</text>
|
|
<text x="616" y="180">y:::::y</text>
|
|
<text x="700" y="180">::::</text>
|
|
<text x="816" y="180">::::ou::::u</text>
|
|
<text x="916" y="180">u::::u</text>
|
|
<text x="1016" y="180">w:::::w</text>
|
|
<text x="1120" y="180">w:::::w:::::w</text>
|
|
<text x="1224" y="180">w:::::w</text>
|
|
<text x="1364" y="180">e:::::::eeeee::::::e</text>
|
|
<text x="1524" y="180">n:::::nnnn:::::n</text>
|
|
<text x="1688" y="180">w:::::w</text>
|
|
<text x="1792" y="180">w:::::w:::::w</text>
|
|
<text x="1896" y="180">w:::::w</text>
|
|
<text x="1980" y="180">u::::u</text>
|
|
<text x="2060" y="180">u::::u</text>
|
|
<text x="48" y="196"><:::::<</text>
|
|
<text x="216" y="196">:::::</text>
|
|
<text x="344" y="196">>:::::></text>
|
|
<text x="576" y="196">y:::::y y:::::y</text>
|
|
<text x="700" y="196">::::</text>
|
|
<text x="816" y="196">::::ou::::u</text>
|
|
<text x="916" y="196">u::::u</text>
|
|
<text x="1120" y="196">w:::::w w:::::w w:::::w w:::::w</text>
|
|
<text x="1360" y="196">e:::::::::::::::::e</text>
|
|
<text x="1484" y="196">n::::n</text>
|
|
<text x="1564" y="196">n::::n</text>
|
|
<text x="1792" y="196">w:::::w w:::::w w:::::w w:::::w</text>
|
|
<text x="1980" y="196">u::::u</text>
|
|
<text x="2060" y="196">u::::u</text>
|
|
<text x="40" y="212"><:::::<</text>
|
|
<text x="208" y="212">:::::</text>
|
|
<text x="352" y="212">>:::::></text>
|
|
<text x="576" y="212">y:::::y:::::y</text>
|
|
<text x="700" y="212">::::</text>
|
|
<text x="816" y="212">::::ou::::u</text>
|
|
<text x="916" y="212">u::::u</text>
|
|
<text x="1056" y="212">w:::::w:::::w</text>
|
|
<text x="1184" y="212">w:::::w:::::w</text>
|
|
<text x="1356" y="212">e::::::eeeeeeeeeee</text>
|
|
<text x="1484" y="212">n::::n</text>
|
|
<text x="1564" y="212">n::::n</text>
|
|
<text x="1728" y="212">w:::::w:::::w</text>
|
|
<text x="1856" y="212">w:::::w:::::w</text>
|
|
<text x="1980" y="212">u::::u</text>
|
|
<text x="2060" y="212">u::::u</text>
|
|
<text x="32" y="228"><:::::<</text>
|
|
<text x="200" y="228">:::::</text>
|
|
<text x="360" y="228">>:::::></text>
|
|
<text x="576" y="228">y:::::::::y</text>
|
|
<text x="700" y="228">::::</text>
|
|
<text x="856" y="228">::::ou:::::uuuu:::::u</text>
|
|
<text x="1056" y="228">w:::::::::w</text>
|
|
<text x="1184" y="228">w:::::::::w</text>
|
|
<text x="1320" y="228">e:::::::e</text>
|
|
<text x="1484" y="228">n::::n</text>
|
|
<text x="1564" y="228">n::::n</text>
|
|
<text x="1728" y="228">w:::::::::w</text>
|
|
<text x="1856" y="228">w:::::::::w</text>
|
|
<text x="2020" y="228">u:::::uuuu:::::u</text>
|
|
<text x="40" y="244"><:::::<</text>
|
|
<text x="192" y="244">:::::</text>
|
|
<text x="352" y="244">>:::::></text>
|
|
<text x="576" y="244">y:::::::y</text>
|
|
<text x="716" y="244">:::::ooo</text>
|
|
<text x="860" y="244">:::::ou:::::::::::::::uu</text>
|
|
<text x="1056" y="244">w:::::::w</text>
|
|
<text x="1184" y="244">w:::::::w</text>
|
|
<text x="1324" y="244">e::::::::e</text>
|
|
<text x="1484" y="244">n::::n</text>
|
|
<text x="1564" y="244">n::::n</text>
|
|
<text x="1728" y="244">w:::::::w</text>
|
|
<text x="1856" y="244">w:::::::w</text>
|
|
<text x="2028" y="244">u:::::::::::::::uu</text>
|
|
<text x="48" y="260"><:::::<</text>
|
|
<text x="184" y="260">:::::</text>
|
|
<text x="344" y="260">>:::::></text>
|
|
<text x="576" y="260">y:::::y</text>
|
|
<text x="744" y="260">:::::::::::::::</text>
|
|
<text x="888" y="260">u:::::::::::::::u</text>
|
|
<text x="1056" y="260">w:::::w</text>
|
|
<text x="1184" y="260">w:::::w</text>
|
|
<text x="1360" y="260">e::::::::eeeeeeee</text>
|
|
<text x="1484" y="260">n::::n</text>
|
|
<text x="1564" y="260">n::::n</text>
|
|
<text x="1728" y="260">w:::::w</text>
|
|
<text x="1856" y="260">w:::::w</text>
|
|
<text x="2032" y="260">u:::::::::::::::u</text>
|
|
<text x="56" y="276"><:::::<</text>
|
|
<text x="176" y="276">:::::</text>
|
|
<text x="336" y="276">>:::::></text>
|
|
<text x="568" y="276">y:::::y</text>
|
|
<text x="744" y="276">:::::::::::</text>
|
|
<text x="892" y="276">uu::::::::uu:::u</text>
|
|
<text x="1056" y="276">w:::w</text>
|
|
<text x="1184" y="276">w:::w</text>
|
|
<text x="1364" y="276">ee:::::::::::::e</text>
|
|
<text x="1484" y="276">n::::n</text>
|
|
<text x="1564" y="276">n::::n</text>
|
|
<text x="1728" y="276">w:::w</text>
|
|
<text x="1856" y="276">w:::w</text>
|
|
<text x="2036" y="276">uu::::::::uu:::u</text>
|
|
<text x="64" y="292"><:::::<</text>
|
|
<text x="168" y="292">:::::</text>
|
|
<text x="328" y="292">>:::::></text>
|
|
<text x="560" y="292">y:::::y</text>
|
|
<text x="768" y="292">o</text>
|
|
<text x="876" y="292">uuuuuuuu</text>
|
|
<text x="940" y="292">uuuu</text>
|
|
<text x="1056" y="292">www</text>
|
|
<text x="1184" y="292">www</text>
|
|
<text x="1372" y="292">eeeeeeeeeeeeee</text>
|
|
<text x="1484" y="292">nnnnnn</text>
|
|
<text x="1564" y="292">nnnnnn</text>
|
|
<text x="1728" y="292">www</text>
|
|
<text x="1856" y="292">www</text>
|
|
<text x="2020" y="292">uuuuuuuu</text>
|
|
<text x="2084" y="292">uuuu</text>
|
|
<text x="72" y="308"><:::::<</text>
|
|
<text x="160" y="308">:::::</text>
|
|
<text x="320" y="308">>:::::></text>
|
|
<text x="552" y="308">y:::::y</text>
|
|
<text x="80" y="324"><<<<<<<</text>
|
|
<text x="152" y="324">:::::</text>
|
|
<text x="312" y="324">>>>>>>></text>
|
|
<text x="544" y="324">y:::::y</text>
|
|
<text x="144" y="340">:::::</text>
|
|
<text x="536" y="340">y:::::y</text>
|
|
<text x="136" y="356">/////</text>
|
|
<text x="528" y="356">y:::::y</text>
|
|
<text x="512" y="372">yyyyyyy</text>
|
|
</g>
|
|
</a>
|
|
</svg>
|
|
|
|
<style lang="postcss">
|
|
.opendot {
|
|
@apply stroke-primary fill-none stroke-[0.1em];
|
|
}
|
|
.logo {
|
|
& .text {
|
|
@apply fill-black dark:fill-white;
|
|
}
|
|
}
|
|
</style>
|