-
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.
Update the 404 page to match the rest of the site. Include a new image and better descriptive text.
- Loading branch information
Showing
8 changed files
with
138 additions
and
178 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,114 +1,93 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <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, Mindreeper2420, Portfolio, Design, UXD, UX Designer, UX Developer, CSS" /> | ||
| <title>Adam J. Jolicoeur</title> | ||
| <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>Adam Jolicoeur</title> | ||
| <meta | ||
| name="description" | ||
| content="The portfolio site for Adam J. Jolicoeur." | ||
| content="The portfolio site for Adam Jolicoeur, User Experience Designer and Developer" | ||
| /> | ||
| <link rel="icon" href="/favicon.png" /> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> | ||
| <meta name="generator" content="Eleventy"> | ||
| <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="/manifest.json"> | ||
| <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 J. Jolicoeur" | ||
| content="Adam Jolicoeur - User Experience Designer and Developer" | ||
| /> | ||
| <meta | ||
| name="twitter:description" | ||
| content="The portfolio site for Adam J. Jolicoeur." | ||
| 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="Adam J. Jolicoeur" | ||
| content="Adam Jolicoeur" | ||
| /> | ||
| <meta | ||
| name="og:description" | ||
| content="The portfolio site for Adam J. Jolicoeur." | ||
| content="The portfolio site for Adam Jolicoeur, User Experience Designer and Developer" | ||
| /> | ||
| <meta property="og:image" content="http://localhost:8080/previews/home.png" /> | ||
| <meta name="twitter:image" content="http://localhost:8080/previews/home.png" /> | ||
| <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 J. Jolicoeur" | ||
| title="RSS Feed for Adam Jolicoeur" | ||
| href="/feed/" | ||
| /> | ||
| </head> | ||
| <body> | ||
| <!-- <header class="site-header sticky-top py-1"> | ||
| <nav class="container d-flex flex-column flex-md-row"> | ||
| <a class="py-2 text-decoration-none" href="/404/" aria-label="Product"> | ||
| Adam J. Jolicoeur | ||
| </a><a class="py-2 d-none d-md-inline-block px-2" href="/design/">Designs</a><a class="py-2 d-none d-md-inline-block px-2" href="/code/">Code</a><a class="py-2 d-none d-md-inline-block px-2" href="/prototypes/">Prototypes</a><a class="py-2 d-none d-md-inline-block px-2" href="/about/">About</a></nav> | ||
| </header> --> | ||
|
|
||
| <main style=" | ||
| background: linear-gradient(45deg, rgba(33,37,41,1) 0%, rgba(33,37,41,1) 35%, rgba(96,107,119,1) 70%, rgba(203,228,252,1) 100%); | ||
| height: 100vh; | ||
| "> | ||
| <!-- <div class="shadow-sm mx-auto" style="width: 80%; height: 100vh; border-radius: 21px 21px 0 0;border: 2px solid #f9f9f9; border-bottom: none;"> --> | ||
| <!-- <div style="background-color: #88888a; height: 32px; border-radius: 21px 21px 0 0;"> | ||
| <div style="background-color: #ff5e56; border-radius: 50%; width: 15px; height: 15px; position: absolute; top: 10px; margin-left: 16px;"></div> | ||
| <div style="background-color: #ffbd2d; border-radius: 50%; width: 15px; height: 15px; position: absolute; top: 10px; margin-left: 40px;"></div> | ||
| <div style="background-color: #26c83e; border-radius: 50%; width: 15px; height: 15px; position: absolute; top: 10px; margin-left: 64px;"></div> | ||
| <input style="background-color: #fafafa; border-radius: 10px; width: 300px; height: 24px; margin-top: 6px; margin: 0 auto;" placeholder='adamjolicoeur.com/404'></input> | ||
| </div> --> | ||
| <!-- </div> --> | ||
| <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="Link to my About page.">about</a> | ||
| <a class="nav-link" href="/designs" alt="Link to Designs that I have created and worked on.">designs</a> | ||
| <a class="nav-link" href="/development" alt="Link to development examples.">development</a> | ||
| </div> | ||
| <div class="navbar-nav d-md-flex col-md-3 justify-content-md-end"> | ||
| <a class="nav-link" href="/testimonials/testimonials" alt="Testimonials">testimonials</a> | ||
| <a class="nav-link" href="/contact" alt="Contact me">contact</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| </container> | ||
| <main class="content"> | ||
| <div style="display: flex; flex-direction: column; align-items: center;"> | ||
| <h1>How did you get here?</h1> | ||
| <div> | ||
| <a class="btn btn-primary" href="/">Go Home!</a> | ||
| <div style="margin: 24px 0;"> | ||
| <img src="img/404_outdoors.svg" alt="Lost in the mountains" height="400" width="400" loading="lazy"> | ||
| </div> | ||
| <h1>Looks like you lost your way...</h1> | ||
| <p>Go back to the home page by clicking the button below.</p> | ||
| <a class="btn btn-primary" href="/" alt="Link to return to the home page">Take me home</a> | ||
| </div> | ||
| </main> | ||
| <!-- <div class="divider-large"></div> | ||
| <footer class="container py-5"> | ||
| <div class="row"> | ||
| <div class="col-12 col-md"> | ||
| Adam J. Jolicoeur | ||
| <small class="d-block mb-3 text-muted">© 2008 - 2021</small> | ||
| </div> | ||
| <div class="col-6 col-md"> | ||
| <h5>Site</h5> | ||
| <ul class="list-unstyled text-small"><li> | ||
| <a class="link-secondary" href="/design/">Designs</a> | ||
| </li><li> | ||
| <a class="link-secondary" href="/code/">Code</a> | ||
| </li><li> | ||
| <a class="link-secondary" href="/prototypes/">Prototypes</a> | ||
| </li><li> | ||
| <a class="link-secondary" href="/about/">About</a> | ||
| </li></ul> | ||
| </div> | ||
| <div class="col-6 col-md"> | ||
| <h5>External</h5> | ||
| <ul class="list-unstyled text-small"> | ||
| <li><a class="link-secondary" href="https://www.github.com/AdamJ">GitHub</a></li> | ||
| <li><a class="link-secondary" href="https://www.codepen.io/mindreeper2420">CodePen</a></li> | ||
| <li><a class="link-secondary" href="https://dribbble.com/ajolicoeur">Dribbble</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="col-6 col-md"> | ||
| <h5>Social</h5> | ||
| <ul class="list-unstyled text-small"> | ||
| <li><a class="link-secondary" href="https://www.linkedin.com/in/ajjolicoeur/">LinkedIn</a></li> | ||
| <li><a class="link-secondary" href="https://www.twitter.com/AdamJJolicoeur">Twitter</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></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
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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
Oops, something went wrong.