mirror of
https://github.com/youwen5/site.git
synced 2024-11-24 17:33:51 -08:00
style: fix logo colors
This commit is contained in:
parent
ce71adf981
commit
64fb7f9f0c
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"
|
||||
version="1.1"
|
||||
viewBox="0 0 2048 416"
|
||||
class="diagram select-none font-mono"
|
||||
class="diagram select-none font-mono logo"
|
||||
text-anchor="middle"
|
||||
font-size="13px"
|
||||
stroke-linecap="round"
|
||||
|
@ -21,54 +21,54 @@
|
|||
out:fly={{ x: 100, duration: 300 }}
|
||||
>
|
||||
<a {href}>
|
||||
<circle cx="936" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="936" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="944" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="944" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="952" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="952" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="960" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="960" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="968" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="968" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="976" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="976" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="976" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="976" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="976" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="976" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="984" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="984" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="992" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="992" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1000" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1000" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1008" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1008" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1008" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1008" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1016" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1016" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1016" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1016" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1024" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1024" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1024" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1024" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1032" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1032" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1040" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1040" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1048" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1048" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1056" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1056" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1064" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1064" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1064" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1064" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1064" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="1064" cy="256" 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" />
|
||||
<circle cx="944" cy="128" r="6" class="opendot" />
|
||||
<circle cx="944" cy="272" r="6" class="opendot" />
|
||||
<circle cx="952" cy="128" r="6" class="opendot" />
|
||||
<circle cx="952" cy="272" r="6" class="opendot" />
|
||||
<circle cx="960" cy="112" r="6" class="opendot" />
|
||||
<circle cx="960" cy="288" r="6" class="opendot" />
|
||||
<circle cx="968" cy="112" r="6" class="opendot" />
|
||||
<circle cx="968" cy="288" r="6" class="opendot" />
|
||||
<circle cx="976" cy="112" r="6" class="opendot" />
|
||||
<circle cx="976" cy="176" r="6" class="opendot" />
|
||||
<circle cx="976" cy="192" r="6" class="opendot" />
|
||||
<circle cx="976" cy="208" r="6" class="opendot" />
|
||||
<circle cx="976" cy="224" r="6" class="opendot" />
|
||||
<circle cx="976" cy="288" r="6" class="opendot" />
|
||||
<circle cx="984" cy="112" r="6" class="opendot" />
|
||||
<circle cx="984" cy="288" r="6" class="opendot" />
|
||||
<circle cx="992" cy="112" r="6" class="opendot" />
|
||||
<circle cx="992" cy="288" r="6" class="opendot" />
|
||||
<circle cx="1000" cy="112" r="6" class="opendot" />
|
||||
<circle cx="1000" cy="288" r="6" class="opendot" />
|
||||
<circle cx="1008" cy="112" r="6" class="opendot" />
|
||||
<circle cx="1008" cy="160" r="6" class="opendot" />
|
||||
<circle cx="1008" cy="240" r="6" class="opendot" />
|
||||
<circle cx="1008" cy="288" r="6" class="opendot" />
|
||||
<circle cx="1016" cy="112" r="6" class="opendot" />
|
||||
<circle cx="1016" cy="160" r="6" class="opendot" />
|
||||
<circle cx="1016" cy="240" r="6" class="opendot" />
|
||||
<circle cx="1016" cy="288" r="6" class="opendot" />
|
||||
<circle cx="1024" cy="176" r="6" class="opendot" />
|
||||
<circle cx="1024" cy="192" r="6" class="opendot" />
|
||||
<circle cx="1024" cy="208" r="6" class="opendot" />
|
||||
<circle cx="1024" cy="224" r="6" class="opendot" />
|
||||
<circle cx="1032" cy="112" r="6" class="opendot" />
|
||||
<circle cx="1032" cy="288" r="6" class="opendot" />
|
||||
<circle cx="1040" cy="112" r="6" class="opendot" />
|
||||
<circle cx="1040" cy="288" r="6" class="opendot" />
|
||||
<circle cx="1048" cy="128" r="6" class="opendot" />
|
||||
<circle cx="1048" cy="272" r="6" class="opendot" />
|
||||
<circle cx="1056" cy="128" r="6" class="opendot" />
|
||||
<circle cx="1056" cy="272" r="6" class="opendot" />
|
||||
<circle cx="1064" cy="176" r="6" class="opendot" />
|
||||
<circle cx="1064" cy="192" r="6" class="opendot" />
|
||||
<circle cx="1064" cy="208" r="6" class="opendot" />
|
||||
<circle cx="1064" cy="224" r="6" class="opendot" />
|
||||
<circle cx="1064" cy="240" r="6" class="opendot" />
|
||||
<circle cx="1064" cy="256" r="6" class="opendot" />
|
||||
<g class="text">
|
||||
<text x="80" y="20">$$$$$</text>
|
||||
<text x="80" y="36">$:::$</text>
|
||||
|
@ -250,3 +250,14 @@
|
|||
</g>
|
||||
</a>
|
||||
</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"
|
||||
version="1.1"
|
||||
viewBox="0 0 2104 416"
|
||||
class="diagram select-none font-mono"
|
||||
class="diagram select-none font-mono logo"
|
||||
text-anchor="middle"
|
||||
font-size="13px"
|
||||
stroke-linecap="round"
|
||||
|
@ -23,55 +23,55 @@
|
|||
<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="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="680" cy="256" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="688" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="688" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="696" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="696" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="704" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="704" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="712" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="712" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="720" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="720" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="720" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="720" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="720" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="720" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="728" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="728" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="736" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="736" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="744" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="744" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="752" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="752" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="752" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="752" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="760" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="760" cy="160" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="760" cy="240" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="760" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="768" cy="176" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="768" cy="192" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="768" cy="208" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="768" cy="224" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="776" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="776" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="784" cy="112" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="784" cy="288" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="792" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="792" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="800" cy="128" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="800" cy="272" r="6" class="opendot" fill="none" stroke="currentColor" />
|
||||
<circle cx="808" cy="256" 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" />
|
||||
<circle cx="680" cy="176" r="6" class="opendot" />
|
||||
<circle cx="680" cy="192" r="6" class="opendot" />
|
||||
<circle cx="680" cy="208" r="6" class="opendot" />
|
||||
<circle cx="680" cy="224" r="6" class="opendot" />
|
||||
<circle cx="680" cy="240" r="6" class="opendot" />
|
||||
<circle cx="680" cy="256" r="6" class="opendot" />
|
||||
<circle cx="688" cy="128" r="6" class="opendot" />
|
||||
<circle cx="688" cy="272" r="6" class="opendot" />
|
||||
<circle cx="696" cy="128" r="6" class="opendot" />
|
||||
<circle cx="696" cy="272" r="6" class="opendot" />
|
||||
<circle cx="704" cy="112" r="6" class="opendot" />
|
||||
<circle cx="704" cy="288" r="6" class="opendot" />
|
||||
<circle cx="712" cy="112" r="6" class="opendot" />
|
||||
<circle cx="712" cy="288" r="6" class="opendot" />
|
||||
<circle cx="720" cy="112" r="6" class="opendot" />
|
||||
<circle cx="720" cy="176" r="6" class="opendot" />
|
||||
<circle cx="720" cy="192" r="6" class="opendot" />
|
||||
<circle cx="720" cy="208" r="6" class="opendot" />
|
||||
<circle cx="720" cy="224" r="6" class="opendot" />
|
||||
<circle cx="720" cy="288" r="6" class="opendot" />
|
||||
<circle cx="728" cy="112" r="6" class="opendot" />
|
||||
<circle cx="728" cy="288" r="6" class="opendot" />
|
||||
<circle cx="736" cy="112" r="6" class="opendot" />
|
||||
<circle cx="736" cy="288" r="6" class="opendot" />
|
||||
<circle cx="744" cy="112" r="6" class="opendot" />
|
||||
<circle cx="744" cy="288" r="6" class="opendot" />
|
||||
<circle cx="752" cy="112" r="6" class="opendot" />
|
||||
<circle cx="752" cy="160" r="6" class="opendot" />
|
||||
<circle cx="752" cy="240" r="6" class="opendot" />
|
||||
<circle cx="752" cy="288" r="6" class="opendot" />
|
||||
<circle cx="760" cy="112" r="6" class="opendot" />
|
||||
<circle cx="760" cy="160" r="6" class="opendot" />
|
||||
<circle cx="760" cy="240" r="6" class="opendot" />
|
||||
<circle cx="760" cy="288" r="6" class="opendot" />
|
||||
<circle cx="768" cy="176" r="6" class="opendot" />
|
||||
<circle cx="768" cy="192" r="6" class="opendot" />
|
||||
<circle cx="768" cy="208" r="6" class="opendot" />
|
||||
<circle cx="768" cy="224" r="6" class="opendot" />
|
||||
<circle cx="776" cy="112" r="6" class="opendot" />
|
||||
<circle cx="776" cy="288" r="6" class="opendot" />
|
||||
<circle cx="784" cy="112" r="6" class="opendot" />
|
||||
<circle cx="784" cy="288" r="6" class="opendot" />
|
||||
<circle cx="792" cy="128" r="6" class="opendot" />
|
||||
<circle cx="792" cy="272" r="6" class="opendot" />
|
||||
<circle cx="800" cy="128" r="6" class="opendot" />
|
||||
<circle cx="800" cy="272" r="6" class="opendot" />
|
||||
<circle cx="808" cy="256" r="6" class="opendot" />
|
||||
<g class="text">
|
||||
<text x="256" y="116">/////</text>
|
||||
<text x="504" y="116">yyyyyyy</text>
|
||||
|
@ -276,3 +276,14 @@
|
|||
</g>
|
||||
</a>
|
||||
</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