-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
1 lines (1 loc) · 3.22 KB
/
about.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><meta name="title" content="About — Wesley Black"><link rel="canonical" href="https://wesleyblack.ca"><meta property="og:type" content="website"><meta property="og:url" content="https://wesleyblack.github.io/portfolio/"><meta property="og:title" content="Wesley Black — Graphic Design and Web"><meta property="og:description" content="Wesley Black is a Graphic Designer based in Halifax, NS. He is a recent graduate of the NSCC Graphic Design program. In his free time he enjoys cooking and learning new things."><meta property="og:image" content="images/gradients/meta-image.jpg"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://wesleyblack.github.io/portfolio/"><meta property="twitter:title" content="Wesley Black — Graphic Design and Web"><meta property="twitter:description" content="Wesley Black is a Graphic Designer based in Halifax, NS. He is a recent graduate of the NSCC Graphic Design program. In his free time he enjoys cooking and learning new things."><meta property="twitter:image" content="images/gradients/meta-image.jpg"><title>About | Wesley Black</title><link rel="icon" type="image/png" href="images/icons/16.png" sizes="16x16"><link rel="icon" type="image/png" href="images/icons/32.png" sizes="32x32"><link rel="icon" type="image/png" href="images/icons/192.png" sizes="192x192"><link rel="stylesheet" href="style/style.css"><link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;700&family=Roboto:wght@100&display=swap" rel="stylesheet"></head><body><div id="wrapper"> <nav><div class="side-nav" id="side-nav"><div onclick="toggleMenu()" class="toggle-menu" id="toggle-menu"> <img src="images/icons/menu.svg" alt="Menu" class="menu-button hover pointer" id="menu-button"> <img src="images/icons/close.svg" alt="Close" class="menu-close hover pointer" id="menu-close"></div> <a href="/graphic-design-portfolio/" class="nav-icon"> <img src="images/icons/logo.svg" alt="Logo" class="nav-logo"> </a><div class="links" id="links"> <a href="/graphic-design-portfolio/">Home</a> <a href="/graphic-design-portfolio/about" class="active">About</a> <a href="/graphic-design-portfolio/portfolio">Portfolio</a> <a href="/graphic-design-portfolio/contact">Contact</a></div></div> </nav><div class="split-text" id="split-text"><h1>About</h1><h4>Wesley Black is a Graphic Designer based in Halifax, NS. <br> He is a recent graduate of the NSCC Graphic Design program. In his free time he enjoys cooking and learning new things.</h4></div><div class="split-photos" id="split-photos"> <img src="images/about/wesley.jpg" alt="Wesley Black" id="middle"></div></div> <script type="text/javascript" src="scripts/menu.js"></script> <script type="text/javascript">var mobileMode=window.matchMedia('(min-width: 851px)');function middleCenter(){if(mobileMode.matches){var half=document.getElementById('middle').height/2;document.getElementById('middle').style.marginTop='calc(-'+half+'px + 50vh)';}else{document.getElementById('middle').style.marginTop='7vw';}} window.addEventListener('load',()=>{middleCenter();});window.addEventListener('resize',()=>{middleCenter();});</script> </body></html>