Added bio

about.html

@@ -57,7 +57,7 @@
             </div>
             <div class="about-desc">
                 <h2>Hi, I'm Nancy</h2><br>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                &nbsp;&nbsp;&nbsp;&nbsp;Born and raised in Western New York State,  Nancy Pannikkat grew up with a love for art, graduating  with a Bachelor’s of Fine Arts from the  State University of New York, College at Fredonia in 1994. She has resided in the San Francisco Bay Area for almost thirty years  with her husband, raising their children while doing non profit work and art as a hobby. Now at age 50 she has revisited  her art roots, finding new inspiration and passion to create pieces that translate her love of color, texture, and high contrast in nature. Her many travels bring new subject material whether it be tropics, deserts, mountains, or farmland. Her current collection inspired by the Hawaiian Islands will be on display at The Patterson Library, Octagon Gallery in Westfield, NY February 17th- March 18th 2023.
                 <section class="contact">
                     <h2 class="topic">Contact Me</h2>
                     <!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->

css/general.css

@@ -21,7 +21,7 @@ img {
 
 /* Nav */
 .nav-wrapper {
-  height: auto;
+  min-height: 70px;
   width: 100%;
   top: 0;
   left: 0;
@@ -61,17 +61,6 @@ nav * {
   margin-left: 10px;
 }
 
-/* nav ul {
-  margin-right: 20px;
-}
-
-nav ul li {
-  line-height: 30px;
-  margin: 10px 7px;
-  padding: 3px 5px;
-  cursor: pointer;
-} */
-
 .navlink {
   color:rgb(160, 160, 160);
   font-size: 20px;
@@ -131,7 +120,6 @@ a:hover {
 }
 
 /* menu icon */
-
 .nav-container .menu-icon {
   display: none;
 }
@@ -239,20 +227,25 @@ header {
   padding: 30px 0;
 }
 
-/* .splide__track {
-  visibility: hidden;
-} */
+.slideshow {
+  max-width: 1000px;
+  margin: auto;
+}
 
 .splide__slide {
   padding: 0 10px 30px;
 }
 
 .slide-content {
-  max-width: fit-content;
+  width: 1000px;
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
 }
 
 .slide-img {
-  height: 75vh;
+  max-width: 900px;
 }
 
 .splide__slide, .splide__slide:focus, .splide.is-focus-in, .splide__pagination__page:focus-visible {
@@ -271,10 +264,11 @@ li .splide__pagination__page.is-active {
   background: #2c2c2c;
 }
 
-@media (max-width: 950px) {
+@media (max-width: 1000px) {
   .slide-content {
     margin: auto;
     padding: 10px 5px 20px;
+    max-width: fit-content;
   }
   
   .slide-img {

index.html

@@ -57,6 +57,7 @@
 
     <!-- Main -->
     <header>
+        <div class="slideshow">
             <section class="splide" aria-label="Splide Basic HTML Example">
                 <div class="splide__track">
                     <ul class="splide__list" id="splide__list">
@@ -94,6 +95,7 @@
                     </ul>
                 </div>
             </section>
+        </div>
     </header>
     <main>
     </main>

js/general.js

@@ -1,13 +1,13 @@
 document.addEventListener( 'DOMContentLoaded', function() {
     var splide = new Splide( '.splide', {
         type   : 'loop',
-        perPage: 3,
+        perPage: 1,
         focus  : 'center',
         autoWidth: true,
         autoplay: true,
         mediaQuery: 'max',
         breakpoints: {
-            950: {
+            1000: {
                 destroy: true,
             },
         },