Add icon for external links, add OSM/Gmaps in venues
ci/woodpecker/push/woodpecker Pipeline was successful Podrobnosti

This commit is contained in:
tree 2022-10-15 14:57:44 +02:00
rodič e9221aea65
revize 8b7254afe0
5 změnil soubory, kde provedl 42 přidání a 16 odebrání

Zobrazit soubor

@ -26,4 +26,13 @@ body {
.active {
@apply underline;
}
}
.external::after {
padding-left: 10px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='currentColor' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
}
.external.text-white::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='white' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
}

Zobrazit soubor

@ -14,19 +14,19 @@
<a
href="https://twitter.com/ethbrno"
rel="noopener noreferrer"
class="text-black ml-1"
class="text-black ml-1 external"
target="_blank"><img src={logo} class=" h-6" alt="logo" /></a
>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
<a
class="mr-10 text-black"
class="mr-10 text-black external"
href="https://docs.ethbrno.cz"
rel="noopener noreferrer"
>Documentation
</a>
<a
class="text-black ml-3 mr-10"
class="text-black ml-3 mr-10 external"
href="https://twitter.com/ethbrno"
rel="noopener noreferrer"
>Twitter
@ -34,7 +34,7 @@
<div class="inline-block ml-3">
Matrix (chat):
<a
class="text-black"
class="text-black external"
href="https://matrix.ethbrno.cz"
rel="noopener noreferrer"
>#ethbrno:gwei.cz

Zobrazit soubor

@ -61,8 +61,9 @@
<a
href="https://matrix.ethbrno.cz"
rel="noopener noreferrer"
target="_blank"
on:click={() => (open = false)}
class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75">Chat</a
class="px-5 py-2 flex items-center leading-snug text-black hover:opacity-75 external">Chat</a
>
</li>
<li class="pl-0 xl:pl-5">
@ -71,7 +72,7 @@
rel="noopener noreferrer"
target="_blank"
on:click={() => (open = false)}
class="px-5 py-2 flex items-center bg-black text-white leading-snug hover:opacity-75"
class="px-5 py-2 flex items-center bg-black text-white leading-snug hover:opacity-75 external"
>Join</a
>
</li>

Zobrazit soubor

@ -72,14 +72,14 @@
<div class="flex justify-center">
<a
href="https://join.ethbrno.cz/"
class="inline-flex text-white bg-black border-0 py-2 px-6 focus:outline-none hover:bg-gray-900 text-lg"
class="inline-flex text-white bg-black border-0 py-2 px-6 focus:outline-none hover:bg-gray-900 text-lg external"
>Apply To Hack</a
>
<a
href="https://ethbrno.cz/sponsor-deck.pdf"
target="_blank"
rel="noopener noreferrer"
class="ml-4 inline-flex border-0 py-2 px-6 focus:outline-none hover:bg-gray-100 text-lg underline"
class="ml-4 inline-flex border-0 py-2 px-6 focus:outline-none hover:bg-gray-100 text-lg underline external"
>Sponsor</a
>
</div>

Zobrazit soubor

@ -31,12 +31,20 @@
more. We want you to feel as comfortable as possible and we will do everything we can to
make that happen.
</div>
<div class="flex justify-center">
<div class="flex justify-center gap-4">
<a
href="https://goo.gl/maps/wutjvk8jCFuDcvSG6"
class="inline-flex text-black bg-white border-0 py-2 px-12 focus:outline-none hover:bg-gray-600 text-lg"
href="https://www.openstreetmap.org/way/339769163"
target="_blank"
class="inline-flex text-black bg-white border-0 py-2 px-12 focus:outline-none hover:bg-gray-600 text-lg external"
>
Map
OpenStreetMap
</a>
<a
href="https://goo.gl/maps/8bKsGHhVSYrF8ZmE8"
target="_blank"
class="inline-flex text-black bg-white border-0 py-2 px-12 focus:outline-none hover:bg-gray-600 text-lg external"
>
Google Maps
</a>
</div>
</div>
@ -82,12 +90,20 @@
<div class="relative mb-4">
This location will NOT be open 24/7, you will need to move to the Impact Hub for the night.
</div>
<div class="flex justify-center">
<div class="flex justify-center gap-4">
<a
href="https://g.page/clubco-brno?share"
class="inline-flex text-black bg-white border-0 py-2 px-12 focus:outline-none hover:bg-gray-600 text-lg"
href="https://www.openstreetmap.org/node/8848071783"
target="_blank"
class="inline-flex text-black bg-white border-0 py-2 px-12 focus:outline-none hover:bg-gray-600 text-lg external"
>
Map
OpenStreetMap
</a>
<a
href="https://g.page/clubco-brno"
target="_blank"
class="inline-flex text-black bg-white border-0 py-2 px-12 focus:outline-none hover:bg-gray-600 text-lg external"
>
Google Maps
</a>
</div>
</div>