Added visible blog link

src/lib/icons/Blog.svelte

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle fill-rule="evenodd" clip-rule="evenodd" fill="white" cx="12" cy="12" r="12"/>
+  <path fill="black" d="M10 20q-.425 0-.712-.288T9 19v-5q-2.075 0-3.537-1.463T4 9t1.463-3.537T9 4h8q.425 0 .713.288T18 5t-.288.713T17 6h-1v13q0 .425-.288.713T15 20t-.712-.288T14 19V6h-3v13q0 .425-.288.713T10 20" style="scale:.8;transform:translate(14%,14%);"/>
+</svg>

src/routes/Hero.svelte

@@ -4,6 +4,7 @@ import {t} from "$lib/translations";
 import Github from "$lib/icons/Github.svelte";
 import Telegram from "$lib/icons/Telegram.svelte";
 import Linkedin from "$lib/icons/Linkedin.svelte";
+import Blog from "$lib/icons/Blog.svelte";
 import MaterialSymbolsStarRounded from '~icons/material-symbols/star-rounded';
 
 export let starCount: number | null;
@@ -94,6 +95,12 @@ const goTop = () => {
     >
       <Telegram></Telegram>
     </a>
+    <a
+      class="hero__social-icon"
+      href="/blog"
+    >
+      <Blog></Blog>
+    </a>
   </div>
 </div>
 

src/routes/blog/+layout.svelte

@@ -1,10 +1,13 @@
 <script lang="ts">
 import Navbar from "$lib/components/Navbar.svelte";
+import { page } from '$app/stores';  
 </script>
 
 <Navbar>
   <div slot="title">
-    <a href="/blog">Блог</a>
+    {#if $page.url.pathname !== '/blog'}
+      <a href="/blog">Назад</a>
+    {/if}
   </div>
 </Navbar>