https://jbollenbacher.github.io/index.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title id="page-title">Loading...</title>
7    <link rel="stylesheet" href="styles.css">
8</head>
9<body>
10    <header>
11        <nav class="container">
12            <a href="index.html" class="logo" id="nav-logo">Loading...</a>
13            <ul class="nav-links">
14                <li><a href="index.html" class="active">Home</a></li>
15                <li><a href="about.html">About</a></li>
16                <li><a href="projects.html">Projects</a></li>
17                <li><a href="publications.html">Publications</a></li>
18                <li><a href="resume.html">Resume</a></li>
19                <li><a href="contact.html">Contact</a></li>
20            </ul>
21        </nav>
22    </header>
23
24    <section class="hero">
25        <div class="container">
26            <div class="hero-content">
27                <div class="hero-text">
28                    <h1 id="hero-name">Loading...</h1>
29                    <p class="subtitle" id="hero-title">Loading...</p>
30                    <p class="description" id="hero-description">Loading...</p>
31                    <div class="cta-buttons">
32                        <a href="projects.html" class="btn btn-primary">View Projects</a>
33                        <a href="contact.html" class="btn btn-secondary">Get in Touch</a>
34                    </div>
35                </div>
36                <img id="hero-photo" src="" alt="Professional Headshot" class="profile-photo">
37            </div>
38        </div>
39    </section>
40
41    <footer>
42        <div class="container">
43            <p id="footer-text">Loading...</p>
44        </div>
45    </footer>
46
47    

47<script src="config.js"></script>

47
48    

48<script>
49        // Load content for home page
50        document.addEventListener('DOMContentLoaded', function() {
51            // Page title and basic info
52            document.getElementById('page-title').textContent = `${siteConfig.heroName} - ${siteConfig.title}`;
53            document.getElementById('nav-logo').textContent = siteConfig.navName;
54            document.getElementById('hero-name').textContent = siteConfig.heroName;
55            document.getElementById('hero-title').textContent = siteConfig.title;
56            document.getElementById('hero-description').textContent = siteConfig.hero.description;
57            document.getElementById('hero-photo').src = siteConfig.photo;
58            document.getElementById('footer-text').textContent = `© 2025 ${siteConfig.copyrightName}. All rights reserved.`;
59        });
60    </script>

60
61</body>
62</html>