-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (73 loc) · 3.87 KB
/
index.html
1
<!DOCTYPE html><html lang="en"></html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Seamus Hinz</title> <link rel="icon" type="image/x-con" href="Assets/Self Portrait.jpg"> <link rel="stylesheet" href="Styles/styles.css"> <link rel="stylesheet" href="Styles/backgroundPulseStyle.css"> <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script></head><div id="pulse-container"></div><div class="horizontal-center"> <nav class="sidebar"> <a href="#about-me">About Me</a> <a href="#experience">Experience</a> <!--<a href="#projects">Projects</a>--> <a href="#links">Links</a> </nav></div><body> <div class="content"> <header class="stacked-text"> <h1>Seamus Hinz</h1> </header> <main> <section id="about-me"> <h2>About Me</h2> <p>Hello, my name is Seamus Hinz. I'm a student at the University of Florida studying Computer Science and minoring in Business Administration.</p> <p>I began programming by making small games in high school. Over time, I came to realize how much I enjoyed the programming side, and I began to learn about what else I could create with code. I'm interested in learning more about software and web development, as well as backend infrastructure.</p> <p>What I love about coding is knowing that every bit of functionality or design I add to a project is a direct result of my own work and deliberate choices. </p> </section> <section id="experience"> <h2>Experience</h2> <p> I have experience in web development, C++, Python, React Native, and Gamemaker Language.</p> <p>I got my start programming by making small games in Gamemaker Studio 2 for fun.</p> <p>This culminated in me leading a small team of 3 to create a web game which went on to be licensed to coolmathgames.com for over 600$.</p> <p>Currently, I'm working on improving my skills and knowledge in web development technologies like React and Flask. So that I can apply them in new and exciting projects.</p> </section> <!-- <section id="projects"> <h2>Projects</h2> <p>stuff about projects</p> </section> --> <section id="links" style="padding-bottom: 60px"> <h2>Contact and Links</h2> <p>Email: <a href="mailto:[email protected]">[email protected]</a> </p> <p> <a href="https://www.linkedin.com/in/seamus-hinz-2a29ba320/">LinkedIn <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/LinkedIn_icon_circle.svg/1200px-LinkedIn_icon_circle.svg.png" alt="LinkedIn Icon" style="width: 24px; height: 24px; vertical-align: middle; margin-right: 4px;"></a> </p> <p> <a href="https://github.com/seamushinz">Github <img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="GitHub Icon" style="width: 24px; height: 24px; vertical-align: middle; margin-right: 4px;"></a> </p> </section> <model-viewer id="seamus-model" src="Assets/Seamus v_0.glb" alt="A 3D of myself, Seamus Hinz. It rotates as you scroll down the page, revealing the peak of the human condition."tone-mapping="neutral" poster="poster.webp" shadow-intensity="1" interpolation-decay = "20"> <div class="progress-bar hide" slot="progress-bar"> </div> <div class="update-bar"></div> </model-viewer> </main> </div> <script src="script.js"></script> <script> document.addEventListener('scroll', () => { const modelViewer = document.getElementById('seamus-model'); const scrollPosition = window.scrollY; const rotation = scrollPosition * 0.50; // Adjust the multiplier as needed modelViewer.setAttribute('camera-orbit', `calc(env(window-scroll-y) * 360deg) 75deg 105%m`); }); </script></body></html>