more updates

georgebaskervil · Jul 31, 2024 · 7b34a2c · 7b34a2c
1 parent a894ef2
commit 7b34a2c
Show file tree

Hide file tree

Showing 12 changed files with 59 additions and 45 deletions.
diff --git a/public/robots.txt b/public/robots.txt
@@ -1,6 +1,5 @@
 User-agent: *
 Disallow: /netflixdobetter
 Disallow: /404
-Disallow: /video
 
 Sitemap: https://georgebaskerville.me/sitemap-index.xml
diff --git a/src/components/Layout.astro b/src/components/Layout.astro
@@ -176,9 +176,9 @@ const currentPath = Astro.url.pathname;
   </body>
   <footer
     class="bottom-0 text-left p-4 text-white text-sm ml-6"
-    style="opacity:0.4; font-style: italic"
+    style="opacity:0.4;"
   >
-    # Built with Astro, Tailwind, and TypeScript by George Baskerville. Based on
+    Built with Astro, Tailwind, and TypeScript by George Baskerville. Based on
     a template that has since been taken down by Tahir Murata. Uses the <a
       href="https://fonts.google.com/specimen/Special+Elite"
       target="_blank"

diff --git a/src/components/avatar.astro b/src/components/avatar.astro
@@ -2,22 +2,23 @@
 import { Image } from 'astro:assets';
 import { getavatar } from '../scripts/getavatar';
 const images = getavatar();
-let avatar = images[0]; // get the first avatar
+let avatar = images[0];
 ---
 
 <style>
     .image-container {
         overflow: hidden;
         border-radius: 10px;
         transition: transform 0.3s;
+        border-width: 2px;
     }
 
     .image-container:hover {
         transform: scale(1.05);
     }
 </style>
 
-<picture class="image-container">
+<picture class="image-container rounded-lg border-neutral">
     <Image 
         src={`/brand-assets/${avatar}.webp`}
         alt="Some of my best pictures"

diff --git a/src/components/picturesect.astro b/src/components/picturesect.astro
@@ -9,7 +9,7 @@ const images = getImages();
 <article class="flex flex-col gap-4">
     <section class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
         {images.slice(start, end).map((image) => (
-            <div class="image-container">
+            <div class="image-container rounded-lg border-neutral">
                 <picture>
                     <Image
                     src={`/image-assets/${image}.webp`}
@@ -35,6 +35,7 @@ const images = getImages();
     transition: transform 0.3s ease; 
     width: 100%; 
     aspect-ratio: 3 / 2;
+    border-width: 2px;
 }
 
 .image-container img {

diff --git a/src/pages/extras.astro b/src/pages/extras.astro
@@ -8,7 +8,7 @@ const currentPath = Astro.url.pathname;
 <div class="background-animation"></div>
 <Layout>
   <main>
-    <div class="container mx-auto py-0 w-full">
+    <div class="container py-0 w-full">
       <h1
         class="text-4xl font-bold mb-4 text-text"
         style="font-size: 2.5rem; margin-bottom: 24px;"

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -94,10 +94,10 @@ const posts = (await getCollection('posts')).sort(function (
                       height="30"
                       viewBox="0 0 24 24"
                       fill="none"
-                      stroke="#94a0a9"
+                      stroke="#D3487F"
                       stroke-linecap="round"
                       stroke-linejoin="round"
-                      color="#94a0a9"
+                      color="#D3487F"
                       class="tabler-icon tabler-icon-arrow-up-right transition-none md:transition-all md:duration-300 md:group-hover:translate-x-1 md:group-hover:translate-y-1"
                     >
                       <path d="M17 7l-10 10" />

diff --git a/src/pages/licensing.astro b/src/pages/licensing.astro
@@ -7,7 +7,7 @@ import Layout from '../components/Layout.astro';
 <div class="background-animation"></div>
 <Layout>
   <main>
-    <div class="container mx-auto py-0 w-full">
+    <div class="container py-0 w-full">
       <h1
         class="text-4xl font-bold mb-4 text-text"
         style="font-size: 2.5rem; margin-bottom: 24px;"
@@ -55,19 +55,19 @@ import Layout from '../components/Layout.astro';
     </p>
     <p
       class="bottom-0 text-left text-white text-sm mt-0 mb-3"
-      style="opacity:0.4; font-style: italic;"
+      style="opacity:0.4;"
     >
-      # Images licensed under CC0 1.0 Universal. Download them on the <a
+      Images licensed under CC0 1.0 Universal. Download them on the <a
         href="https://github.com/georgebaskervil/Personal-Website/tree/main/data/images"
         class="hover:underline"
         target="_blank">GitHub repo</a
       >
     </p>
     <p
       class="bottom-0 text-left text-white text-sm mt-0 mb-5"
-      style="opacity:0.4; font-style: italic;"
+      style="opacity:0.4;"
     >
-      # Articles licensed under CC0 1.0 Universal. Download them on the <a
+      Articles licensed under CC0 1.0 Universal. Download them on the <a
         href="https://github.com/georgebaskervil/Personal-Website/tree/main/src/content/posts"
         class="hover:underline"
         target="_blank">GitHub repo</a

diff --git a/src/pages/pictures.astro b/src/pages/pictures.astro
@@ -18,6 +18,7 @@ const images = getImages();
     transition: transform 0.3s ease; 
     width: 100%; 
     aspect-ratio: 3 / 2;
+    border-width: 2px;
 }
 
 .image-container img {
@@ -34,13 +35,13 @@ const images = getImages();
 <div class="background-animation"></div>
 <Layout>
   <h1 class="text-4xl font-bold mb-1 text-text">Latest Pictures:</h1>
-  <p class="bottom-0 text-left text-white text-sm mt-0 mb-3" style="opacity:0.4; font-style: italic;">
- # Images licensed under CC0 1.0 Universal. Download them on the <a href="https://github.com/georgebaskervil/Personal-Website/tree/main/data/images" class="hover:underline" target="_blank">GitHub repo</a>
+  <p class="bottom-0 text-left text-white text-sm mt-0 mb-3" style="opacity:0.4;">
+ Images licensed under CC0 1.0 Universal. Download them on the <a href="https://github.com/georgebaskervil/Personal-Website/tree/main/data/images" class="hover:underline" target="_blank">GitHub repo</a>
 </p>
 <article class="flex flex-col gap-4">
     <section class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
         {images.map((image) => (
-            <div class="image-container">
+            <div class="image-container rounded-lg border-neutral">
                 <picture>
                 <Image
                     src={`/image-assets/${image}.webp`}

diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
@@ -15,41 +15,42 @@ const posts = (await getCollection('posts')).sort(
 <Layout>
   <h1 class="text-4xl font-bold mb-1 text-text">Latest Posts:</h1>
   <p
-    class="bottom-0 text-left text-white text-sm mt-0 mb-5"
-    style="opacity:0.4; font-style: italic;"
+    class="bottom-0 text-left text-white text-sm mt-0 mb-2"
+    style="opacity:0.4;"
   >
-    # Articles licensed under CC0 1.0 Universal. Download them on the <a
-      href="https://github.com/georgebaskervil/Personal-Website/tree/main/data/images"
+    Articles licensed under CC0 1.0 Universal. Download them on the <a
+      href="https://github.com/georgebaskervil/Personal-Website/tree/main/data/articles"
       class="hover:underline"
       target="_blank">GitHub repo</a
     >
   </p>
 
   <article class="flex flex-col gap-4">
-    <section
-      class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"
-    >
-      {
-        posts.map((post: any) => (
-          <div class="p-4 rounded-lg border border-neutral shadow-md hover:scale-105 transition-transform duration-300 text-text">
-            <h4 class="text-lg font-medium">{post.data.title}</h4>
-            <p class="mt-2">
-              {post.data.publishedAt.toLocaleDateString('en-us', {
-                year: 'numeric',
-                month: 'short',
-                day: 'numeric',
-              })}
-            </p>
-            <p class="mt-2">{post.data.description}</p>
+    <article class="flex flex-col gap-3">
+      <section
+        class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"
+      >
+        {
+          posts.slice(0, 4).map((post: any) => (
             <a
               href={'/posts/' + post.slug}
-              class="text-accent mt-4 no-underline hover:underline"
+              class="p-4 rounded-lg border border-neutral shadow-md hover:scale-105 transition-transform duration-300 no-underline block"
             >
-              Read post
+              <h4 class="text-lg font-medium text-text">{post.data.title}</h4>
+              <p class="mt-2 text-text">
+                {post.data.publishedAt.toLocaleDateString('en-us', {
+                  year: 'numeric',
+                  month: 'short',
+                  day: 'numeric',
+                })}
+              </p>
+              <p class="mt-2 text-text">
+                {post.data.description}
+              </p>
             </a>
-          </div>
-        ))
-      }
-    </section>
+          ))
+        }
+      </section>
+    </article>
   </article>
 </Layout>
diff --git a/src/pages/privacy.astro b/src/pages/privacy.astro
@@ -7,7 +7,7 @@ import Layout from '../components/Layout.astro';
 <div class="background-animation"></div>
 <Layout>
   <main>
-    <div class="container mx-auto py-0 w-full">
+    <div class="container py-0 w-full">
       <h1
         class="text-4xl font-bold mb-4 text-text"
         style="font-size: 2.5rem; margin-bottom: 24px;"

diff --git a/src/pages/waveform.astro b/src/pages/waveform.astro
@@ -15,9 +15,20 @@ import Layout from "../components/Layout.astro";
   }
   #controls input,
   #controls button {
+    background-color: transparent;
+    color: #d6d6d6;
     border: 1px solid #2d2a2a;
+    padding: 5px;
+    margin-right: 10px;
+  }
+  #controls input[type="file"] {
+    color: transparent;
+  }
+  #controls input[type="file"]::file-selector-button {
+    background-color: transparent;
     color: #d6d6d6;
-    background-color: #110819;
+    border: 1px solid #2d2a2a;
+    padding: 5px;
   }
 </style>
 <div class="background-animation"></div>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -6,7 +6,7 @@ module.exports = {
       colors: {
         neutral: '#2D2A2A',
         text: '#DCD7BA',
-        accent: '#C8C093',
+        accent: '#D3487F',
     },
   },
 },