Clean up some files formatting

acmatku · Sep 4, 2024 · e1804de · e1804de
1 parent a245bdb
commit e1804de
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 66 deletions.
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -1,8 +1,9 @@
 ---
-import Layout from '~/layouts/Layout.astro';
-import { getHomePermalink } from '~/utils/permalinks';
+import Layout from '../layouts/Layout.astro';
+import { getHomePermalink } from '../utils/permalinks';
 
 const title = `Error 404`;
+
 ---
 
 <Layout metadata={{ title }}>

diff --git a/src/pages/bugsmashers.astro b/src/pages/bugsmashers.astro
@@ -1,6 +1,6 @@
 ---
-import Hero from '~/components/widgets/Hero.astro';
-import Layout from '~/layouts/PageLayout.astro';
+import Hero from '../components/widgets/Hero.astro';
+import Layout from '../layouts/PageLayout.astro';
 
 const metadata = {
   title: 'bugSmashers',
@@ -23,9 +23,7 @@ const metadata = {
 
     <Fragment slot="subtitle">
       Check the 'Calendar' tab to see when we meet next!
-
     </Fragment>
-  </Hero>
 
-
+  </Hero>
 </Layout>
diff --git a/src/pages/calendar.astro b/src/pages/calendar.astro
@@ -1,10 +1,11 @@
 ---
-import Hero from '~/components/widgets/Hero.astro';
-import Layout from '~/layouts/PageLayout.astro';
+import Hero from '../components/widgets/Hero.astro';
+import Layout from '../layouts/PageLayout.astro';
 
 const metadata = {
   title: 'Calendar',
 };
+
 ---
 
 <Layout metadata={metadata}>
@@ -32,6 +33,4 @@ const metadata = {
     frameborder="0" height="400px" width="60%"></iframe>
   </div>
   <div class="pb-10"></div>
-
-
 </Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,11 +1,13 @@
 ---
-import Layout from '~/layouts/PageLayout.astro';
-import Hero from '~/components/widgets/Hero.astro';
-import Features from '~/components/widgets/Features.astro';
+import Layout from '../layouts/PageLayout.astro';
+import Hero from '../components/widgets/Hero.astro';
+import Features from '../components/widgets/Features.astro';
+
 const metadata = {
   title: 'KU ACM',
   ignoreTitleTemplate: true,
 };
+
 ---
 
 <Layout metadata={metadata}>
@@ -28,7 +30,6 @@ const metadata = {
     </Fragment>
   </Hero>
 
-
   <!-- Features Widget *************** -->
 
   <Features
@@ -61,10 +62,6 @@ const metadata = {
           'KU ACM also provides free tutoring for many engineering classes including most EECS classes 500 level and below, Calculus 1-3, and linear algebra.',
         icon: 'tabler:book',
       },
-
     ]}
   />
-
-
-
 </Layout>
diff --git a/src/pages/officers.astro b/src/pages/officers.astro
@@ -1,19 +1,17 @@
 ---
-import Hero from '~/components/widgets/Hero.astro';
-import Layout from '~/layouts/PageLayout.astro';
-import {OfficerList} from '~/data/officers.js';
+import Hero from '../components/widgets/Hero.astro';
+import Layout from '../layouts/PageLayout.astro';
+import {OfficerList} from '../data/officers.js';
 import { Image } from 'astro:assets';
 
 const metadata = {
   title: 'Officers',
 };
 
-
 ---
 
 <Layout metadata={metadata}>
-  <Hero tagline="Officers"
-  >
+  <Hero tagline="Officers">
     <Fragment slot="title">
       Meet the Officers!
     </Fragment>
@@ -27,7 +25,6 @@ const metadata = {
     {OfficerList.map((officer) => (
       <div class="officer-card">
         <div class="image-container">
-
           <Image src={officer.image} alt={officer.name} width="100" height="300" />
           <a href={officer.link} target="_blank">
           <div class="arrow">View LinkedIn</div> {/* Arrow icon */}
@@ -60,21 +57,22 @@ const metadata = {
   .officer-card {
   text-align: center;
   position: relative; /* Position relative for absolute positioning of the arrow */
-}
+  }
 
-.officer-card img {
-  width: 100%;
-  height: auto;
-  aspect-ratio: 1 / 1;
-  object-fit: cover;
-  border-radius: 10%;
-  transition: border-radius 0.25s, transform 0.25s, filter 0.25s; /* Added filter transition */
-}
-.image-container:hover  img{
-  transform: scale(1.05);
-  border-radius: 5%;
-  filter: blur(3px); /* Added blur effect on hover */
-}
+  .officer-card img {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    border-radius: 10%;
+    transition: border-radius 0.25s, transform 0.25s, filter 0.25s; /* Added filter transition */
+  }
+
+  .image-container:hover  img{
+    transform: scale(1.05);
+    border-radius: 5%;
+    filter: blur(3px); /* Added blur effect on hover */
+  }
 
   .officer-card img {
     width: 100%;
@@ -84,39 +82,39 @@ const metadata = {
     border-radius: 10%; /* Adjusted for slightly round images */
     cursor: default /* Cursor pointer */
   }
-  
+
   .officer-card h5 {
     font-weight: bold; /* Making the name bold */
     margin-top: 10px; /* Adding some space between the image and the name */
     font-size: 1.1em; /* Slightly larger font size for better readability */
   }
-  
+
   .officer-card p {
     margin-top: 5px; /* Adding some space between the name and the role */
     font-style: italic; /* Making the role italic */
   }
 
-  /* Arrow styles */
-.officer-card .arrow {
-  position: absolute;
-  top: 40%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
-  opacity: 0; /* Hidden by default */
-  transition: opacity 0.25s; /* Fade in on hover */
-}
+    /* Arrow styles */
+  .officer-card .arrow {
+    position: absolute;
+    top: 40%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
+    opacity: 0; /* Hidden by default */
+    transition: opacity 0.25s; /* Fade in on hover */
+  }
 
-.image-container:hover .arrow {
-  opacity: 1; /* Show arrow on hover */
-}
+  .image-container:hover .arrow {
+    opacity: 1; /* Show arrow on hover */
+  }
 
-.arrow {
-  padding: 10px 20px; /* Padding for better visibility */
-  border-radius: 5px; /* Rounded corners */
-  cursor: pointer; /* Cursor pointer */
-  transition: opacity 1s; /* Fade in on hover */
+  .arrow {
+    padding: 10px 20px; /* Padding for better visibility */
+    border-radius: 5px; /* Rounded corners */
+    cursor: pointer; /* Cursor pointer */
+    transition: opacity 1s; /* Fade in on hover */
 
-}
-  </style>
+  }
+</style>
 
diff --git a/src/pages/tutoring.astro b/src/pages/tutoring.astro
@@ -1,8 +1,8 @@
 ---
-import Hero from '~/components/widgets/Hero.astro';
-import Layout from '~/layouts/PageLayout.astro';
-import Tutors from '~/components/TutorSchedule.jsx';
-import Headline from '~/components/ui/Headline.astro';
+import Hero from '../components/widgets/Hero.astro';
+import Layout from '../layouts/PageLayout.astro';
+import Tutors from '../components/TutorSchedule.jsx';
+import Headline from '../components/ui/Headline.astro';
 
 const metadata = {
   title: 'Tutoring',