Centered arrows
This commit is contained in:
10
index.html
10
index.html
@@ -55,28 +55,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-[3vw] flex flex-row space-x-[3vw] w-full">
|
<div class="mt-[3vw] flex flex-row space-x-[3vw] w-full">
|
||||||
<div class="w-[55vw] font-[sftr] leading-[6vw] text-[7vw] flex flex-col">
|
<div class="w-[55vw] font-[sftr] leading-[5vw] text-[7vw] flex flex-col">
|
||||||
<a href="projects.html" class="group flex flex-row w-full justify-between">
|
<a href="projects.html" class="group flex flex-row w-full justify-between">
|
||||||
<svg class="opacity-0 group-hover:opacity-100 ms-1" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
||||||
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<p class="">Projects</p>
|
<p class="">Projects</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://blog.ayabusa.dev" class="group flex flex-row w-full justify-between">
|
<a href="https://blog.ayabusa.dev" class="group flex flex-row w-full justify-between">
|
||||||
<p class="">Blog</p>
|
<p class="">Blog</p>
|
||||||
<svg class="opacity-0 group-hover:opacity-100 " xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
||||||
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/ayabusa" class="group flex flex-row w-full justify-between">
|
<a href="https://github.com/ayabusa" class="group flex flex-row w-full justify-between">
|
||||||
<svg class="opacity-0 group-hover:opacity-100 ms-1" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-right-fill" viewBox="5 0 8 16">
|
||||||
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
<path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<p class="">Github</p>
|
<p class="">Github</p>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://git.ayabusa.dev" class="group flex flex-row w-full justify-between">
|
<a href="https://git.ayabusa.dev" class="group flex flex-row w-full justify-between">
|
||||||
<p class="">Gitea</p>
|
<p class="">Gitea</p>
|
||||||
<svg class="opacity-0 group-hover:opacity-100 " xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
<svg class="opacity-0 group-hover:opacity-100 mt-[-0.5vw] mb-[0.5vw] ms-[0.3vw]" xmlns="http://www.w3.org/2000/svg" height="5vw" fill="currentColor" class="bi bi-caret-left-fill" viewBox="3 0 10 16">
|
||||||
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
<path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user