portfolio/resume.html at main · brighamandersen/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="./assets/favicon-light.ico" rel="icon" />
  <link href="./assets/favicon-dark.ico" rel="icon" media="(prefers-color-scheme: dark)" />
  <title>Brigham Andersen's Portfolio - Resume</title>
  <meta name="description"
    content="Brigham Andersen's Portfolio - Resume, Author: Brigham Andersen, Category: Portfolio, Keywords: Portfolio, Brigham Andersen, Software Engineering, Productivity" />
  <link rel="stylesheet" href="global.css" />
  <style>
    .resume-pdf {
      width: 100%;
      aspect-ratio: 8.5 / 11;
    }

    /* Hide everything but resume image when printing */
    @media print {

      .navbar,
      .header-icon-container,
      .top-languages-section,
      .corner-logo {
        display: none;
      }

      section {
        padding: 0;
      }
    }
  </style>
</head>

<body>
  <nav class="navbar">
    <a aria-label="Home" href="/" class="nav-item">
      <svg class="icon small nav-icon home-icon">
        <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
      </svg>
      <span class="nav-text">Home</span>
    </a>
    <a aria-label="Resume" href="resume.html" class="nav-item active">
      <svg class="icon small nav-icon resume-icon">
        <path
          d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z" />
      </svg>
      <span class="nav-text">Resume</span>
    </a>
    <a aria-label="Projects" href="projects.html" class="nav-item">
      <svg class="icon small nav-icon projects-icon" viewBox="0 0 640 512">
        <path
          d="M392.8 1.2c-17-4.9-34.7 5-39.6 22l-128 448c-4.9 17 5 34.7 22 39.6s34.7-5 39.6-22l128-448c4.9-17-5-34.7-22-39.6zm80.6 120.1c-12.5 12.5-12.5 32.8 0 45.3L562.7 256l-89.4 89.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l112-112c12.5-12.5 12.5-32.8 0-45.3l-112-112c-12.5-12.5-32.8-12.5-45.3 0zm-306.7 0c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3l112 112c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256l89.4-89.4c12.5-12.5 12.5-32.8 0-45.3z" />
      </svg>
      <span class="nav-text">Projects</span>
    </a>
    <a aria-label="Designs" href="designs.html" class="nav-item">
      <svg class="icon small nav-icon designs-icon">
        <path
          d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z" />
      </svg>
      <span class="nav-text">Designs</span>
    </a>
    <a aria-label="Contact" href="contact.html" class="nav-item">
      <svg class="icon small nav-icon contact-icon">
        <path
          d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M12,6c1.93,0,3.5,1.57,3.5,3.5 c0,1.93-1.57,3.5-3.5,3.5s-3.5-1.57-3.5-3.5C8.5,7.57,10.07,6,12,6z M19,19H5v-0.23c0-0.62,0.28-1.2,0.76-1.58 C7.47,15.82,9.64,15,12,15s4.53,0.82,6.24,2.19c0.48,0.38,0.76,0.97,0.76,1.58V19z" />
      </svg>
      <span class="nav-text">Contact</span>
    </a>
  </nav>
  <main>
    <section class="resume-section">
      <div class="header-icon-container">
        <h1 class="page-header">My Resume</h1>
        <a aria-label="Download resume PDF" class="icon-button" href="./assets/resume-brigham-andersen.pdf" download>
          <svg class="icon small download-icon">
            <path d="M5,20h14v-2H5V20z M19,9h-4V3H9v6H5l7,7L19,9z" />
          </svg>
          <span class="tooltip">Download resume PDF</span>
        </a>
        <a aria-label="See all job experience on LinkedIn" class="icon-button"
          href="https://www.linkedin.com/in/brighamandersen/details/experience/" rel="noopener noreferrer"
          target="_blank">
          <svg class="icon small linkedin-icon" viewBox="0 0 448 512">
            <path
              d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
          </svg>
          <span class="tooltip">See all job experience on LinkedIn</span>
        </a>
      </div>
      <a aria-label="View resume full screen" href="./assets/resume-brigham-andersen.pdf" rel="noopener noreferrer"
        target="_blank">
        <img src="./assets/resume-brigham-andersen.webp" alt="Resume of Brigham
        Andersen" title="Click to view resume in full screen" class="resume-pdf" />
      </a>
    </section>
  </main>
  <img src="./assets/corner-logo-light.webp" alt="BA Logo Light" class="corner-logo light" loading="lazy" />
  <img src="./assets/corner-logo-dark.webp" alt="BA Logo Dark" class="corner-logo dark" loading="lazy" />
</body>

</html>