Skip to content

Commit

Permalink
added blog page
Browse files Browse the repository at this point in the history
  • Loading branch information
hugh5 committed May 7, 2024
1 parent eb6730f commit 0a2a899
Show file tree
Hide file tree
Showing 5 changed files with 463 additions and 141 deletions.
273 changes: 273 additions & 0 deletions blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,273 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hugh's Portfolio</title>
<link rel="stylesheet" href="css/style.css" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<script src="js/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<header>
<nav>
<img class="menu-image" src="images/menu.png" alt="Menu" />
<a class="menu-item" href=".">Home</a>
<a class="menu-item" href="experience.html">Experience</a>
<a class="menu-item" href="projects.html">Projects</a>
<a class="menu-item" href="blog.html">Blog</a>
<a class="menu-item" href="testimonials.html">Testimonials</a>
</nav>
</header>
<button class="theme-button" onclick="toggleTheme()">
<img class="theme-icon" alt="Toggle Theme" />
</button>
<div id="page">
<div id="blog">
<div class="column">
<article>
<div class="row">
<img
src="images/blog1.jpg"
class="blog-image"
alt="Clock"
/>
<div class="column">
<h2>
Mastering Time Management: Tips for Software
Engineers
</h2>
<div class="row">
<img
src="images/hugh.png"
class="profile-image"
alt="Profile Picture"
/>
<div class="info">
<p>By Hugh Drummond</p>
<p>March 14th, 2024</p>
</div>
</div>
</div>
</div>
<div>
<p>
As software engineers, our days often feel like
a whirlwind of coding, debugging, and
problem-solving. With numerous tasks and
deadlines looming, mastering time management
becomes essential for maintaining productivity
and achieving our goals. Here are some practical
tips to help software engineers make the most of
their time:
</p>
<ol>
<li>
Prioritize Tasks: Start each day by
identifying the most critical tasks that
need to be accomplished. Focus on completing
high-priority items first to ensure
essential work gets done efficiently.
</li>
<li>
Break Down Projects: Large projects can seem
daunting, leading to procrastination and
inefficiency. Break down projects into
smaller, more manageable tasks, and tackle
them one step at a time. This approach helps
maintain momentum and prevents overwhelm.
</li>
<li>
Set Realistic Deadlines: Be mindful of
setting realistic deadlines for tasks and
projects. Avoid overcommitting and
underestimating the time needed to complete
a task. By setting achievable goals, you
reduce stress and increase the likelihood of
success.
</li>
<li>
Eliminate Distractions: Identify common
distractions in your work environment and
take steps to minimize them. This may
involve turning off notifications, finding a
quiet workspace, or using productivity tools
to block distracting websites.
</li>
<li>
Use Time Management Tools: Leverage time
management tools and techniques to stay
organized and focused. Utilize task
management apps, Pomodoro timers, or time
tracking software to help structure your
workday and track progress.
</li>
<li>
Take Breaks: Remember to schedule regular
breaks throughout the day to rest and
recharge. Stepping away from your computer
for a few minutes can boost productivity and
prevent burnout.
</li>
<li>
Reflect and Adjust: Continuously evaluate
your time management strategies and make
adjustments as needed. Reflect on what's
working well and what could be improved, and
don't be afraid to experiment with new
techniques.
</li>
</ol>
<p>
By implementing these time management tips into
your daily routine, you can enhance your
productivity, reduce stress, and ultimately
become a more effective software engineer.
</p>
</div>
</article>
<article>
<div class="row">
<img
src="images/blog2.jpg"
class="blog-image"
alt="Clock"
/>
<div class="column">
<h2>
The Power of Continuous Learning in Software
Engineering
</h2>
<div class="row">
<img
src="images/hugh.png"
class="profile-image"
alt="Profile Picture"
/>
<div class="info">
<p>By Hugh Drummond</p>
<p>February 12th, 2024</p>
</div>
</div>
</div>
</div>
<div>
<p>
In the ever-evolving field of software
engineering, the importance of continuous
learning cannot be overstated. As technology
advances at a rapid pace and new methodologies
emerge, staying abreast of the latest trends and
developments is crucial for professional growth
and success. Here's why embracing a mindset of
continuous learning is essential for software
engineers:
</p>
<ol>
<li>
Keeping Pace with Technology: The technology
landscape is constantly evolving, with new
languages, frameworks, and tools being
introduced regularly. By dedicating time to
learning and upskilling, software engineers
can stay current with industry trends and
remain competitive in the job market.
</li>
<li>
Adapting to Change: Software development
practices and methodologies evolve over time
as new best practices emerge and old ones
become obsolete. Embracing continuous
learning allows engineers to adapt to these
changes more effectively, ensuring they can
pivot and thrive in dynamic environments.
</li>
<li>
Fostering Innovation: Learning new skills
and exploring unfamiliar technologies can
spark creativity and innovation. By exposing
themselves to diverse ideas and
perspectives, software engineers can think
outside the box and develop novel solutions
to complex problems.
</li>
<li>
Enhancing Problem-Solving Skills: Continuous
learning provides opportunities to tackle
new challenges and solve problems using
different approaches. Engaging with
unfamiliar concepts and techniques
strengthens problem-solving skills and
fosters a growth mindset.
</li>
<li>
Building a Stronger Network: Actively
participating in learning communities,
attending conferences, and contributing to
open-source projects are excellent ways for
software engineers to connect with peers and
mentors. Building a network of like-minded
professionals fosters collaboration,
knowledge sharing, and career advancement.
</li>
<li>
Career Advancement: In today's competitive
job market, employers value candidates who
demonstrate a commitment to lifelong
learning. Continuous learning enhances your
skill set, increases your value as a
software engineer, and opens up new career
opportunities.
</li>
</ol>
<p>
By embracing continuous learning as a core tenet
of their professional development, software
engineers can adapt to change, foster
innovation, and position themselves for
long-term success in the dynamic field of
technology.
</p>
</div>
</article>
</div>
</div>
</div>
<footer>
<div class="row">
<p>&copy; 2024 Hugh's Portfolio. All rights reserved.</p>
<a href="mailto: [email protected]">
<div class="column">
<img
class="social-icon"
src="images/email.png"
alt="Email"
/>
Email
</div>
</a>
<a href="https://github.com/hugh5" target="_blank">
<div class="column">
<img
class="social-icon"
src="images/github.png"
alt="GitHub"
/>
GitHub
</div>
</a>
<a href="https://linkedin.com/in/hugh-drummond7" target="_blank"
><div class="column">
<img
class="social-icon"
src="images/linkedin.png"
alt="LinkedIn"
/>
LinkedIn
</div>
</a>
</div>
</footer>
</body>
</html>
51 changes: 50 additions & 1 deletion css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,7 @@ nav {
align-items: center;
padding: 3px 40px;
background-color: rgba(var(--secondary-background-color-rgb), 0.5);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
width: 700px;
position: fixed;
Expand Down Expand Up @@ -576,4 +577,52 @@ ul {
padding: 40px;
border-radius: 25px;
background-color: var(--tertiary-background-color);
}
}

#blog {
max-width: 1000px;

article:nth-of-type(n+2) {
margin-top: 80px;
}


.profile-image {
flex: none;
border-radius: 50%;
width: 60px;
height: 60px;
object-fit: cover;
display: block;


@media (min-width: 801px) {
margin-left: 40px;
}

}

.blog-image {
border-radius: 25px;
width: 100%;
height: 300px;
object-fit: cover;
display: block;
}
}

.info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;

@media (min-width: 801px) {
margin-left: 40px;
}

> p {
margin: 5px 0;
}
}

Binary file added images/blog1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/blog2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 0a2a899

Please sign in to comment.