https://megschrock.com/index.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5<LINK REL="SHORTCUT ICON" HREF="http://www.megschrock.com/oldsite/images/c47.gif">
6
7<META name="description" content="Meg Schrock is a lighting technician in IATSE local 52 in New York City.">
8<META name="keywords" content="Meg,Schrock,Meg Schrock,gaffer,NYC,gaffer NYC,gaffer New York,rigging gaffer,gaffer new york city,chief lighting technician,lighting technician, rigging programmer, board op, programmer,electric,crew,lamp operator,grip/electric,juicer,film gaffer,film lighting,lighting, film,lighting designer,best boy electric,best girl electric,female gaffer,woman gaffer,girl gaffer,creative gaffer,technical gaffer,HD,video,35mm,16mm,super 16,megan,shrock,meg shrock,megan shrock,megan schrock,margaret schrock">
9    <meta charset="UTF-8">
10    <meta name="viewport" content="width=device-width, initial-scale=1.0">
11    <title>Meg Schrock</title>
12    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
13    <link rel="stylesheet" href="styles.css">
14    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
15
16</head>
17<body>
18    <!-- Navigation Bar -->
19    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
20        <a class="navbar-brand" href="index.html">Meg Schrock</a>
21        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
22            <span class="navbar-toggler-icon"></span>
23        </button>
24        <div class="collapse navbar-collapse" id="navbarNav">
25            <ul class="navbar-nav ml-auto" id="menu">
26    <!-- Menu items will be populated here -->
27            </ul>
28
29        </div>
30    </nav>
31
32    <!-- Content Section -->
33    <div class="container mt-5">
34        <h1>Meg's Projects</h1>
35        <p>My website used to look like a list of my credits, but I stopped updating that years ago, you can still find it <a href="https://www.megschrock.com/oldsite/index.html" class="vibrant-link" target="_blank">here</a> - it was fun to create, hard to maintain. I guess that is what <a href="https://www.imdb.com/name/nm1692576/?ref_=nv_sr_srsg_0_tt_0_nm_3_in_0_q_megschrock" class="vibrant-link" target="_blank">IMDB</a> is for. </p>
36        
37        <p>I mostly used my website to create little <a href="https://www.megschrock.com/filmprojectslist.html" class="vibrant-link">tools</a> for myself to use on set as well as some random side projects to <a href="https://www.megschrock.com/games.html" class="vibrant-link">entertain</a> or <a href="https://www.megschrock.com/binclocks.html" class="vibrant-link">amuse</a>. Since I have spent some time making these things, I thought it was worth sharing, in case anyone else finds them useful or interesting.</p>
38        
39        <p>I also spent a fair amount of time maintaining a <a href="https://filmschoolednyc.wordpress.com" class="vibrant-link" target="_blank">wordpress</a> page which I created mostly to educate and a little to entertain.</p>
40    </div>
41    
42    <div class="container mt-5">
43    <h2 class="text-center">Find Me on the Socials</h2>
44    <div class="social-icons text-center mt-4">
45        <a href="https://www.facebook.com/meg.schrock" class="social-icon">
46            <i class="fab fa-facebook fa-2x"></i>
47        </a>
48        <a href="https://www.instagram.com/megtheshark" class="social-icon">
49            <i class="fab fa-instagram fa-2x"></i>
50        </a>
51        <a href="https://www.linkedin.com/in/megschrock" class="social-icon">
52            <i class="fab fa-linkedin fa-2x"></i>
53        </a>
54    </div>
55</div>
56
57
58    <!-- Footer -->
59    <footer class="bg-primary text-white text-center py-3 mt-5">
60        <p>&copy; 2024</p>
61    </footer>
62
63    

63<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

63
64    

64<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

64
65    
66    

66<script>
67    // Function to populate the menu from the JSON file
68    function populateMenu() {
69        fetch('menu.json')
70            .then(response => response.json())
71            .then(data => {
72                const menu = document.getElementById('menu');
73                data.menuItems.forEach(item => {
74                    const li = document.createElement('li');
75                    li.className = 'nav-item';
76                    const a = document.createElement('a');
77                    a.className = 'nav-link';
78                    a.href = item.link;
79                    a.textContent = item.name;
80                    li.appendChild(a);
81                    menu.appendChild(li);
82                });
83            })
84            .catch(error => console.error('Error loading menu:', error));
85    }
86
87    // Call the function when the page loads
88    document.addEventListener('DOMContentLoaded', populateMenu);
89</script>

89
90
91</body>
92</html>