wellfedbison/nancypannikkat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added bio

Browse Source
This commit is contained in:
James Dinh 2023-01-23 00:18:06 -08:00
parent 3b5f81fedc
commit 2eecbea302
5 changed files with 55 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
about.html
View File

@ -57,7 +57,7 @@
</div> </div>
<div class="about-desc"> <div class="about-desc">
<h2>Hi, I'm Nancy</h2><br> <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"> <section class="contact">
<h2 class="topic">Contact Me</h2> <h2 class="topic">Contact Me</h2>
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK --> <!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->

32
css/general.css
View File

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

BIN
img/profile.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 44 KiB

76
index.html
View File

@ -57,43 +57,45 @@
<!-- Main --> <!-- Main -->
<header> <header>
<section class="splide" aria-label="Splide Basic HTML Example"> <div class="slideshow">
<div class="splide__track"> <section class="splide" aria-label="Splide Basic HTML Example">
<ul class="splide__list" id="splide__list"> <div class="splide__track">
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/1.jpg" alt="painting thumbnail"><div class="slide-desc">“Anini Beach, Kauai” (12x16 Acrylic on canvas)<br>$200</div></div></li> <ul class="splide__list" id="splide__list">
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/2.jpg" alt="painting thumbnail"><div class="slide-desc">“Kilauea Lighthouse Point, Kauai” (11x14 Acrylic on canvas)<br>$175</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/1.jpg" alt="painting thumbnail"><div class="slide-desc">“Anini Beach, Kauai” (12x16 Acrylic on canvas)<br>$200</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/3.jpg" alt="painting thumbnail"><div class="slide-desc">“Be United As One” (8x10 Mixed media canvas)<br>$95</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/2.jpg" alt="painting thumbnail"><div class="slide-desc">“Kilauea Lighthouse Point, Kauai” (11x14 Acrylic on canvas)<br>$175</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/4.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Gardens” (16x20 Acrylic on photo canvas mixed media)<br>$250</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/3.jpg" alt="painting thumbnail"><div class="slide-desc">“Be United As One” (8x10 Mixed media canvas)<br>$95</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/5.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona Sunset, Hawaii” (11x14 metal print)<br>$75</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/4.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Gardens” (16x20 Acrylic on photo canvas mixed media)<br>$250</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/6.jpg" alt="painting thumbnail"><div class="slide-desc">“Keauhou Beach, Hawaii” (11x14 Metal print)<br>$75</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/5.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona Sunset, Hawaii” (11x14 metal print)<br>$75</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/7.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Innocence, Maui” (11x14 Metal print)<br>$75</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/6.jpg" alt="painting thumbnail"><div class="slide-desc">“Keauhou Beach, Hawaii” (11x14 Metal print)<br>$75</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/8.jpg" alt="painting thumbnail"><div class="slide-desc">“Ohana Surf, Maui” (11x14 Metal print)<br>$75</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/7.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Innocence, Maui” (11x14 Metal print)<br>$75</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/9.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Dreams, Maui” (11x14 Metal print)<br>$75</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/8.jpg" alt="painting thumbnail"><div class="slide-desc">“Ohana Surf, Maui” (11x14 Metal print)<br>$75</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/10.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia1, Maui” (11x14 Metal print)<br>$75</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/9.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Dreams, Maui” (11x14 Metal print)<br>$75</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/11.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 2, Maui"<br>*Custom prints available</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/10.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia1, Maui” (11x14 Metal print)<br>$75</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/12.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 3, Maui"<br>*Custom prints available</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/11.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 2, Maui"<br>*Custom prints available</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/13.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona, Hawaii” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/12.jpg" alt="painting thumbnail"><div class="slide-desc">“Paia 3, Maui"<br>*Custom prints available</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/14.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole 2 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/13.jpg" alt="painting thumbnail"><div class="slide-desc">“Kona, Hawaii” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/15.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Serenity, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/14.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole 2 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/16.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole1 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/15.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Serenity, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/17.jpg" alt="painting thumbnail"><div class="slide-desc">“Poipu Beach, Kauai” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/16.jpg" alt="painting thumbnail"><div class="slide-desc">“Kamaole1 Beach, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/18.jpg" alt="painting thumbnail"><div class="slide-desc">“Red Sky at Night, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/17.jpg" alt="painting thumbnail"><div class="slide-desc">“Poipu Beach, Kauai” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/19.jpg" alt="painting thumbnail"><div class="slide-desc">“Sailor's Delight, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/18.jpg" alt="painting thumbnail"><div class="slide-desc">“Red Sky at Night, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/20.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Edge Picnic, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/19.jpg" alt="painting thumbnail"><div class="slide-desc">“Sailor's Delight, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/21.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Chapel, Maui” (8x10 Framed Print)<br>$45</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/20.jpg" alt="painting thumbnail"><div class="slide-desc">“Wailea Edge Picnic, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/22.jpg" alt="painting thumbnail"><div class="slide-desc">“Shipwrecked, Maui Style” (8x10 Framed Print)<br>$55</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/21.jpg" alt="painting thumbnail"><div class="slide-desc">“Grand Wailea Chapel, Maui” (8x10 Framed Print)<br>$45</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/23.jpg" alt="painting thumbnail"><div class="slide-desc">“Alpinia Floral, Hawaii” (5x7 Framed Print)<br>$35</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/22.jpg" alt="painting thumbnail"><div class="slide-desc">“Shipwrecked, Maui Style” (8x10 Framed Print)<br>$55</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/24.jpg" alt="painting thumbnail"><div class="slide-desc">“Hibiscus, Hawaii” (5x7 Framed Print)<br>$35</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/23.jpg" alt="painting thumbnail"><div class="slide-desc">“Alpinia Floral, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/25.jpg" alt="painting thumbnail"><div class="slide-desc">“Bromeliad, Hawaii” (5x7 Framed Print)<br>$35</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/24.jpg" alt="painting thumbnail"><div class="slide-desc">“Hibiscus, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/26.jpg" alt="painting thumbnail"><div class="slide-desc">“Gecko, Hawaii” (5x5 Framed Print)<br>$35</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/25.jpg" alt="painting thumbnail"><div class="slide-desc">“Bromeliad, Hawaii” (5x7 Framed Print)<br>$35</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/27.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Crab, Maui” (5x5 Framed Print)<br>$35</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/26.jpg" alt="painting thumbnail"><div class="slide-desc">“Gecko, Hawaii” (5x5 Framed Print)<br>$35</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/28.jpg" alt="painting thumbnail"><div class="slide-desc">“Kula Rooster, Maui” (5x5 Framed Print)<br>$35</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/27.jpg" alt="painting thumbnail"><div class="slide-desc">“Kihei Crab, Maui” (5x5 Framed Print)<br>$35</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/29.jpg" alt="painting thumbnail"><div class="slide-desc">“Po'olenalena Beach, Maui”<br>*Custom Prints Available</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/28.jpg" alt="painting thumbnail"><div class="slide-desc">“Kula Rooster, Maui” (5x5 Framed Print)<br>$35</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/30.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/29.jpg" alt="painting thumbnail"><div class="slide-desc">“Po'olenalena Beach, Maui”<br>*Custom Prints Available</div></div></li>
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/31.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/30.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
</ul> <li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/31.jpg" alt="painting thumbnail"><div class="slide-desc">Title</div></div></li>
</div> </ul>
</section> </div>
</section>
</div>
</header> </header>
<main> <main>
</main> </main>

4
js/general.js
View File

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