← back to Jim Gravity
index.html
640 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Jim Dultz - Artist Portfolio featuring Prisms, Rods, 3D Art, Paintings, Sculpture, Mixed Media, and Cartoons">
<meta name="keywords" content="Jim Dultz, artist, contemporary art, prisms, rods, sculpture, paintings, mixed media">
<title>Jim Dultz - Artist Portfolio</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary-color: #035C9C;
--text-color: #333;
--bg-color: #ffffff;
--section-bg: #f8f9fa;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Open Sans', 'Lucida Sans Unicode', sans-serif;
color: var(--text-color);
line-height: 1.6;
background: var(--bg-color);
}
/* Header Styles */
header {
background: white;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
padding: 1rem 0;
}
.header-content {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
h1.site-title {
font-family: 'Fredericka the Great', fantasy, cursive;
font-size: 2.5rem;
color: var(--primary-color);
font-weight: normal;
margin-bottom: 1rem;
}
nav {
margin-top: 1rem;
}
nav ul {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1rem;
padding: 0 1rem;
}
nav a {
color: var(--text-color);
text-decoration: none;
padding: 0.5rem 1rem;
transition: color 0.3s, background 0.3s;
border-radius: 4px;
font-size: 0.95rem;
}
nav a:hover {
color: var(--primary-color);
background: rgba(3, 92, 156, 0.1);
}
/* Main Content */
main {
margin-top: 150px;
padding: 2rem 1rem;
}
section {
max-width: 1400px;
margin: 0 auto 4rem;
padding: 3rem 0;
scroll-margin-top: 160px;
}
section:nth-child(even) {
background: var(--section-bg);
padding: 3rem 2rem;
border-radius: 8px;
}
h2.section-title {
font-size: 2rem;
color: var(--primary-color);
text-align: center;
margin-bottom: 2rem;
font-weight: 600;
}
/* Gallery Grid */
.gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.gallery-item {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.3s, box-shadow 0.3s;
background: #fff;
}
.gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0,0,0,0.2);
}
.gallery-item img {
width: 100%;
height: 400px;
object-fit: cover;
display: block;
transition: transform 0.3s;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-item-caption {
padding: 0.75rem;
font-size: 0.9rem;
color: #666;
text-align: center;
background: white;
}
/* Home Section Special Styles */
#home .gallery {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
#home .gallery-item img {
height: 450px;
}
/* Footer */
footer {
background: #2c3e50;
color: white;
text-align: center;
padding: 2rem;
margin-top: 4rem;
}
.social-links {
display: flex;
justify-content: center;
gap: 1.5rem;
margin: 1rem 0;
}
.social-links a {
color: white;
font-size: 0.95rem;
text-decoration: none;
transition: color 0.3s;
}
.social-links a:hover {
color: var(--primary-color);
}
/* Contact Section */
.contact-info {
text-align: center;
font-size: 1.1rem;
padding: 2rem;
}
/* Responsive Design */
@media (max-width: 768px) {
h1.site-title {
font-size: 2rem;
}
nav ul {
gap: 0.5rem;
}
nav a {
padding: 0.4rem 0.8rem;
font-size: 0.85rem;
}
.gallery {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
}
#home .gallery {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
section {
margin-bottom: 2rem;
padding: 2rem 0;
}
h2.section-title {
font-size: 1.5rem;
}
main {
margin-top: 180px;
}
}
@media (max-width: 480px) {
.gallery {
grid-template-columns: 1fr;
}
#home .gallery {
grid-template-columns: repeat(2, 1fr);
}
}
/* Loading Animation */
.gallery-item img {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading 1.5s ease-in-out infinite;
}
.gallery-item img[src] {
animation: none;
}
@keyframes loading {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* Smooth Scroll Indicator */
.scroll-indicator {
position: fixed;
top: 0;
left: 0;
height: 4px;
background: var(--primary-color);
z-index: 1001;
transition: width 0.2s;
}
</style>
</head>
<body>
<div class="scroll-indicator" id="scrollIndicator"></div>
<header>
<div class="header-content">
<h1 class="site-title">Jim Dultz</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#prisms-rods">Prisms & Rods</a></li>
<li><a href="#rods">Rods</a></li>
<li><a href="#prisms">Prisms</a></li>
<li><a href="#3d">3-D</a></li>
<li><a href="#paintings">Paintings</a></li>
<li><a href="#sculpture">Sculpture</a></li>
<li><a href="#mixed-media">Mixed Media</a></li>
<li><a href="#cartoons">Cartoons</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section id="home">
<h2 class="section-title">Home</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_5e5856fbc7a94ba2b8bf9dca110f51fa~mv2.jpg/v1/crop/x_284,y_180,w_131,h_367/fill/w_155,h_426,al_c,lg_1,q_80,enc_avif,quality_auto/4x4square%20(for%20website).jpg" alt="Home artwork 1" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_0eea9245517c4cfda0b8341164eba0b4~mv2.jpg/v1/fill/w_143,h_426,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_0eea9245517c4cfda0b8341164eba0b4~mv2.jpg" alt="Home artwork 2" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_30aa811257bf4fd58cf97f083a7ccb27~mv2.jpg/v1/fill/w_143,h_426,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_30aa811257bf4fd58cf97f083a7ccb27~mv2.jpg" alt="Home artwork 3" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_787e578c569b46c2936e258f632e076f~mv2_d_3024_4032_s_4_2.jpg/v1/crop/x_1143,y_604,w_934,h_2079/fill/w_144,h_426,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_787e578c569b46c2936e258f632e076f~mv2_d_3024_4032_s_4_2.jpg" alt="Home artwork 4" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_d1cdd05441344c298f77a7194c2d1b0c~mv2.jpg/v1/crop/x_84,y_51,w_501,h_1376/fill/w_143,h_426,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/moosestash%20slice.jpg" alt="Home artwork 5" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_7b7ebd3a8b4141d68f78d014defa6288~mv2.png/v1/fill/w_155,h_426,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/Screenshot%202025-05-15%20at%205_02_58%E2%80%AFPM.png" alt="Home artwork 6" loading="lazy">
</div>
</div>
</section>
<section id="prisms-rods">
<h2 class="section-title">Prisms & Rods</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_4f314b4afe9746c8aba251c5aa27aa74~mv2.jpg/v1/crop/x_59,y_51,w_539,h_497/fill/w_383,h_353,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/Low%20Tech%20Lenticular%20%23%2010%20%20(for%20website).jpg" alt="Prisms & Rods artwork 1" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_faefc06fcd8e4963858cb3c2cd61cd18~mv2.jpg/v1/fill/w_449,h_352,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_faefc06fcd8e4963858cb3c2cd61cd18~mv2.jpg" alt="Prisms & Rods artwork 2" loading="lazy">
</div>
</div>
</section>
<section id="rods">
<h2 class="section-title">Rods</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_b2de510ef01b45d4bfb527434646589d~mv2.png/v1/crop/x_113,y_24,w_2012,h_2055/fill/w_411,h_420,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_b2de510ef01b45d4bfb527434646589d~mv2.png" alt="Rods artwork 1" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_6eb37e9e5ee54b74afb2dec61cce7846~mv2.jpg/v1/fill/w_400,h_400,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_6eb37e9e5ee54b74afb2dec61cce7846~mv2.jpg" alt="Rods artwork 2" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_4f314b4afe9746c8aba251c5aa27aa74~mv2.jpg/v1/fill/w_400,h_394,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_4f314b4afe9746c8aba251c5aa27aa74~mv2.jpg" alt="Rods artwork 3" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_acb80357cc5249f3bb95c178ceb18822~mv2.jpg/v1/fill/w_400,h_394,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_acb80357cc5249f3bb95c178ceb18822~mv2.jpg" alt="Rods artwork 4" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_e99c750a57494ef5954e799108649060~mv2.jpg/v1/fill/w_409,h_400,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_e99c750a57494ef5954e799108649060~mv2.jpg" alt="Rods artwork 5" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_97d1ede4681d40a48b49111b88e0242a~mv2.jpg/v1/crop/x_288,y_0,w_3221,h_3013/fill/w_420,h_394,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_97d1ede4681d40a48b49111b88e0242a~mv2.jpg" alt="Rods artwork 6" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_18a3949e42b047219f7164ae175adbd6~mv2.jpg/v1/fill/w_409,h_409,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_18a3949e42b047219f7164ae175adbd6~mv2.jpg" alt="Rods artwork 7" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_113152f7c6f143dda1f502811c9a40a4~mv2.jpg/v1/fill/w_409,h_409,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_113152f7c6f143dda1f502811c9a40a4~mv2.jpg" alt="Rods artwork 8" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_ffad83fb433d4ae3b86a20185ec3172e~mv2.jpg/v1/fill/w_420,h_423,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_ffad83fb433d4ae3b86a20185ec3172e~mv2.jpg" alt="Rods artwork 9" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_5e5856fbc7a94ba2b8bf9dca110f51fa~mv2.jpg/v1/fill/w_404,h_409,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_5e5856fbc7a94ba2b8bf9dca110f51fa~mv2.jpg" alt="Rods artwork 10" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_4e80e9f6f2504a87bcb793d946e7591d~mv2.jpg/v1/fill/w_842,h_807,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_4e80e9f6f2504a87bcb793d946e7591d~mv2.jpg" alt="Rods artwork 11" loading="lazy">
</div>
</div>
</section>
<section id="prisms">
<h2 class="section-title">Prisms</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_73c6871f1c5c4ca088ee7a6b5199bcd1~mv2.jpg/v1/fill/w_431,h_321,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_73c6871f1c5c4ca088ee7a6b5199bcd1~mv2.jpg" alt="Prisms artwork 1" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_76f7bb90a5144bc98f374960bd5b0e73~mv2.jpg/v1/fill/w_388,h_331,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_76f7bb90a5144bc98f374960bd5b0e73~mv2.jpg" alt="Prisms artwork 2" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_094cad2556cc49febb7dcbf236628deb~mv2.jpg/v1/crop/x_91,y_0,w_534,h_733/fill/w_288,h_395,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_094cad2556cc49febb7dcbf236628deb~mv2.jpg" alt="Prisms artwork 3" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_1f55f4b6d4e44f5fb90c6be6f5802a67~mv2.jpg/v1/fill/w_388,h_385,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_1f55f4b6d4e44f5fb90c6be6f5802a67~mv2.jpg" alt="Prisms artwork 4" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_7092943abd9f495ebf201154842ac09d~mv2.jpg/v1/fill/w_450,h_467,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_7092943abd9f495ebf201154842ac09d~mv2.jpg" alt="Prisms artwork 5" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_b369c983e21d44ce8da7b807821631ec~mv2.jpg/v1/crop/x_108,y_3,w_412,h_559/fill/w_291,h_395,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_b369c983e21d44ce8da7b807821631ec~mv2.jpg" alt="Prisms artwork 6" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_dc994b7e39624595a08512439b0bc677~mv2.jpg/v1/fill/w_453,h_331,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_dc994b7e39624595a08512439b0bc677~mv2.jpg" alt="Prisms artwork 7" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_ef1a34ff160e4b6787616c9d6df9c78b~mv2.jpg/v1/fill/w_456,h_296,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_ef1a34ff160e4b6787616c9d6df9c78b~mv2.jpg" alt="Prisms artwork 8" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_faefc06fcd8e4963858cb3c2cd61cd18~mv2.jpg/v1/fill/w_449,h_352,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_faefc06fcd8e4963858cb3c2cd61cd18~mv2.jpg" alt="Prisms artwork 9" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_52076a6780654199bacd82004b103f9f~mv2.jpg/v1/fill/w_456,h_362,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_52076a6780654199bacd82004b103f9f~mv2.jpg" alt="Prisms artwork 10" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_57b7bccbccf24d3e9bbf9a18918a7e32~mv2.jpg/v1/fill/w_399,h_461,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_57b7bccbccf24d3e9bbf9a18918a7e32~mv2.jpg" alt="Prisms artwork 11" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_447c3dc277d94057acf343dbcc12ded9~mv2.jpg/v1/fill/w_399,h_399,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_447c3dc277d94057acf343dbcc12ded9~mv2.jpg" alt="Prisms artwork 12" loading="lazy">
</div>
</div>
</section>
<section id="cartoons">
<h2 class="section-title">Cartoons</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_b4ecfbb12d3a49bdafd489788f4425b0~mv2_d_1200_1800_s_2.jpg/v1/fill/w_210,h_315,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_b4ecfbb12d3a49bdafd489788f4425b0~mv2_d_1200_1800_s_2.jpg" alt="Cartoons artwork 1" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_3cf53fa951fa4067afbbf4d722a8ea39~mv2.jpg/v1/fill/w_199,h_315,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_3cf53fa951fa4067afbbf4d722a8ea39~mv2.jpg" alt="Cartoons artwork 2" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_3d35b0626e0845babc3b80c3e7345490~mv2_d_1913_2870_s_2.jpg/v1/fill/w_207,h_315,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_3d35b0626e0845babc3b80c3e7345490~mv2_d_1913_2870_s_2.jpg" alt="Cartoons artwork 3" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_22894552ec4848c3964890a7de2440dd~mv2_d_2357_3688_s_2.jpg/v1/fill/w_205,h_315,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_22894552ec4848c3964890a7de2440dd~mv2_d_2357_3688_s_2.jpg" alt="Cartoons artwork 4" loading="lazy">
</div>
</div>
</section>
<section id="about">
<h2 class="section-title">About</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_ac3123a7407d44b3b15296aad40c3c35~mv2_d_1737_1737_s_2.jpg/v1/fill/w_381,h_387,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_ac3123a7407d44b3b15296aad40c3c35~mv2_d_1737_1737_s_2.jpg" alt="About artwork 1" loading="lazy">
</div>
<div class="gallery-item">
<img src="https://static.wixstatic.com/media/713435_a18517264f844a5fa199314e2389c13d~mv2_d_1360_2048_s_2.jpg/v1/fill/w_287,h_387,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/713435_a18517264f844a5fa199314e2389c13d~mv2_d_1360_2048_s_2.jpg" alt="About artwork 2" loading="lazy">
</div>
</div>
</section>
<section id="3d">
<h2 class="section-title">3-D</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://www.jimdultz.com/3-d" alt="Visit 3-D Gallery" loading="lazy">
</div>
</div>
<p style="text-align: center; margin-top: 2rem;">
<a href="https://www.jimdultz.com/3-d" style="color: var(--primary-color); font-size: 1.1rem; text-decoration: none; border: 2px solid var(--primary-color); padding: 0.75rem 1.5rem; border-radius: 4px; display: inline-block; transition: all 0.3s;">View Full 3-D Gallery</a>
</p>
</section>
<section id="paintings">
<h2 class="section-title">Paintings</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://www.jimdultz.com/paintings" alt="Visit Paintings Gallery" loading="lazy">
</div>
</div>
<p style="text-align: center; margin-top: 2rem;">
<a href="https://www.jimdultz.com/paintings" style="color: var(--primary-color); font-size: 1.1rem; text-decoration: none; border: 2px solid var(--primary-color); padding: 0.75rem 1.5rem; border-radius: 4px; display: inline-block; transition: all 0.3s;">View Full Paintings Gallery</a>
</p>
</section>
<section id="sculpture">
<h2 class="section-title">Sculpture</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://www.jimdultz.com/sculpture" alt="Visit Sculpture Gallery" loading="lazy">
</div>
</div>
<p style="text-align: center; margin-top: 2rem;">
<a href="https://www.jimdultz.com/sculpture" style="color: var(--primary-color); font-size: 1.1rem; text-decoration: none; border: 2px solid var(--primary-color); padding: 0.75rem 1.5rem; border-radius: 4px; display: inline-block; transition: all 0.3s;">View Full Sculpture Gallery</a>
</p>
</section>
<section id="mixed-media">
<h2 class="section-title">Mixed Media</h2>
<div class="gallery">
<div class="gallery-item">
<img src="https://www.jimdultz.com/mixed-media" alt="Visit Mixed Media Gallery" loading="lazy">
</div>
</div>
<p style="text-align: center; margin-top: 2rem;">
<a href="https://www.jimdultz.com/mixed-media" style="color: var(--primary-color); font-size: 1.1rem; text-decoration: none; border: 2px solid var(--primary-color); padding: 0.75rem 1.5rem; border-radius: 4px; display: inline-block; transition: all 0.3s;">View Full Mixed Media Gallery</a>
</p>
</section>
<section id="contact">
<h2 class="section-title">Contact</h2>
<div class="contact-info">
<p>For inquiries about artwork, commissions, or exhibitions:</p>
<p style="margin-top: 1rem;">
<a href="https://www.jimdultz.com/contact" style="color: var(--primary-color); font-size: 1.1rem; text-decoration: none; border: 2px solid var(--primary-color); padding: 0.75rem 1.5rem; border-radius: 4px; display: inline-block; margin-top: 1rem; transition: all 0.3s;">Get in Touch</a>
</p>
</div>
</section>
</main>
<footer>
<div class="social-links">
<a href="https://www.facebook.com" target="_blank" rel="noopener noreferrer">Facebook</a>
<a href="https://www.flickr.com" target="_blank" rel="noopener noreferrer">Flickr</a>
<a href="https://www.twitter.com" target="_blank" rel="noopener noreferrer">Twitter</a>
<a href="https://www.pinterest.com" target="_blank" rel="noopener noreferrer">Pinterest</a>
</div>
<p>© 2025 Jim Dultz. All rights reserved.</p>
<p style="margin-top: 0.5rem; font-size: 0.9rem;">Original site: <a href="https://www.jimdultz.com" target="_blank" rel="noopener noreferrer" style="color: var(--primary-color);">www.jimdultz.com</a></p>
</footer>
<script>
// Scroll Progress Indicator
window.addEventListener('scroll', () => {
const scrolled = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
document.getElementById('scrollIndicator').style.width = scrolled + '%';
});
// Lazy load images optimization
// Native lazy loading works via the loading="lazy" attribute already;
// only load the lazysizes polyfill for browsers that lack it.
if (!('loading' in HTMLImageElement.prototype)) {
const script = document.createElement('script');
script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js';
document.body.appendChild(script);
}
// Smooth scroll for older browsers
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Add error handling for images
document.querySelectorAll('.gallery-item img').forEach(img => {
img.addEventListener('error', function() {
this.style.display = 'none';
const caption = this.nextElementSibling;
if (caption && caption.classList.contains('gallery-item-caption')) {
caption.textContent = 'Image not available';
}
});
});
</script>
</body>
</html>