summaryrefslogtreecommitdiff
path: root/about.html
diff options
context:
space:
mode:
Diffstat (limited to 'about.html')
-rw-r--r--about.html169
1 files changed, 79 insertions, 90 deletions
diff --git a/about.html b/about.html
index e525475..9818f90 100644
--- a/about.html
+++ b/about.html
@@ -1,100 +1,89 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <!-- PAGE SETUP-->
- <title>peten.ca | about</title>
- <link rel="icon" type="image/x-icon" href="/images/petemcgeenobg.png" />
- <meta charset="utf-8" />
- <meta
- content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"
- name="viewport"
- />
- <meta name="viewport" content="width=device-width" />
- <!-- CSS -->
- <link href="/css/about-styles.css" rel="stylesheet" />
- <link
- href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
- rel="stylesheet"
- integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
- crossorigin="anonymous"
- />
+<head>
+ <!-- PAGE SETUP-->
+ <title>peten.ca | about</title>
+ <link rel="icon" type="image/x-icon" href="/images/petemcgeenobg.png" />
+ <meta charset="utf-8" />
+ <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" name="viewport" />
+ <meta name="viewport" content="width=device-width" />
- <!-- JS -->
- <script
- src="https://code.jquery.com/jquery-3.7.1.js"
- integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
- crossorigin="anonymous"
- ></script>
- <script src="/scripts/peten.js"></script>
- <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
+ <!-- CSS -->
+ <link href="/css/about-styles.css" rel="stylesheet" />
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+ integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
- <!-- FONTS -->
- <link rel="preconnect" href="https://fonts.googleapis.com" />
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
- <link
- href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap"
- rel="stylesheet"
- />
- </head>
+ <!-- JS -->
+ <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
+ crossorigin="anonymous"></script>
+ <script src="/scripts/peten.js"></script>
+ <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
- <body class="font-montserrat fade-in">
- <header>
- <div class="header">
- <h1 class="text-dark" onclick="history.back()">← back</h1>
- </div>
- </header>
- <main>
- <div class="about-intro">
- <p class="about-text">
- Hey, I’m <b>Peter</b>. <br />
- <br />
- I am (currently) an apprentice carpenter. I am <b>NOT</b> a
- programmer, front OR backend engineer, or webdev. This is just a
- side-project. <br />
- <br />
- When I’m not working, I enjoy long walks on the beach, knitting,
- unicorns, and puppies. When I am working, I enjoy cigarettes and black
- coffee.
- </p>
- <img src="/images/retep_portrait.png" class="about-image" />
- </div>
+ <!-- FONTS -->
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+ <link
+ href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap"
+ rel="stylesheet" />
+</head>
- <div class="about-section">
- <h1>bio</h1>
- <p class="about-section-text">
- Peter Nguyen is a Canadian creator, programmer, apprentice carpenter,
- chemist, underwater ceramics technician, and much more. He currently
- lives in Regina, Saskatchewan - where he was born and raised. Forbes
- Magazine called him "the second most important thing to come out of
- 2006" next to Microsoft Windows Vista.
- </p>
- </div>
+<body class="font-montserrat fade-in">
+ <header>
+ <div class="header">
+ <h1 class="text-dark" onclick="history.back()">← back</h1>
+ </div>
+ </header>
+ <main>
+ <div class="about-intro">
+ <p class="about-text">
+ Hey, I’m <b>Peter</b>. <br />
+ <br />
+ I am (currently) a first year university student. I am <b>NOT</b> a
+ programmer, front OR backend engineer, or webdev. This is just a
+ side-project. <br />
+ <br />
+ When I’m not working, I enjoy long walks on the beach, knitting,
+ unicorns, and puppies. When I am working, I enjoy cigarettes and black
+ coffee.
+ </p>
+ <img src="/images/retep_portrait.png" class="about-image" />
+ </div>
- <div class="about-section">
- <h1>about this site</h1>
- <p class="about-section-text">
- This site was made possible by way of really, really, hideously sloppy
- code and late nights. It's a miracle that the CSS media queries
- actually make the site mobile responsive (thanks ChatGPT). I bought
- the domain peten.ca on a whim, and unfortunately, it has come to my
- attention that a Toronto-based photographer not only owns the domain
- petern.ca, but that his name is also Peter Nguyen. So that's
- interesting, I guess.
- </p>
- </div>
- </main>
+ <div class="about-section">
+ <h1>bio</h1>
+ <p class="about-section-text">
+ Peter Nguyen is a Canadian creator, programmer, (former) apprentice carpenter,
+ chemist, underwater ceramics technician, and much more. He currently
+ lives in Victoria, British Columbia - where he is studying. Forbes
+ Magazine called him "the second most important thing to come out of
+ 2006" next to Microsoft Windows Vista.
+ </p>
+ </div>
- <footer class="footer">
- Copyright Peter Nguyen <span id="copyright-year"></span>. All rights
- reserved.
- </footer>
+ <div class="about-section">
+ <h1>about this site</h1>
+ <p class="about-section-text">
+ This site was made possible by way of really, really, hideously sloppy
+ code and late nights. It's a miracle that the CSS media queries
+ actually make the site mobile responsive (thanks ChatGPT). I bought
+ the domain peten.ca on a whim, and unfortunately, it has come to my
+ attention that a Toronto-based photographer not only owns the domain
+ petern.ca, but that his name is also Peter Nguyen. So that's
+ interesting, I guess.
+ </p>
+ </div>
+ </main>
- <!-- BOOTSTAP JS -->
- <script
- src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
- integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
- crossorigin="anonymous"
- ></script>
- </body>
-</html>
+ <footer class="footer">
+ Copyright Peter Nguyen <span id="copyright-year"></span>. All rights
+ reserved.
+ </footer>
+
+ <!-- BOOTSTAP JS -->
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+ integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+ crossorigin="anonymous"></script>
+</body>
+
+</html> \ No newline at end of file