├── .gitignore
├── README.md
├── public
    ├── assets
    │   ├── picture.jpg
    │   └── icon
    │   │   ├── strava.svg
    │   │   ├── linkedin.svg
    │   │   ├── invision.svg
    │   │   ├── github.svg
    │   │   └── favicon.svg
    └── index.html
└── LICENSE


/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .idea/
3 | sync.sh
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [jacobpeterson.net](https://jacobpeterson.net)
2 | 


--------------------------------------------------------------------------------
/public/assets/picture.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Petersoj/jacobpeterson.net/main/public/assets/picture.jpg


--------------------------------------------------------------------------------
/public/assets/icon/strava.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
3 |   <g id="a">
4 |     <path d="M30.774,35.888l-4.178-8.232h-6.13l10.308,20.344,10.3-20.344h-6.132M20.926,16.458l5.672,11.196h8.344L20.926,0,6.926,27.656h8.338" fill="black"/>
5 |   </g>
6 | </svg>


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) Jacob Peterson
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/public/assets/icon/linkedin.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48">
 3 |     <defs>
 4 |         <clipPath id="clippath">
 5 |             <rect width="48" height="48" fill="none" stroke-width="0"/>
 6 |         </clipPath>
 7 |     </defs>
 8 |     <g clip-path="url(#clippath)">
 9 |         <path d="M44.4468994,0H3.54375C1.58437,0,0,1.54688,0,3.4593799v41.0718205c0,1.9124985,1.58437,3.4687996,3.54375,3.4687996h40.9031494c1.959301,0,3.5531006-1.5561981,3.5531006-3.4594002V3.4593799c0-1.9124999-1.5937996-3.4593799-3.5531006-3.4593799ZM14.2405996,40.9030991h-7.1249695v-22.9124985h7.1249695v22.9124985ZM10.6780996,14.8688002c-2.2874794,0-4.1343498-1.8469-4.1343498-4.1251001,0-2.27808,1.8468704-4.1249499,4.1343498-4.1249499,2.2782001,0,4.125,1.8468699,4.125,4.1249499,0,2.2687998-1.8467999,4.1251001-4.125,4.1251001ZM40.9030991,40.9030991h-7.1156006v-11.1374989c0-2.653101-.0468979-6.0750008-3.7030983-6.0750008-3.7031994,0-4.2656994,2.8969002-4.2656994,5.8875008v11.3249989h-7.1062012v-22.9124985h6.8250008v3.1313h.0937004c.9468994-1.8000011,3.2718983-3.7031002,6.7312984-3.7031002,7.2094002,0,8.5405998,4.7437,8.5405998,10.9125004v12.5717983Z"
10 |                 fill="black" stroke-width="0"/>
11 |     </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/public/assets/icon/invision.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
3 |     <path id="b"
4 |             d="M8.36326,124.20743c-11.15101,19.31434-11.15101,42.3761,0,61.68922l155.41929,269.19537c10.98543,19.02457,31.45639,30.84158,53.42486,30.84158l77.71025.00243c22.29963,0,42.27142-11.53211,53.42367-30.84401l155.42049-269.19537c10.98424-19.02579,10.98424-42.66221,0-61.68922l-38.85513-67.29824c-11.15225-19.31434-31.12404-30.84523-53.4261-30.84523H100.64327c-21.96969,0-42.44187,11.81944-53.42367,30.84523L8.36326,124.20743ZM207.49431,194.30954h97.1368l-48.56823,84.12217-48.56856-84.12217ZM76.36034,73.73376c4.99173-8.64787,14.29704-14.02067,24.28293-14.02067h310.83732c10.13686,0,19.21694,5.24131,24.28415,14.02067,5.06706,8.77488,5.06941,19.25118.00752,28.02779l-140.8546,243.96779-19.42748-33.64895,98.75454-171.04718c5.74414-9.95058,5.74414-21.8309,0-31.78026-5.74414-9.95058-16.03438-15.89074-27.52266-15.89074H65.0279l11.33244-19.62845ZM239.87064,452.28448h-22.66323c-9.98589,0-19.2912-5.37159-24.28415-14.01823L37.50521,169.07209c-5.06965-8.77814-5.06965-19.26074-.00122-28.0401,5.06965-8.77935,14.14729-14.02067,24.28537-14.02067h281.6966l-19.42878,33.6491-197.51058.00007c-11.48952.00072-21.77817,5.94087-27.52251,15.89013-5.74539,9.94986-5.7446,21.83155-.00046,31.7807l140.847,243.95316ZM267.39475,365.36031c5.74539,9.94986,16.03404,15.89002,27.52252,15.89013,11.48953.00072,21.77898-5.94081,27.5231-15.88996l140.84727-243.95655,11.33222,19.62806c4.99416,8.64787,4.99416,19.39345,0,28.0401l-155.42049,269.19415c-5.06721,8.77814-14.14485,14.02067-24.28171,14.02067-10.07968,0-19.10836-5.18266-24.19497-13.86779l-140.93869-244.10959h38.85511l98.75564,171.05077Z"/>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/public/assets/icon/github.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48">
 3 |     <defs>
 4 |         <clipPath id="clippath">
 5 |             <rect width="48" height="48" fill="none" stroke-width="0"/>
 6 |         </clipPath>
 7 |     </defs>
 8 |     <g clip-path="url(#clippath)">
 9 |         <path d="M24.0198994,0C10.7375002,0,0,10.8167,0,24.1982994c0,10.696701,6.87988,19.7512016,16.4241009,22.9559021,1.1932983.2408981,1.6303997-.5207024,1.6303997-1.1613007,0-.5610008-.0394001-2.483902-.0394001-4.4874001-6.6817007,1.4425011-8.0731201-2.8846016-8.0731201-2.8846016-1.0738001-2.8045006-2.6648302-3.5252991-2.6648302-3.5252991-2.1869302-1.482399.1592999-1.482399.1592999-1.482399,2.4258804.1602974,3.6988497,2.4838982,3.6988497,2.4838982,2.1471004,3.6856003,5.6069012,2.6441994,6.9988003,2.0031013.1987-1.5625.8353996-2.6441994,1.5114002-3.2449989-5.3291998-.5610008-10.9361305-2.6442032-10.9361305-11.9391022,0-2.6441994.9538403-4.8074989,2.46523-6.4899998-.2384996-.6007996-1.0738001-3.0851994.2389002-6.4103994,0,0,2.0282001-.6410999,6.6011009,2.4839001,1.9578991-.5297003,3.9769993-.7991009,6.0052986-.8014002,2.028101,0,4.0955009.2807999,6.0046997.8014002,4.5734997-3.125,6.6016026-2.4839001,6.6016026-2.4839001,1.3126984,3.3252001.4768982,5.8095999.2383995,6.4103994,1.5511971,1.6825008,2.4656982,3.8458004,2.4656982,6.4899998,0,9.294899-5.6068993,11.3377991-10.9758987,11.9391022.8752003.761097,1.6303997,2.2030983,1.6303997,4.4868965,0,3.2450027-.0394001,5.8494034-.0394001,6.6503029,0,.641098.4375992,1.4026985,1.6303997,1.1623001,9.544199-3.2056007,16.4241009-12.2597008,16.4241009-22.9564018.039299-13.3815994-10.7374992-24.1982994-23.9800014-24.1982994Z"
10 |                 fill="black" fill-rule="evenodd" stroke-width="0"/>
11 |     </g>
12 | </svg>
13 | 


--------------------------------------------------------------------------------
/public/assets/icon/favicon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
 3 |     <defs>
 4 |         <style>.c{fill:#000}@media (prefers-color-scheme:dark){.c{fill:#fff}}</style>
 5 |     </defs>
 6 |     <path class="c"
 7 |             d="M53.45623,394.70075c-16.99468-8.08341-30.15333-19.42531-39.47179-34.03715-9.32573-14.6056-13.98444-31.55042-13.98444-50.84278v-26.80446c0-1.41579.52144-2.61864,1.57887-3.61582,1.05016-.99095,2.32572-1.48954,3.835-1.48954h52.77898c1.50097,0,2.77653.49859,3.83396,1.48954,1.05016.99718,1.57887,2.20003,1.57887,3.61582v26.80446c0,13.61465,4.43331,24.61066,13.30719,32.97349,8.86765,8.3701,20.97718,12.55099,36.31405,12.55099,14.73129,0,26.84082-4.18089,36.31405-12.55099,9.47323-8.36283,14.20984-19.35883,14.20984-32.97349V110.70331c0-1.41579.52144-2.61864,1.57887-3.61582,1.05016-.99095,2.32572-1.48954,3.83396-1.48954h52.32817c1.50097,0,2.77757.49859,3.83396,1.48954,1.05016.99718,1.57991,2.20003,1.57991,3.61582v199.11752c0,19.29236-4.81452,36.23718-14.43629,50.84278-9.628,14.61183-23.00582,25.95374-40.148,34.03715-17.14218,8.08445-36.84276,12.12615-59.09446,12.12615-22.85832,0-42.7843-4.0417-59.77068-12.12615Z"/>
 8 |     <path class="c"
 9 |             d="M464.63385,116.66043c15.0346,7.65857,26.68501,18.50708,34.96058,32.54761,8.26726,14.04053,12.40557,30.1419,12.40557,48.29062,0,17.86929-4.28581,33.61127-12.85742,47.22592-8.57057,13.61569-20.6022,24.18582-36.0876,31.69792-15.49268,7.51834-33.31107,11.27439-53.45623,11.27439h-64.05648c-1.50824,0-2.25509.71153-2.25509,2.12732v108.49341c0,1.42202-.52871,2.62591-1.57887,3.61582-1.05743.99718-2.33299,1.48954-3.835,1.48954h-52.77898c-1.50824,0-2.7838-.49236-3.83396-1.48954-1.05743-.98991-1.57887-2.1938-1.57887-3.61582V110.27847c0-1.41579.52144-2.61968,1.57887-3.61686,1.05016-.98991,2.32572-1.4885,3.83396-1.4885h127.21134c19.84808,0,37.2863,3.82876,52.32817,11.48733ZM436.21417,228.34482c8.4158-7.5121,12.63097-17.3707,12.63097-29.56956,0-12.47828-4.21517-22.54982-12.63097-30.20838-8.42307-7.65857-19.55204-11.48733-33.38171-11.48733h-57.29019c-1.50824,0-2.25509.71153-2.25509,2.12732v78.28502c0,1.42306.74685,2.12732,2.25509,2.12732h57.29019c13.82967,0,24.95864-3.75605,33.38171-11.27439Z"/>
10 | </svg>
11 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <title>Jacob Peterson</title>
  5 |     <link rel="icon" type="image/svg+xml" href="assets/icon/favicon.svg">
  6 |     <meta charset="UTF-8">
  7 |     <meta name="viewport"
  8 |             content="width=device-width, viewport-fit=cover, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  9 |     <style>
 10 |         @import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,700;1,400;1,700&display=swap");
 11 | 
 12 |         html, body {
 13 |             margin: 0;
 14 |             padding: 0;
 15 |             font-family: "Barlow", sans-serif;
 16 |             font-weight: 400;
 17 |             font-style: normal;
 18 |             font-size: clamp(14px, 1vw, 24px);
 19 |             color: black;
 20 |             background-color: white;
 21 |         }
 22 | 
 23 |         .full-screen {
 24 |             position: fixed;
 25 |             top: 0;
 26 |             left: 0;
 27 |             width: 100vw;
 28 |             height: 100vh;
 29 |             overflow: hidden;
 30 |         }
 31 | 
 32 |         .center {
 33 |             display: flex;
 34 |             justify-content: center;
 35 |             align-items: center;
 36 |         }
 37 | 
 38 |         .blur-in {
 39 |             transition: 2s cubic-bezier(1, 0, 0, 1);
 40 |             transition-property: opacity, filter, transform;
 41 |             transform: translateY(4rem);
 42 |             opacity: 0;
 43 |             filter: blur(32px);
 44 |         }
 45 |         .blur-in.visible {
 46 |             transform: translateY(0);
 47 |             opacity: 1;
 48 |             filter: blur(0);
 49 |         }
 50 | 
 51 |         .vignette {
 52 |             box-shadow: 0 0 8rem rgba(0, 0, 0, 33%) inset;
 53 |         }
 54 | 
 55 |         .name {
 56 |             margin-top: 4rem;
 57 |             margin-left: 1rem;
 58 |             margin-right: 1rem;
 59 |             font-size: 3rem;
 60 |             text-align: center;
 61 |         }
 62 | 
 63 |         .links {
 64 |             margin-top: 2rem;
 65 |             margin-left: 1rem;
 66 |             margin-right: 1rem;
 67 |             padding: 1.5rem 2rem;
 68 |             flex-direction: row;
 69 |             gap: 2rem;
 70 |             transition-delay: 200ms;
 71 |         }
 72 |         .links img {
 73 |             width: 2.5rem;
 74 |             height: 2.5rem;
 75 |         }
 76 | 
 77 |         .picture-container {
 78 |             transition-delay: 400ms;
 79 |         }
 80 |         .picture-container img {
 81 |             position: absolute;
 82 |             bottom: 0;
 83 |             max-height: 66%;
 84 |         }
 85 |     </style>
 86 |     <script>
 87 |         document.addEventListener("DOMContentLoaded", () => {
 88 |             const blurInFunction = () => requestAnimationFrame(() => requestAnimationFrame(() =>
 89 |                     [...(document.getElementsByClassName("blur-in"))]
 90 |                             .forEach(element => element.classList.add("visible"))));
 91 |             const pictureImgTag = document.getElementById("picture");
 92 |             pictureImgTag.addEventListener("load", blurInFunction);
 93 |             pictureImgTag.addEventListener("error", blurInFunction);
 94 |         });
 95 |     </script>
 96 | </head>
 97 | <body>
 98 | <div class="picture-container center blur-in full-screen">
 99 |     <img id="picture" src="assets/picture.jpg" alt=""/>
100 | </div>
101 | <div class="vignette full-screen"></div>
102 | <h1 class="name center blur-in">Jacob Peterson</h1>
103 | <div class="links center blur-in">
104 |     <a href="https://github.com/Petersoj" target="_blank">
105 |         <img src="assets/icon/github.svg" alt="Github">
106 |     </a>
107 |     <a href="https://www.linkedin.com/in/ajacobpeterson" target="_blank">
108 |         <img src="assets/icon/linkedin.svg" alt="LinkedIn">
109 |     </a>
110 |     <a href="https://www.strava.com/athletes/131923661" target="_blank">
111 |         <img src="assets/icon/strava.svg" alt="Strava">
112 |     </a>
113 |     <a href="https://invision.trade" target="_blank">
114 |         <img src="assets/icon/invision.svg" alt="Invision">
115 |     </a>
116 | </div>
117 | </body>
118 | </html>
119 | 


--------------------------------------------------------------------------------