<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Great+Vibes&family=Yatra+One&display=swap" rel="stylesheet">
<title>Home</title>
</head>
<body>
<div id="body-container" class="container">
<div id="header-container" class="container">
<header class="great-vibes-regular">
<div id="header-left-logo">
<img id="logo-left" src="images/logo-left-face.png" alt="Left Face Logo">
</div>
<div id="header-left" class="header-div">
Tony
</div>
<div id="logo-container">
<img id="logo" src="images/logo.png" alt="Page Logo">
</div>
<div id="header-right" class="header-div">
Janus
</div>
<div id="header-right-logo">
<img id="logo-right" src="images/logo-right-face.png" alt="Right Face Logo">
</div>
</header>
</div>
<nav class="yatra-one-regular container" id="nav-container">
<ul id="nav-ul">
<li class="nav-btn">
<a class="nav-link" id="nav-link-home" href="index.html">Home</a>
</li>
<li class="nav-btn">
<a class="nav-link" id="nav-link-life" href="pages/life.html">Life</a>
</li>
<li class="nav-btn">
<a class="nav-link" id="nav-link-hobbies" href="pages/hobbies.html">Hobbies</a>
</li>
<li class="nav-btn">
<a class="nav-link" id="nav-link-vision" href="pages/vision.html">Vision</a>
</li>
</ul>
</nav>
<div id="main-container" class="container">
<!--
The area between the <main> and </main> tags is what can be changed from page to page. Everything before this comment will remain a static piece of the design.
-->
<main>
<div id="home-block-01" class="home-block">
<img src="images/home-01.png" alt="AI generated composition reflecting some things about me" id="home-img-01" class="home-img">
<p id="home-p-01" class="home-p">
My name is Anthony Janus, but unless you're an employer, professional, or government entity...<br>call me Tony
</p>
</div>
<div id="home-block-02" class="home-block">
<p id="home-p-02" class="home-p">
This website is an introduction to who I am, though the images contained within are meant to be only representations of my life, not perfect depictions. AI has limits with the accuracy of the images it generates. AI also assisted with some of the text.<br><br>Unfortunately, the code is a bit messy, but it's functional.
</p>
<img src="images/home-02.png" alt="Another AI generated composition reflecting some things about me" id="home-img-02" class="home-img">
</div>
</main>
<!--
End section of editable code. Anything after this comment is static from page to page as pieces of the design.
-->
</div>
<div id="footer-container" class="container">
<footer id="footer-flex">
<div id="footer-box-left" class="footer-box">
</div>
<div id="footer-box-center" class="footer-box">
<small>
© Copyright 2024, Tony Janus
<br>
Images and logos generated by ChatGPT, and text written in collaboration with ChatGPT
</small>
</div>
<div id="footer-box-right" class="footer-box">
<div id="footer-link-container" class="yatra-one-regular">
<a class="footer-link" id="contact-link" href="pages/contact.html">Contact</a>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>