diff options
Diffstat (limited to 'blog.html')
| -rw-r--r-- | blog.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..cf5ff82 --- /dev/null +++ b/blog.html @@ -0,0 +1,85 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <!-- PAGE SETUP--> + <title>peten.ca | blog posts</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/blog-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" /> + + <!-- 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> + + <!-- 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> + +<body class="fade-in"> + <div class="blog-container font-montserrat"> + <aside class="sidebar"> + <img src="/images/PeteMcGee.png" alt="Profile Picture" class="profile-pic" /> + <h2 class="text-dark"><a href="index.html">peter nguyen</a></h2> + <p> + Apprentice carpenter, hobbyist programmer and mostly average high + school graduate. + </p> + <nav> + <ul> + <li class="nav-item"> + <a class="nav-link text-dark" href="projects.html">projects</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark active" href="blog.html">blog</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark" href="about.html">about</a> + </li> + <li class="nav-item"> + <a class="nav-link text-dark" href="contact.html">contact</a> + </li> + </ul> + </nav> + </aside> + + <main class="blog-content"> + <article> + <hr /> + <a href="articles/cigarettes-and-sawdust.html"> + <span class="date">JAN 29, 2025 • 10 MIN READ</span> + <h1 class="text-dark">Cigarettes and Sawdust</h1> + <p> + First four months as a carpenter. Trying to join the army. + Caffeine and cigarettes. Career prospects. My life as it currently + stands. More news at 11. + </p> + </a> + </article> + </main> + </div> + + <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 |