make links look more clickable

This commit is contained in:
liyunze 2023-06-29 10:16:51 +08:00
parent a7333d3184
commit 70e928cae0
4 changed files with 16 additions and 12 deletions

View file

@ -45,7 +45,8 @@ const { frontmatter } = Astro.props;
code { code {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace; DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New,
monospace;
} }
nav { nav {
@ -74,7 +75,7 @@ const { frontmatter } = Astro.props;
} }
ul li a { ul li a {
@apply hover:underline underline-offset-2 hover:text-blue-400; @apply underline underline-offset-2 hover:text-blue-400;
} }
.hyperlink { .hyperlink {

View file

@ -12,25 +12,25 @@ Twitch bots are a great way to increase engagement for your viewers and improve
--- ---
<a href="https://streamelements.com/overlays" target="_blank" class="font-bold text-2xl hover:underline">StreamElements</a> <a href="https://streamelements.com/overlays" target="_blank" class="font-bold text-2xl hover:underline">StreamElements 🔗</a>
<a href="https://streamelements.com/overlays" target="_blank" class="hover:underline">StreamElements</a> is a great all-in-one tool for streamers. They have a chatbot that you can use to manage your chat and add commands. You can also use it to create overlays and alerts for your stream. <a href="https://streamelements.com/overlays" target="_blank" class="hover:underline">StreamElements</a> is a great all-in-one tool for streamers. They have a chatbot that you can use to manage your chat and add commands. You can also use it to create overlays and alerts for your stream.
--- ---
<a href="https://serycodes.carrd.co/" target="_blank" class="font-bold text-2xl hover:underline">Nightbot</a> <a href="https://serycodes.carrd.co/" target="_blank" class="font-bold text-2xl hover:underline">Nightbot 🔗</a>
<a href="https://serycodes.carrd.co/" target="_blank" class="hover:underline">Nightbot</a> is a chatbot that you can use to manage your chat. It has a lot of features and is easy to use. You can also use it to create custom commands for your stream. <a href="https://serycodes.carrd.co/" target="_blank" class="hover:underline">Nightbot</a> is a chatbot that you can use to manage your chat. It has a lot of features and is easy to use. You can also use it to create custom commands for your stream.
--- ---
<a href="https://serycodes.carrd.co/" target="_blank" class="font-bold text-2xl hover:underline">Sery Bot</a> <a href="https://serycodes.carrd.co/" target="_blank" class="font-bold text-2xl hover:underline">Sery Bot 🔗</a>
<a href="https://serycodes.carrd.co/" target="_blank" class="hover:underline">Sery Bot</a> is a moderation bot providing anti-hate raid and anti-follow bot protections, and other safety features and tools to streamers. <a href="https://serycodes.carrd.co/" target="_blank" class="hover:underline">Sery Bot</a> is a moderation bot providing anti-hate raid and anti-follow bot protections, and other safety features and tools to streamers.
--- ---
<a href="https://twitch.tv/MohCitrus/about" target="_blank" class="font-bold text-2xl hover:underline">MohCitrus</a> <a href="https://twitch.tv/MohCitrus/about" target="_blank" class="font-bold text-2xl hover:underline">MohCitrus 🔗</a>
<img src="/assets/mohcitrus.webp" width="300" class="mb-1"> <img src="/assets/mohcitrus.webp" width="300" class="mb-1">

View file

@ -8,11 +8,9 @@ description: Find new communities to join!
I recommend the following communities to join! They provide a great way to connect with other streamers and viewers! I recommend the following communities to join! They provide a great way to connect with other streamers and viewers!
(Click on the image to go to the community's website / socials)
--- ---
<a href="https://www.twitch.tv/team/coworkingcrew/" target="_blank" class="font-bold text-2xl hover:underline">Coworking Crew</a> <a href="https://www.twitch.tv/team/coworkingcrew/" target="_blank" class="font-bold text-2xl hover:underline">Coworking Crew 🔗</a>
<a href="https://www.twitch.tv/team/coworkingcrew" target="_blank" class="inline-block mt-2 mb-5"> <a href="https://www.twitch.tv/team/coworkingcrew" target="_blank" class="inline-block mt-2 mb-5">
<img src="/assets/coworkingcrew.webp" alt="coworking crew" width="300" class="rounded-md"> <img src="/assets/coworkingcrew.webp" alt="coworking crew" width="300" class="rounded-md">
@ -22,7 +20,7 @@ The Coworking Crew is a group of co-working streamers who aim to create supporti
--- ---
<a href="https://www.twitch.tv/team/coworkingcrew/" target="_blank" class="font-bold text-2xl hover:underline">Self.dev</a> <a href="https://www.twitch.tv/team/coworkingcrew/" target="_blank" class="font-bold text-2xl hover:underline">Self.dev 🔗</a>
<a href="https://theselfdev.com/" target="_blank" class="inline-block mt-2 mb-5"> <a href="https://theselfdev.com/" target="_blank" class="inline-block mt-2 mb-5">
<img src="/assets/selfdev_logo.webp" alt="self dev" width="300" class="rounded-md"> <img src="/assets/selfdev_logo.webp" alt="self dev" width="300" class="rounded-md">
@ -32,7 +30,7 @@ Self.dev is a community of various individuals from different fields come togeth
--- ---
<a href="https://www.youthversity.org/" target="_blank" class="font-bold text-2xl hover:underline">YOUthversity</a> <a href="https://www.youthversity.org/" target="_blank" class="font-bold text-2xl hover:underline">YOUthversity 🔗</a>
<a href="https://www.youthversity.org/" target="_blank" class="inline-block mt-2 mb-5"> <a href="https://www.youthversity.org/" target="_blank" class="inline-block mt-2 mb-5">
<img src="/assets/youthversity.webp" alt="youthversity" width="300" class="rounded-md"> <img src="/assets/youthversity.webp" alt="youthversity" width="300" class="rounded-md">
@ -42,7 +40,7 @@ YOUthversity is not only an online space to study together but is dedicated to t
--- ---
<h2><a href="https://erudita.me/" target="_blank" class="font-bold text-2xl hover:underline">Erudita</a></h2> <a href="https://erudita.me/" target="_blank" class="font-bold text-2xl hover:underline">Erudita 🔗</a>
<a href="https://erudita.me/" target="_blank" class="inline-block mt-2 mb-5"> <a href="https://erudita.me/" target="_blank" class="inline-block mt-2 mb-5">
<img src="/assets/erudita.png" alt="erudita" width="300" class="rounded-md"> <img src="/assets/erudita.png" alt="erudita" width="300" class="rounded-md">

View file

@ -80,6 +80,11 @@ A task list widget is a great way to keep track of your tasks along with your vi
### Browser Source ### Browser Source
<ul> <ul>
<li>
<a href="https://youtu.be/-5EdJcvDuFQ" target="_blank" class="hyperlink">
https://youtu.be/-5EdJcvDuFQ
</a>
</li>
<li> <li>
<a href="https://github.com/liyunze-coding/chat-task-tic-overlay" target="_blank" class="hyperlink"> <a href="https://github.com/liyunze-coding/chat-task-tic-overlay" target="_blank" class="hyperlink">
https://github.com/liyunze-coding/Chat-Task-Tic-Overlay https://github.com/liyunze-coding/Chat-Task-Tic-Overlay