-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix typography bug and update styling
- Loading branch information
Showing
31 changed files
with
528 additions
and
255 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,147 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"><head> | ||
| <!-- Generated from the 11ty Netlify Jumpstart: https://github.com/5t3ph/11ty-netlify-jumpstart --> | ||
| <!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ --> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, CSS" /> | ||
| <title>redesign | Adam Jolicoeur</title> | ||
| <meta | ||
| name="description" | ||
| content="A walkthrough of how I redesigned adamjolicoeur.com." | ||
| /> | ||
| <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> | ||
| <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> | ||
| <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> | ||
| <link rel="manifest" href="/site.webmanifest"> | ||
| <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#333333"> | ||
| <meta name="msapplication-TileColor" content="#da532c"> | ||
| <meta name="theme-color" content="#333333"> | ||
| <style> | ||
| @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&family=PT+Sans&family=Work+Sans&display=swap'); | ||
| </style> | ||
| <link href="/css/style.css" rel="stylesheet" /> | ||
| <link href="/css/fontawesome.css" rel="stylesheet" /> | ||
| <meta name="twitter:card" content="summary_large_image" /> | ||
|
|
||
| <meta name="twitter:creator" content="@AdamJJolicoeur" /> | ||
| <meta name="twitter:creator:id" content="@AdamJJolicoeur" /> | ||
|
|
||
| <meta | ||
| name="twitter:title" | ||
| content="Adam Jolicoeur - User Experience Designer and Developer" | ||
| /> | ||
| <meta | ||
| name="twitter:description" | ||
| content="Driven and passionate user experience designer with a background in software development. Looking for a role where I can continue to utilize my UX/UI skills and create interfaces that will allows users to perform their work seamlessly." | ||
| /> | ||
|
|
||
| <meta | ||
| name="og:title" | ||
| content="redesign | Adam Jolicoeur" | ||
| /> | ||
| <meta | ||
| name="og:description" | ||
| content="A walkthrough of how I redesigned adamjolicoeur.com." | ||
| /> | ||
| <meta name="twitter:image" content="https://www.adamjolicoeur.com/img/AdamJolicoeur_social.png" /> | ||
| <meta property="og:image" content="https://www.adamjolicoeur.com/img/AdamJolicoeur_social.png" /> | ||
|
|
||
| <link | ||
| rel="alternate" | ||
| type="application/rss+xml" | ||
| title="RSS Feed for Adam Jolicoeur" | ||
| href="/feed/" | ||
| /> | ||
| <script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script> | ||
| </head> | ||
| <body class="layout"> | ||
| <container> | ||
| <nav class="navbar navbar-expand-md bg-dark border-bottom border-body" data-bs-theme="dark"> | ||
| <div class="container-fluid"> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
| <div class="collapse navbar-collapse d-md-flex" id="navbarNavAltMarkup"> | ||
|
|
||
| <div class="navbar-nav col-md-6 justify-content-md-center"> | ||
| <a class="navbar-brand col-md-1 me-0 text-center" href="/"> | ||
| <img src="/img/navbar-logo.png" alt="Avatar" width="32" height="32"> | ||
| </a> | ||
|
|
||
| <a class="nav-link " href="/about/" alt="">About</a> | ||
|
|
||
| <a class="nav-link " href="/design/" alt="">Designs</a> | ||
|
|
||
| <a class="nav-link " href="/development/" alt="">Development</a> | ||
| </div> | ||
| <div class="navbar-nav d-md-flex col-md-3 justify-content-md-end"> | ||
| <a class="nav-link" href="/contact" alt="Contact me">Contact</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| </container> | ||
|
|
||
| <main class="content"> | ||
|
|
||
| <div class="container-xxl intro py-3 px-0 px-md-5 text-center"> | ||
| <h1 class="display-1 fw-bold text-break">redesign</h1> | ||
| <p class="sub-header text-break px-2 px-md-0"> | ||
| A walkthrough of how I redesigned adamjolicoeur.com. | ||
| </p></div> | ||
|
|
||
| <content> | ||
| <div class="container-xxl mb-2 py-2 px-md-5"> | ||
| <div class="row px-3 pb-3"> | ||
| <div class="col-12"> | ||
| <h2 class="mt-0">What I used</h2> | ||
| <p class="fs-5 my-0"> | ||
| Bootstrap, VSCode, GitHub, Netlify, Figma, iOS Simulator | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </content> | ||
|
|
||
| </main> | ||
| <footer class="footer"> | ||
| <div class="container-md"> | ||
| <div class="row justify-content-between"> | ||
| <div class="col-12 col-md-4 text-md-start text-center"> | ||
| <a class="link-dark link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover" href="/about" alt="Link to my about page">Adam J. Jolicoeur</a> <small>©2008-2023</small> | ||
| </div> | ||
| <div class="col-12 col-md-8 text-md-end text-center"> | ||
| <a class="footer-link icon-link" href="https://www.linkedin.com/in/ajjolicoeur/" target="top" alt="View LinkedIn profile"> | ||
| <span class="fa-stack"> | ||
| <i class="fa-sharp fa-light fa-circle fa-stack-2x"></i> | ||
| <i class="fa-brands fa-linkedin fa-stack-1x"></i> | ||
| </span> | ||
| <span class="d-none d-sm-none d-md-block">LinkedIn</span> | ||
| </a> | ||
| <a class="footer-link icon-link" href="https://www.github.com/AdamJ" target="top" alt="View GitHub profile"> | ||
| <span class="fa-stack"> | ||
| <i class="fa-sharp fa-light fa-circle fa-stack-2x"></i> | ||
| <i class="fa-brands fa-github fa-stack-1x"></i> | ||
| </span> | ||
| <span class="d-none d-sm-none d-md-block">GitHub</span> | ||
| </a> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script> | ||
| <!-- Global site tag (gtag.js) - Google Analytics --> | ||
| <script async src="https://www.googletagmanager.com/gtag/js?id=G-XQCZPW3PZN"></script> | ||
| <script> | ||
| window.dataLayer = window.dataLayer || []; | ||
| function gtag(){dataLayer.push(arguments);} | ||
| gtag('js', new Date()); | ||
|
|
||
| gtag('config', 'G-XQCZPW3PZN'); | ||
| </script> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.