49 lines
2.1 KiB
HTML
49 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Jonathan McCaffrey's Art Portfolio</title>
|
|
<meta name="description" content="This is not a serious art portfolio. It's a software developer's (Jonathan McCaffrey) playground for testing SEO and AI-generated website content. The artwork is random past projects from school or just for fun.">
|
|
<meta name="author" content="Jonathan McCaffrey">
|
|
<meta name="robots" content="index, follow">
|
|
<meta property="og:title" content="Jonathan McCaffrey's Art Portfolio">
|
|
<meta property="og:description" content="A software developer messing around with SEO and AI generation for a website. Artwork is just random past work from school or for fun.">
|
|
<meta property="og:url" content="https://art.jonathanmccaffrey.com">
|
|
<meta property="og:type" content="website">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="Jonathan McCaffrey's Art Portfolio">
|
|
<meta name="twitter:description" content="A software developer messing around with SEO and AI generation for a website. Artwork is just random past work from school or for fun.">
|
|
<link rel="canonical" href="https://art.jonathanmccaffrey.com">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="header-inner">
|
|
<h1><a href="/" id="home-link">Jonathan McCaffrey's Art Portfolio</a></h1>
|
|
<nav>
|
|
<a href="#" id="nav-home">Home</a>
|
|
<a href="#" id="nav-docs">Docs</a>
|
|
<a href="#" id="nav-contact">Contact</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main-content"></main>
|
|
|
|
<div id="info-overlay" class="overlay hidden">
|
|
<button id="close-info" class="close-btn">×</button>
|
|
<button id="prev-art" class="nav-arrow prev-arrow">‹</button>
|
|
<button id="next-art" class="nav-arrow next-arrow">›</button>
|
|
<div id="info-overlay-content"></div>
|
|
</div>
|
|
|
|
<div id="image-overlay" class="overlay hidden">
|
|
<img id="fullscreen-image" src="" alt="">
|
|
</div>
|
|
|
|
<script src="js/data.js"></script>
|
|
<script src="js/app.js"></script>
|
|
</body>
|
|
</html>
|