-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog.html
More file actions
141 lines (137 loc) · 7.08 KB
/
Copy pathblog.html
File metadata and controls
141 lines (137 loc) · 7.08 KB
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Blog - Morgan Rogers | Insights on Web Development, Software Engineering, Cybersecurity, and My Journey in IT">
<title>Blog - Morgan Rogers</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar" id="navbar">
<div class="nav-container">
<div class="logo">
<a href="index.html">Morgan Rogers</a>
</div>
<button class="nav-toggle" id="navToggle" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<ul class="nav-menu" id="navMenu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html" class="active">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<header class="page-header">
<div class="container">
<h1>Blog</h1>
<p>Thoughts, insights, and updates on web development, software engineering, cybersecurity, and my journey in IT.</p>
</div>
</header>
<section class="blog-section">
<div class="container">
<div class="blog-grid">
<!-- Repeat this article block for each post -->
<article class="blog-card">
<div class="blog-card-image">
<img src="images/blog/WGUlogo.jpg" alt="Continuing the Journey" loading="lazy">
</div>
<div class="blog-card-content">
<span class="blog-date">March 18, 2026</span>
<h3><a href="blog/anotherRun.html">Continuing the Journey</a></h3>
<p>Here we go again...</p>
<div class="project-tags">
<span class="tag">Software Engineering</span>
<span class="tag">Web Development</span>
<span class="tag">Continuing Education</span>
</div>
</div>
</article>
<!-- /blog-card -->
<article class="blog-card">
<div class="blog-card-image">
<img src="images/blog/trudvangChronicles.jpg" alt="Trudvang Chronicles" loading="lazy">
</div>
<div class="blog-card-content">
<span class="blog-date">March 27, 2026</span>
<h3><a href="blog/trudvangCharacterCreator.html">Making a Creation Wizard for an Obscure RPG</a></h3>
<p>Building a character creation wizard for a tabletop RPG that most people have never heard of and what I learned along the way.</p>
<div class="project-tags">
<span class="tag">Development</span>
<span class="tag">Web Development</span>
<span class="tag">RPG</span>
</div>
</div>
</article>
<!-- /blog-card -->
<article class="blog-card">
<div class="blog-card-image">
<img src="images/blog/programmingLanguages.jpg" alt="Choosing Software Development" loading="lazy">
</div>
<div class="blog-card-content">
<span class="blog-date">April 3, 2026</span>
<h3><a href="blog/softwareDev.html">Choosing Software Development as my Career Goal</a></h3>
<p>The moment I stopped dabbling and started committing</p>
<div class="project-tags">
<span class="tag">Development</span>
<span class="tag">Career Development</span>
<span class="tag">Software Engineering</span>
</div>
</div>
</article>
<!-- /blog-card -->
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Morgan Rogers</h3>
<p>Software Developer</p>
<p>Boston University - MS in CIS</p>
<p>WGU - BS/MS in SWE</p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Connect</h4>
<ul class="social-links">
<li><a href="https://gitlab.com/mroge153" target="_blank" rel="noopener">GitLab</a></li>
<li><a href="https://github.com/PromptNebula05" target="_blank" rel="noopener">GitHub</a></li>
<li><a href="https://www.linkedin.com/in/morgan-rogers-0042972b9/" target ="_blank" rel="noopener">LinkedIn</a></li>
<li><a href="mailto:mrgn.rogers@gmail.com">Email</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Location</h4>
<p>Cornish, Maine 04020</p>
<p>(207) 823-0747</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Morgan Rogers. All rights reserved.</p>
<p class="footer-note">Built with HTML5, CSS3, JavaScript & React</p>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>