feat: file attachment

2 files changed, 51 insertions, 3 deletions

diff --git a/assets/icons/pdf-file-icon.svg b/assets/icons/pdf-file-icon.svg
new file mode 100644
index 0000000..b9655d1
--- /dev/null
+++ b/assets/icons/pdf-file-icon.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="a" x1="625.787" x2="632.847" y1="825.641" y2="812.848" gradientTransform="rotate(.063 730247.830176 -555381.239344)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#e1e1e1"/>
+    </linearGradient>
+    <linearGradient id="b" x1="634.081" x2="635.169" y1="810.251" y2="809.248" gradientTransform="translate(-610.524 -802.52)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="#c8c8c8"/>
+    </linearGradient>
+    <linearGradient id="c" x1="14.019" x2="10.665" y1="-116.816" y2="-106.493" gradientTransform="matrix(1 0 0 -1 .04 -103.785)" gradientUnits="userSpaceOnUse">
+      <stop offset=".127" stop-color="#8a0000"/>
+      <stop offset=".244" stop-color="#900000" stop-opacity=".999"/>
+      <stop offset=".398" stop-color="#a00000" stop-opacity=".999"/>
+      <stop offset=".573" stop-color="#bc0000" stop-opacity=".998"/>
+      <stop offset=".761" stop-color="#e20000" stop-opacity=".997"/>
+      <stop offset=".867" stop-color="#fa0000" stop-opacity=".996"/>
+    </linearGradient>
+    <linearGradient id="d" x1="14.16" x2="10.541" y1="-117.225" y2="-106.084" gradientTransform="matrix(1 0 0 -1 .04 -103.785)" gradientUnits="userSpaceOnUse">
+      <stop offset=".315" stop-color="#5e0000"/>
+      <stop offset=".444" stop-color="#830000" stop-opacity=".999"/>
+      <stop offset=".618" stop-color="#ae0000" stop-opacity=".998"/>
+      <stop offset=".775" stop-color="#cd0000" stop-opacity=".997"/>
+      <stop offset=".908" stop-color="#e00000" stop-opacity=".996"/>
+      <stop offset="1" stop-color="#e70000" stop-opacity=".996"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#a)" d="M9.064 3.162h11.6a31.459 31.459 0 0 1 7.524 7.538v17.842H9.064Z"/>
+  <path fill="none" stroke="#c8c8c8" stroke-width=".5" d="M9.064 3.162h11.6a31.459 31.459 0 0 1 7.524 7.538v17.842H9.064Z"/>
+  <path fill="url(#b)" d="M20.662 3.162a31.807 31.807 0 0 1 7.526 7.538 6.765 6.765 0 0 0-5.332-2.03 6.025 6.025 0 0 0-2.194-5.508Z"/>
+  <path fill="none" stroke="#c8c8c8" stroke-width=".5" d="M20.662 3.162a31.807 31.807 0 0 1 7.526 7.538 6.765 6.765 0 0 0-5.332-2.03 6.025 6.025 0 0 0-2.194-5.508Z"/>
+  <path fill="none" stroke="#c8c8c8" stroke-width="4" d="M5.339 6.496h14.1v2.7h-14.1z"/>
+  <path fill="#f91d0a" d="M15.819 19.855c.466-.914 1-1.943 1.42-2.977l.168-.408c-.554-2.108-.886-3.8-.589-4.894a.755.755 0 0 1 .763-.458h.254c.484-.007.711.608.737.847a3.847 3.847 0 0 1-.141 1.072 2.639 2.639 0 0 0-.161-1.091c-.2-.439-.391-.7-.562-.743a.54.54 0 0 0-.2.407 5.874 5.874 0 0 0-.077.939 10.511 10.511 0 0 0 .433 2.729c.054-.156.1-.306.14-.447.059-.222.433-1.691.433-1.691s-.094 1.956-.226 2.547c-.028.125-.059.249-.092.375a8.586 8.586 0 0 0 2.145 3.351 6.7 6.7 0 0 0 1.24.852 16.9 16.9 0 0 1 2.517-.189 3.153 3.153 0 0 1 1.938.433.738.738 0 0 1 .213.484 1.446 1.446 0 0 1-.041.282c.01-.051.01-.3-.755-.546a8.91 8.91 0 0 0-3.086-.043c1.566.766 3.093 1.147 3.576.919a1.015 1.015 0 0 0 .262-.254 2.727 2.727 0 0 1-.146.484.764.764 0 0 1-.377.258c-.764.2-2.752-.268-4.485-1.258a36.619 36.619 0 0 0-5.768 1.371c-1.675 2.936-2.935 4.284-3.959 3.771l-.377-.189a.436.436 0 0 1-.141-.474c.119-.584.852-1.465 2.324-2.344.158-.1.864-.469.864-.469s-.523.506-.645.605c-1.175.963-2.042 2.174-2.021 2.644v.041c1-.142 2.495-2.174 4.419-5.939m.61.312c-.321.605-.636 1.166-.926 1.682a24.582 24.582 0 0 1 4.975-1.408c-.221-.153-.435-.314-.637-.485a8.531 8.531 0 0 1-2.1-2.729 23.388 23.388 0 0 1-1.317 2.94"/>
+  <path fill="url(#c)" d="M3.75 4.968h17.264v5.803H3.75z"/>
+  <path fill="url(#d)" d="M21.343 11.119H3.437V4.62h17.906ZM20.7 5.264H4.081v5.209H20.7Z"/>
+  <path fill="#fff9f9" d="M8.262 5.819h1.256a1.1 1.1 0 0 1 .859.331 1.338 1.338 0 0 1 .3.937 1.351 1.351 0 0 1-.3.942 1.1 1.1 0 0 1-.859.328h-.5v1.349h-.756V5.819m.757.726v1.086h.419a.423.423 0 0 0 .34-.141.611.611 0 0 0 .12-.4.6.6 0 0 0-.12-.4.422.422 0 0 0-.34-.141h-.419m2.949.031v2.369h.271a.853.853 0 0 0 .708-.3 1.382 1.382 0 0 0 .246-.885 1.375 1.375 0 0 0-.244-.88.858.858 0 0 0-.71-.3h-.271m-.757-.758h.8a2.9 2.9 0 0 1 .989.121 1.283 1.283 0 0 1 .562.427 1.779 1.779 0 0 1 .307.607 2.783 2.783 0 0 1 .1.779 2.831 2.831 0 0 1-.1.786 1.779 1.779 0 0 1-.307.607 1.313 1.313 0 0 1-.566.43 2.965 2.965 0 0 1-.991.125h-.8V5.819m3.342 0H16.6v.758h-1.29V7.3h1.209v.758H15.31v1.648h-.757V5.819"/>
+</svg>
diff --git a/src/partials/sidebar.html b/src/partials/sidebar.html
index 2627aed..23884de 100644
--- a/src/partials/sidebar.html
+++ b/src/partials/sidebar.html
@@ -1,11 +1,11 @@
 <aside class="col-span-3">
     <form class="flex outline-offset-4 outline-yellow-600/50 has-focus:outline-2" action="https://duckduckgo.com/" method="get" role="search">
- <input type="hidden" name="sites" value="anna-hvatit.mlibren.com"/>
+        <input type="hidden" name="sites" value="anna-hvatit.mlibren.com" />
         <input type="search" name="q" id="search" class="border focus:outline-0 grow text-sm pl-3 border-zinc-200 placeholder:text-zinc-600 h-10" placeholder="Поиск с DuckDuckGo" required>
         <button class="px-6 cursor-pointer first-letter:capitalize bg-zinc-200 text-sm" type="submit">поиск</button>
     </form>
     <nav class="max-md:hidden pt-6">
-        <span class=" capitalize">публикации</span>
+        <span class="inline-block first-letter:capitalize">публикации</span>
         <ul class="space-y-2 mt-2">
             <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/electricity-in-geology.html">электричество ищет нефть</a></li>
             <li><a class="text-sm hover:underline first-letter:capitalize block text-zinc-600" href="/posts/how-ores-are-born.html">КАК РОЖДАЮТСЯ СОКРОВИЩА?</a></li>
@@ -13,11 +13,22 @@
         </ul>
     </nav>
     <nav class="pt-6">
-        <span class=" capitalize">категории</span>
+        <span class="inline-block first-letter:capitalize">категории</span>
         <ul id="tags-aside" class="flex flex-wrap gap-2 mt-2">
             <li><a href="#" class="flex items-center justify-center bg-zinc-200 rounded-lg px-1.5 text-zinc-600 first-letter:capitalize text-xs hover:underline w-fit">геология</a></li>
             <li><a href="#" class="flex items-center justify-center bg-green-200 rounded-lg px-1.5 text-green-600 first-letter:capitalize text-xs hover:underline w-fit">minecraft</a></li>
             <li><a href="#" class="flex items-center justify-center bg-blue-200 rounded-lg px-1.5 text-blue-600 first-letter:capitalize text-xs hover:underline w-fit">электричество</a></li>
         </ul>
     </nav>
+    <nav class="pt-6 max-sm:hidden">
+        <span class="inline-block first-letter:capitalize">Прочие публикации и файлы</span>
+        <ul id="tags-aside" class="flex flex-wrap gap-2 mt-2">
+            <li>
+                <a href="/files/Sbornik_250910_235142.pdf" class="text-sm flex items-center gap-2 underline">
+                    <img width="32" src="/assets/icons/pdf-file-icon.svg">
+                    <span class="first-letter:capitalize inline-block">инновационные технологии в нефтегазовой отрасли (включает мою работу)</span>
+                </a>
+            </li>
+        </ul>
+    </nav>
 </aside>
\ No newline at end of file