-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 7.86 KB
/
index.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="Wesley Black — Graphic Design and Web"><meta name="description" content="Wesley Black is a Graphic Designer based in Halifax, NS. He is a recent graduate of the NSCC Graphic Design program."><meta name="keywords" content="Wesley Black, Graphic Design, Graphic Designer, Logos, Branding, Web, Web Design, Mobile Design"><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>Wesley Black | Graphic Design and Web Design</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/hp-style.css"><link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;700&family=Roboto:wght@100&display=swap" rel="stylesheet"></head><body><h1>Wesley Black Graphic Design and Web Design</h1><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" id="nav-flipper"><div class="nav-ball"></div> <img src="images/icons/logo.svg" alt="Logo" class="nav-logo"> </a><div class="links" id="links"> <a href="/" class="active">Home</a> <a href="/graphic-design-portfolio/about">About</a> <a href="/graphic-design-portfolio/portfolio">Portfolio</a> <a href="/graphic-design-portfolio/contact">Contact</a></div></div> <img onclick="editPath()" src="images/icons/edit-path.svg" alt="Edit" class="edit-path hover pointer"> </nav><div id="rail-container"> <svg class="rail" id="rail" width="100%" height="100%"> <path d="M 0,0 C 0,0 0,0 0,0" id="rail-path" /> <line id="path1" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path2" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path3" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path4" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path5" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path6" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path7" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path8" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path9" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path10" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path11" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path12" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path13" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> <line id="path14" x1="0" y1="0" x2="0" y2="0" class="handle-line" /> </svg><div class="points" id="point-container"><div class="point" id="pt1"></div><div class="handle" id="c1"></div><div class="handle" id="c3"></div><div class="handle" id="c2"></div><div class="point" id="pt2"></div><div class="point" id="pt3"></div><div class="handle" id="c4"></div><div class="handle" id="c5"></div><div class="point" id="pt4"></div><div class="handle" id="c6"></div><div class="handle" id="c7"></div><div class="point" id="pt5"></div><div class="handle" id="c8"></div><div class="handle" id="c9"></div><div class="point" id="pt6"></div><div class="handle" id="c10"></div><div class="handle" id="c11"></div><div class="point" id="pt7"></div><div class="handle" id="c12"></div><div class="handle" id="c13"></div><div class="point" id="pt8"></div><div class="handle" id="c14"></div></div></div><div class="section"><div class="flipper" id="flipper"><div class="content" id="content"><div class="logo"><div class="clipped"><div class="scale-up"> <img class="spin" src="images/gradients/gradient.jpg" alt="gradient"></div></div> <svg width="0" height="0" viewBox="0 0 1 1"> <clipPath id="clip" clipPathUnits="objectBoundingBox"> <path d="M0.2668 0.822882H0.73157C0.730105 0.810968 0.729226 0.79632 0.728738 0.77923C0.728445 0.768976 0.728249 0.758038 0.728249 0.746417V0.681085C0.708717 0.672101 0.694849 0.6638 0.691626 0.658136L0.728249 0.624835V0.561066C0.728249 0.548273 0.728445 0.538214 0.728738 0.529034C0.729128 0.518488 0.729812 0.509015 0.730984 0.497882C0.711549 0.50003 0.693189 0.500616 0.667211 0.500616H0.331061C0.304498 0.500616 0.286723 0.50003 0.267289 0.497882C0.269535 0.519366 0.270023 0.535577 0.270023 0.561066V0.746417C0.270023 0.781769 0.268851 0.803448 0.2668 0.822882ZM0.380966 0.586554H0.619064V0.618585H0.380966V0.586554ZM0.380966 0.695343H0.619064V0.73089H0.380966V0.695343ZM0.803937 0.371613V0.468292H0.195898V0.371613C0.203418 0.372394 0.211134 0.373077 0.219435 0.373468V0.295929C0.219435 0.272882 0.21797 0.249054 0.215919 0.225812H0.333698C0.33155 0.246124 0.330866 0.262238 0.330866 0.295245V0.374445H0.442493V0.255206C0.442493 0.228644 0.441028 0.202667 0.43761 0.178839H0.561053C0.557538 0.203351 0.556073 0.227863 0.556073 0.255206V0.374542H0.669164V0.294171C0.669164 0.269073 0.667699 0.24798 0.665649 0.225519H0.784112C0.781963 0.250128 0.780693 0.271808 0.780693 0.294952V0.37337C0.788799 0.37298 0.796319 0.372394 0.803937 0.371613ZM0.532634 0.422589C0.532634 0.441046 0.517692 0.456085 0.499136 0.456085C0.480678 0.456085 0.465639 0.441144 0.465639 0.422589C0.465639 0.404132 0.480581 0.389093 0.499136 0.389093C0.517692 0.389093 0.532634 0.404132 0.532634 0.422589Z"/> </clipPath> </svg></div><div class="ball" id="ball"> <img class="spin" src="images/gradients/gradient.jpg" alt="gradient"></div></div></div></div><div class="flex-start"><div class="relative"> <a href="/graphic-design-portfolio/portfolio#identities"><img src="images/homepage/identities.jpg" alt="Identities Logo" class="hp-section bw1" id="identities"></a></div><div class="section-type"><h2>Identities</h2> <a href="/graphic-design-portfolio/portfolio#identities"><p class="button">Learn More →</p></a></div></div><div class="flex-end"><div class="section-type"><h2>Web Design</h2> <a href="/graphic-design-portfolio/portfolio#web-design" class="button-end"><p class="button">Learn More →</p></a></div><div class="relative"> <a href="/graphic-design-portfolio/portfolio#web-design"><img src="images/homepage/web-design.jpg" alt="Web Design" class="hp-section bw2" id="web"></a></div></div><div class="flex-start"><div class="relative"> <a href="/graphic-design-portfolio/portfolio#other"><img src="images/homepage/and-more.jpg" alt="T-Shirt Jazz" class="hp-section bw3" id="more"></a></div><div class="section-type"><h2>And More</h2> <a href="/graphic-design-portfolio/portfolio#other"><p class="button">Learn More →</p></a></div></div><div class="bug-fix"></div></div> <script type="text/javascript" src="scripts/hp.svg.animation.js"></script> <script type="text/javascript" src="scripts/menu.js"></script> </body></html>