Updated technologies and front page resume.

nTh0rn · Nov 7, 2024 · 3fffaee · 3fffaee
1 parent a1f8004
commit 3fffaee
Show file tree

Hide file tree

Showing 8 changed files with 213 additions and 85 deletions.
diff --git a/public/images/icons/schools/stoa.png b/public/images/icons/schools/stoa.png
diff --git a/public/images/icons/tech/batch.png b/public/images/icons/tech/batch.png
diff --git a/public/images/icons/tech/git.png b/public/images/icons/tech/git.png
diff --git a/public/images/icons/tech/htmlcss.png b/public/images/icons/tech/htmlcss.png
diff --git a/src/components/MainHeader.astro b/src/components/MainHeader.astro
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
@@ -42,7 +42,7 @@ const pageTitle = "Tag Index";
   <div class="flex-wrap flex items-center justify-around">
     {tags.map((tag) => (
       <div class="duration-1000 relative transform transition-opacity opacity-0 ease-out" data-replace='{ "opacity-0": "opacity-100" }'>
-      <div class="group flex hover:-ml-0  rounded-lg border-[1px] hover:px-3 hover:-mr-0 m-1 p-2 border-[#000000] dark:border-[#FFFFFF] animate duration-200 ">
+      <div class="group flex hover:-ml-0  rounded-lg border-[1px] hover:px-3 hover:-mr-0 m-1 p-2 bg-opacity-10 bg-[#0069FF] dark:bg-opacity-[7%] dark:bg-[#388AFF] border-[#000000] dark:border-[#FFFFFF] animate duration-200 ">
       <a href={`/tags/${tag}`} class="text-center unset hover:text-text-link transition-colors duration-0">
       {tag}
       </a>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -30,6 +30,8 @@
 
         --color-tech-light: 255 240 200;
         --color-tech-light-light: 255 230 155;
+        --color-box-blue-dark: 51 154 240
+        --color-box-blue-light: 0 105 255
 
         /* Tailwind slate-900 #0f172a */
         --color-text-body: 15 23 42;

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -61,6 +61,8 @@ module.exports = {
       },
       colors: {
         'main-c':'#339AF0',
+        blueLight:'#0069FF',
+        blueDark:'#339AF0',
         transparent: "transparent",
         current: "currentColor",
         primary: {
@@ -69,6 +71,8 @@ module.exports = {
           200: "rgb(var(--color-tech-dark) / <alpha-value>)",
           800: "rgb(var(--color-tech-light) / <alpha-value>)",
           900: "rgb(var(--color-tech-light-light) / <alpha-value>)",
+          blueDark: "rgb(var(--color-box-blue-dark) / <alpha-value>)",
+          blueLight: "rgb(var(--color-box-blue-light) / <alpha-value>)",
         },
 
         text: {