tweaks and fix

.github/workflows/deploy.yaml

@@ -1,4 +1,3 @@
-# yaml-language-server: $schema=https://json.schemastore.org/github-workflow.json
 name: Deploy
 
 concurrency: deploy

flake.nix

@@ -19,6 +19,7 @@
         (fs.fromSource (lib.sources.cleanSource r))
         (fs.unions [
           ./src
+          ./public
           (fs.fileFilter (file: file.hasExt "ts") r)
           (fs.fileFilter (file: file.hasExt "json") r)
         ]);

shell.nix

@@ -5,5 +5,6 @@ mkShell {
 
     tailwindcss
     nodePackages.wrangler
+    nodePackages."@astrojs/language-server"
   ];
 }

src/components/NavBar.astro

@@ -4,7 +4,7 @@ import logo from '../img/avatar-text.svg';
 ---
 
 <header class="flex justify-center">
-  <nav class="p-4 flex justify-between items-center">
+  <nav class="py-2 px-4 flex justify-between items-center">
 
     <a href="/" class="logo">
       <Image src={logo} alt="Site logo."/>
@@ -33,6 +33,6 @@ import logo from '../img/avatar-text.svg';
   }
 
   .logo {
-    width: 170px;
+    width: 150px;
   }
 </style>

src/content/blog/ipsum/index.md

@@ -0,0 +1,48 @@
+---
+title: Ipsum
+pubDate: 2023-05-28T21:18:09Z
+tags: ['nix']
+draft: true
+summary:
+slug: ipsum
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac tempus massa. Donec nec nisi nunc. Fusce quis dui eu libero fringilla dapibus id eu ex. Nulla ac mauris vel ligula vehicula viverra. Nam lacinia in nunc eu commodo. Aliquam erat volutpat. Mauris ut hendrerit tortor. Aliquam erat volutpat. Suspendisse non urna libero. Fusce vitae nisi quis nisi mattis facilisis at vel lectus. Duis eget lacus hendrerit, elementum augue ac, volutpat sem. Morbi sit amet arcu dictum, dictum tellus eu, tristique leo. Ut ex lacus, varius sed gravida eget, cursus interdum arcu. Donec ante odio, varius at nibh in, malesuada luctus ex. Nunc congue odio nulla, ut egestas nibh porttitor quis.
+
+Suspendisse aliquam neque auctor purus ultrices mattis. Nunc vel lacinia dui, id pretium nisl. Donec vitae mauris eu sapien tincidunt pulvinar eu ut diam. Nulla convallis luctus eros, id congue dolor ultricies non. Integer eget ornare lectus. Nullam et quam commodo, dapibus tellus non, pulvinar nisi. Maecenas sollicitudin varius lorem, quis volutpat leo blandit ac. Quisque scelerisque ex a ante consectetur tincidunt. Proin dictum, turpis vitae vehicula bibendum, erat leo lobortis nibh, vitae mattis enim leo dictum urna. Donec ac egestas lorem.
+
+Nunc vulputate, nulla sit amet scelerisque sollicitudin, leo ipsum ullamcorper neque, eu ornare nulla ex eget sapien. Sed tincidunt sem eget nisl imperdiet tincidunt. Pellentesque interdum sapien lorem, ac maximus ipsum lacinia ut. Vestibulum ornare maximus pulvinar. Integer sit amet orci magna. Vestibulum sagittis rhoncus quam a mollis. Donec faucibus ex sapien. Aenean cursus lacus eu velit pulvinar pretium. Nulla volutpat leo arcu, at sodales sapien eleifend in. Etiam vehicula tincidunt nisi id facilisis. Ut nec vehicula est, nec condimentum orci. Fusce nibh mauris, scelerisque nec lobortis nec, condimentum sit amet lorem. Fusce rhoncus orci faucibus lectus gravida lobortis. Vivamus eget orci dignissim, porta arcu non, viverra quam. Aliquam lacus arcu, euismod at diam eget, viverra porttitor magna. Maecenas tincidunt dapibus finibus.
+
+Praesent sollicitudin rhoncus lorem, sit amet iaculis mi euismod et. Nullam euismod, eros in mattis ornare, quam augue hendrerit arcu, vitae malesuada risus est non lacus. Vivamus convallis bibendum neque, a tempus diam finibus sed. Phasellus sit amet arcu neque. Quisque accumsan felis magna. Mauris tincidunt pellentesque volutpat. Suspendisse potenti. Vestibulum dignissim turpis in nisi sollicitudin, id posuere libero molestie.
+
+Cras in felis turpis. In fermentum elementum sapien non egestas. Mauris quam nisl, tempor vitae sem et, interdum mollis metus. Ut at eleifend libero. In rhoncus turpis et mattis hendrerit. Praesent nec libero dolor. Donec tincidunt, enim id vestibulum mattis, tellus ipsum eleifend orci, ac molestie mi nisi ac purus. Nullam sagittis aliquam lorem, eu blandit metus gravida vitae. Cras malesuada volutpat odio, ac molestie massa finibus vitae.
+
+Pellentesque tincidunt orci convallis ligula congue, sed tempus felis iaculis. Praesent luctus eleifend velit sed hendrerit. Maecenas volutpat eros non lacus blandit rutrum. Vivamus vulputate quam id arcu interdum, vitae aliquam nisi imperdiet. Morbi ut vulputate leo, id aliquam leo. Morbi ligula est, ultrices sed ligula at, vulputate placerat odio. Mauris et velit arcu. Etiam aliquet sed nisi vel pharetra.
+
+Morbi ac rhoncus felis. Etiam et tellus viverra, aliquam neque quis, posuere urna. In eu tortor ex. Curabitur et purus sit amet ipsum lobortis consequat fermentum quis diam. Ut sed est a turpis accumsan bibendum. Nunc auctor eros risus, nec condimentum ligula laoreet vitae. Praesent id vestibulum lectus. Phasellus consectetur euismod dui, a rutrum ex dapibus et.
+
+Etiam felis lacus, cursus ut elementum vel, cursus a augue. In quis sodales sapien. Aliquam eget porttitor dui. Pellentesque sed facilisis nulla, nec euismod turpis. Donec vel varius sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nunc mauris, laoreet in eros quis, tempor malesuada est. Duis vel mattis magna. Pellentesque sodales vitae magna ut rhoncus. Duis orci nisi, sollicitudin vel tortor consequat, viverra tincidunt ipsum. Donec non augue a nisl ornare pharetra. Nam porttitor eget tortor vitae suscipit.
+
+Donec nec maximus nunc. Nullam porttitor, justo quis molestie facilisis, tellus sapien pellentesque quam, eget dictum tortor nisi non diam. Etiam faucibus sem sed quam luctus rhoncus at id risus. Morbi iaculis quis libero ac mollis. Sed mattis, odio facilisis lacinia tempus, nibh felis dapibus magna, interdum volutpat dui nibh et risus. Curabitur gravida dolor vel mollis ultrices. Quisque nec feugiat neque. Curabitur arcu quam, facilisis eget tincidunt nec, vestibulum sit amet urna. Proin ac ante est. Pellentesque fringilla tristique quam, quis hendrerit ipsum maximus vel. Aenean interdum eu magna a dictum. Mauris semper arcu nec pulvinar luctus. Integer varius purus in sollicitudin commodo. Maecenas consequat eros lectus, sit amet semper ipsum scelerisque at. Phasellus laoreet porta purus, ultrices ornare ante iaculis rutrum.
+
+Nam in purus orci. Nam lobortis vestibulum euismod. Vestibulum tincidunt mauris ut semper sodales. Donec non massa at urna pharetra accumsan. Duis augue eros, rutrum condimentum mauris eget, laoreet congue orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer eu rhoncus turpis. Morbi bibendum ac diam vitae tincidunt. Nunc pulvinar molestie ipsum, quis lacinia lacus tempus vulputate. Nunc sed semper arcu. Phasellus lacus urna, luctus at varius vel, tristique nec nulla. Aenean mollis hendrerit libero, et mattis est pellentesque ac. Aenean posuere augue eget sagittis suscipit.
+
+Sed elementum sit amet turpis et tincidunt. Nulla non ex mi. Suspendisse tincidunt vulputate purus, vel pretium felis ultrices vel. Cras ac sem in nulla porta convallis. Fusce a fringilla enim. Donec quam arcu, ultrices vel consectetur sit amet, pulvinar eu sem. Suspendisse nec nibh augue. Sed feugiat vel felis in molestie. Aenean eget semper risus. Sed id tortor odio. Aenean nec justo dignissim, efficitur lacus et, posuere neque. Aenean sit amet aliquet eros. Maecenas erat nisl, rutrum vel pulvinar vel, sodales dapibus ex. Suspendisse nec rhoncus justo. Aliquam non posuere lectus. Mauris in libero convallis, convallis ante id, suscipit sem.
+
+Proin molestie magna eu lacus tristique, vitae convallis dui porta. Proin ante quam, viverra ut arcu a, tempor tincidunt arcu. Donec a varius ligula. In pretium metus est, vel lobortis tortor ultricies at. Nunc nec ipsum rutrum, viverra ante sed, pellentesque nunc. Cras accumsan diam eget tincidunt mattis. Duis dolor dui, varius nec eros vel, ultricies placerat neque. Ut tincidunt mi erat, commodo viverra odio mollis at. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean eget tellus tempus, ullamcorper eros sed, aliquet neque. Donec eu ultrices lectus. In congue, ex semper gravida scelerisque, massa mauris pulvinar tellus, nec luctus orci nulla non dolor.
+
+Praesent posuere, tellus id congue vehicula, sapien ante congue ex, eu malesuada odio quam a enim. Sed nec enim sit amet nisl volutpat consequat. Morbi ligula orci, ultricies id dui nec, sodales volutpat metus. Cras aliquet nibh a nunc porttitor dictum. Etiam a augue tellus. Cras a ipsum eros. Cras lacinia libero sit amet sapien tincidunt venenatis. Pellentesque ac tortor nunc. Aenean viverra rhoncus eros eget pharetra. Sed pellentesque vestibulum lacus, vitae varius dui malesuada sit amet.
+
+Sed vulputate, lectus ut commodo ultricies, tortor ipsum rhoncus est, viverra sollicitudin libero augue at massa. Donec tincidunt lacus nec tempor commodo. Donec quis porta quam. Nullam leo augue, sagittis ut nulla quis, scelerisque semper diam. Duis enim ligula, consectetur non dapibus id, fermentum ac risus. Vivamus ullamcorper pretium sem et dignissim. Sed ante augue, eleifend vel ipsum id, faucibus mollis magna.
+
+Integer et ex tempus, elementum ante eu, sodales ante. Phasellus turpis diam, sagittis eu convallis at, interdum eu ipsum. Phasellus eget efficitur elit, ut porta lorem. Nullam congue diam placerat vehicula ornare. Vestibulum porta neque mauris. Phasellus aliquam faucibus ipsum, in imperdiet est laoreet nec. Ut lacus nulla, tempor et velit ut, rutrum auctor lacus. Maecenas et leo at eros pretium tristique sed at risus. Nulla dolor ipsum, scelerisque in ligula ac, fermentum tempor sem. Mauris diam nunc, maximus et malesuada ut, ornare in mi. In felis urna, vestibulum nec purus et, vulputate dapibus turpis. Aenean ipsum ex, accumsan sed dolor eget, rutrum lacinia velit. Phasellus at magna non tortor eleifend efficitur vitae non urna. Nam posuere sapien nunc, at condimentum elit congue nec. Nunc semper urna id tortor lobortis fermentum.
+
+Nulla elementum libero non scelerisque euismod. Vestibulum dui metus, egestas interdum placerat non, viverra at libero. Quisque ultrices diam eros, at ullamcorper justo euismod pellentesque. Cras et tortor eu ligula varius hendrerit. Phasellus eu diam sit amet tellus porta consectetur. Vivamus fermentum in arcu vel scelerisque. Vivamus in pellentesque velit, et malesuada leo. Donec egestas mi quis elit aliquam, quis interdum nunc dignissim. In tincidunt a neque ut sodales. Donec cursus odio lacus, sit amet suscipit dui blandit quis. Suspendisse vel libero elit. Aliquam pharetra nunc vel viverra feugiat. Duis neque massa, tempor a vulputate a, bibendum vitae elit. Quisque bibendum, ex et viverra dignissim, elit enim iaculis sapien, sit amet fermentum ipsum odio ac odio. Cras ex neque, scelerisque vel ante vel, tincidunt vulputate nulla.
+
+Mauris euismod efficitur mi, ut ornare magna mattis ut. Cras dignissim, quam ac elementum bibendum, felis ex dapibus lorem, vitae posuere enim mi at neque. Maecenas condimentum tortor sed bibendum aliquet. In maximus sapien sem, sit amet facilisis leo egestas a. Proin facilisis tortor ac varius convallis. Morbi tempus tempor nisi, id feugiat felis efficitur eu. Donec vel lectus lacinia, porttitor lorem scelerisque, semper libero. Quisque sodales cursus turpis, vitae molestie nisi laoreet at.
+
+Integer accumsan enim non volutpat lobortis. Nulla fermentum lectus id dapibus cursus. Vestibulum vestibulum lectus in dui rhoncus aliquam. Curabitur blandit ullamcorper nisi, a venenatis est gravida quis. Fusce quis ullamcorper leo. Duis vitae luctus orci. Vestibulum eleifend iaculis ullamcorper. Phasellus tincidunt placerat lectus. Donec semper imperdiet libero vel pretium. Nulla maximus mi quis augue dignissim ullamcorper. Fusce non felis eu dolor tempus eleifend id eget augue. Cras leo nibh, porttitor in odio non, malesuada pretium sapien. Ut dignissim nibh et dui ullamcorper fermentum at ut velit. Curabitur eu arcu quis lorem tempus mattis a efficitur erat.
+
+Cras ac ornare libero. Pellentesque eu augue in ipsum lacinia placerat. Nam vel mollis ex, auctor tempus purus. Quisque tempor vel arcu ut ultrices. Donec tristique sed ligula sed finibus. Nullam interdum, erat quis viverra efficitur, leo nibh placerat nisl, at interdum enim leo vel est. Nam sed eros at enim auctor pulvinar. Proin dictum nulla vitae mattis convallis. In nec accumsan arcu, non mollis dui.
+
+Integer nec auctor sem. Sed in ligula euismod nisi congue porttitor sit amet eu dui. Proin arcu ligula, tincidunt vitae magna ac, malesuada venenatis ante. Sed sem lorem, pharetra vitae sem nec, volutpat elementum tortor. Integer finibus mi vitae quam ornare sollicitudin. Suspendisse efficitur mauris sit amet turpis placerat, convallis mattis ante aliquet. Fusce molestie suscipit nisi. Nam eget urna condimentum, condimentum diam sed, mattis justo. Morbi vel ligula auctor, imperdiet massa sed, ornare est. Sed iaculis ligula nulla, ac luctus lacus tristique et. Quisque imperdiet justo quis elit accumsan venenatis. Suspendisse bibendum risus non elementum gravida. Nulla facilisi. Nullam at mi efficitur mi suscipit mattis sagittis ac est. Donec turpis libero, vestibulum sit amet nulla id, rhoncus interdum mauris.

src/layouts/Base.astro

@@ -30,7 +30,21 @@ import Footer from '../components/Footer.astro';
 
 <style>
   main {
-    max-width: 1000px;
+    max-width: 100vw;
+    margin: 0 10px;
+  }
+
+  @media screen(md) {
+    main {
+      max-width: 1000px;
+    }
+  }
+</style>
+
+<style is:global>
+  .astro-code {
+    overflow: scroll !important;
+    max-width: 100vw;
   }
 </style>