mirror of
https://github.com/youwen5/site.git
synced 2024-11-25 01:43:49 -08:00
style: fix logo colors
This commit is contained in:
parent
ce71adf981
commit
64fb7f9f0c
GPG key ID:
865658ED1FE61EC3
3 changed files with 121 additions and 99 deletions
BIN
bun.lockb
BIN
bun.lockb
Binary file not shown.
|
|
@ -10,7 +10,7 @@
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
viewBox="0 0 2048 416"
|
viewBox="0 0 2048 416"
|
||||||
class="diagram select-none font-mono"
|
class="diagram select-none font-mono logo"
|
||||||
text-anchor="middle"
|
text-anchor="middle"
|
||||||
font-size="13px"
|
font-size="13px"
|
||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
|
|
@ -21,54 +21,54 @@
|
||||||
out:fly={{ x: 100, duration: 300 }}
|
out:fly={{ x: 100, duration: 300 }}
|
||||||
>
|
>
|
||||||
<a {href}>
|
<a {href}>
|
||||||
<circle cx="936" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="936" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="936" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="936" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="944" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="944" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="944" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="944" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="952" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="952" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="952" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="952" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="960" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="960" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="960" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="960" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="968" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="968" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="968" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="968" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="976" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="976" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="976" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="976" cy="176" r="6" class="opendot" />
|
||||||
<circle cx="976" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="976" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="976" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="976" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="976" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="976" cy="224" r="6" class="opendot" />
|
||||||
<circle cx="976" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="976" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="984" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="984" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="984" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="984" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="992" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="992" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="992" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="992" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="1000" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1000" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="1000" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1000" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="1008" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1008" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="1008" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1008" cy="160" r="6" class="opendot" />
|
||||||
<circle cx="1008" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1008" cy="240" r="6" class="opendot" />
|
||||||
<circle cx="1008" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1008" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="1016" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1016" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="1016" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1016" cy="160" r="6" class="opendot" />
|
||||||
<circle cx="1016" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1016" cy="240" r="6" class="opendot" />
|
||||||
<circle cx="1016" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1016" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="1024" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1024" cy="176" r="6" class="opendot" />
|
||||||
<circle cx="1024" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1024" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="1024" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1024" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="1024" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1024" cy="224" r="6" class="opendot" />
|
||||||
<circle cx="1032" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1032" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="1032" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1032" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="1040" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1040" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="1040" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1040" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="1048" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1048" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="1048" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1048" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="1056" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1056" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="1056" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1056" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="1064" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1064" cy="176" r="6" class="opendot" />
|
||||||
<circle cx="1064" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1064" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="1064" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1064" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="1064" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1064" cy="224" r="6" class="opendot" />
|
||||||
<circle cx="1064" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1064" cy="240" r="6" class="opendot" />
|
||||||
<circle cx="1064" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="1064" cy="256" r="6" class="opendot" />
|
||||||
<g class="text">
|
<g class="text">
|
||||||
<text x="80" y="20">$$$$$</text>
|
<text x="80" y="20">$$$$$</text>
|
||||||
<text x="80" y="36">$:::$</text>
|
<text x="80" y="36">$:::$</text>
|
||||||
|
|
@ -250,3 +250,14 @@
|
||||||
</g>
|
</g>
|
||||||
</a>
|
</a>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
|
<style lang="postcss">
|
||||||
|
.opendot {
|
||||||
|
@apply stroke-zinc-400 dark:stroke-zinc-400 fill-none;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
& .text {
|
||||||
|
@apply fill-black dark:fill-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
version="1.1"
|
version="1.1"
|
||||||
viewBox="0 0 2104 416"
|
viewBox="0 0 2104 416"
|
||||||
class="diagram select-none font-mono"
|
class="diagram select-none font-mono logo"
|
||||||
text-anchor="middle"
|
text-anchor="middle"
|
||||||
font-size="13px"
|
font-size="13px"
|
||||||
stroke-linecap="round"
|
stroke-linecap="round"
|
||||||
|
|
@ -23,55 +23,55 @@
|
||||||
<a {href}>
|
<a {href}>
|
||||||
<path d="M 112,352 L 232,112" fill="none" stroke="black" />
|
<path d="M 112,352 L 232,112" fill="none" stroke="black" />
|
||||||
<path d="M 160,352 L 280,112" fill="none" stroke="black" />
|
<path d="M 160,352 L 280,112" fill="none" stroke="black" />
|
||||||
<circle cx="680" cy="144" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="144" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="160" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="176" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="224" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="240" r="6" class="opendot" />
|
||||||
<circle cx="680" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="680" cy="256" r="6" class="opendot" />
|
||||||
<circle cx="688" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="688" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="688" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="688" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="696" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="696" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="696" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="696" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="704" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="704" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="704" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="704" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="712" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="712" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="712" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="712" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="720" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="720" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="720" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="720" cy="176" r="6" class="opendot" />
|
||||||
<circle cx="720" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="720" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="720" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="720" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="720" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="720" cy="224" r="6" class="opendot" />
|
||||||
<circle cx="720" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="720" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="728" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="728" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="728" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="728" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="736" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="736" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="736" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="736" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="744" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="744" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="744" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="744" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="752" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="752" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="752" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="752" cy="160" r="6" class="opendot" />
|
||||||
<circle cx="752" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="752" cy="240" r="6" class="opendot" />
|
||||||
<circle cx="752" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="752" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="760" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="760" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="760" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="760" cy="160" r="6" class="opendot" />
|
||||||
<circle cx="760" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="760" cy="240" r="6" class="opendot" />
|
||||||
<circle cx="760" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="760" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="768" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="768" cy="176" r="6" class="opendot" />
|
||||||
<circle cx="768" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="768" cy="192" r="6" class="opendot" />
|
||||||
<circle cx="768" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="768" cy="208" r="6" class="opendot" />
|
||||||
<circle cx="768" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="768" cy="224" r="6" class="opendot" />
|
||||||
<circle cx="776" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="776" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="776" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="776" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="784" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="784" cy="112" r="6" class="opendot" />
|
||||||
<circle cx="784" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="784" cy="288" r="6" class="opendot" />
|
||||||
<circle cx="792" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="792" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="792" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="792" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="800" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="800" cy="128" r="6" class="opendot" />
|
||||||
<circle cx="800" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="800" cy="272" r="6" class="opendot" />
|
||||||
<circle cx="808" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
|
<circle cx="808" cy="256" r="6" class="opendot" />
|
||||||
<g class="text">
|
<g class="text">
|
||||||
<text x="256" y="116">/////</text>
|
<text x="256" y="116">/////</text>
|
||||||
<text x="504" y="116">yyyyyyy</text>
|
<text x="504" y="116">yyyyyyy</text>
|
||||||
|
|
@ -276,3 +276,14 @@
|
||||||
</g>
|
</g>
|
||||||
</a>
|
</a>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
|
<style lang="postcss">
|
||||||
|
.opendot {
|
||||||
|
@apply stroke-zinc-400 dark:stroke-zinc-400 dark:fill-zinc-500 fill-zinc-300;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
& .text {
|
||||||
|
@apply fill-black dark:fill-white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue