421026b334
- Complete redesign to match minimal, clean look inspired by pawel.orzech.me - Support for both short microblog posts and long-form articles - Beautiful image display with proper loading and hover effects - Removed complex gradients and animations in favor of clean typography - Implemented chronological post feed layout - Added proper post differentiation (short vs long posts) - Minimal navigation and clean spacing throughout - Responsive design optimized for readability - Added sample digital minimalism blog post 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
202 lines
No EOL
7.5 KiB
HTML
202 lines
No EOL
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>On Digital Minimalism - Pawel Orzech</title>
|
|
<link rel="stylesheet" href="../style.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
|
|
<style>
|
|
.post-page {
|
|
max-width: 650px;
|
|
margin: 0 auto;
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
.post-header {
|
|
border-bottom: 1px solid #f0f0f0;
|
|
padding-bottom: 24px;
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.back-link {
|
|
color: #666;
|
|
text-decoration: none;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
margin-bottom: 16px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.back-link:hover {
|
|
color: #000;
|
|
}
|
|
|
|
.post-title {
|
|
font-size: 28px;
|
|
font-weight: 600;
|
|
color: #000;
|
|
margin: 0 0 8px 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.post-date {
|
|
font-size: 13px;
|
|
color: #999;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.post-content {
|
|
line-height: 1.65;
|
|
color: #333;
|
|
}
|
|
|
|
.post-content p {
|
|
margin: 0 0 24px 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.post-content h2 {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: #000;
|
|
margin: 32px 0 16px 0;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.post-content h3 {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
color: #000;
|
|
margin: 24px 0 12px 0;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.post-content blockquote {
|
|
border-left: 3px solid #f0f0f0;
|
|
padding-left: 20px;
|
|
margin: 24px 0;
|
|
color: #666;
|
|
font-style: italic;
|
|
}
|
|
|
|
.post-content ul, .post-content ol {
|
|
margin: 0 0 24px 0;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.post-content li {
|
|
margin: 0 0 8px 0;
|
|
}
|
|
|
|
.post-image {
|
|
margin: 32px 0;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.post-image img {
|
|
width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
border-radius: 8px;
|
|
border: 1px solid #f0f0f0;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.post-page {
|
|
padding: 24px 16px;
|
|
}
|
|
|
|
.post-title {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.post-content h2 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.post-content h3 {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<article class="post-page">
|
|
<header class="post-header">
|
|
<a href="../index.html" class="back-link">← Back to blog</a>
|
|
<h1 class="post-title">On Digital Minimalism</h1>
|
|
<time class="post-date">04.08.2025</time>
|
|
</header>
|
|
|
|
<div class="post-content">
|
|
<p>I've been thinking a lot about digital minimalism lately. In our hyper-connected world, the constant stream of notifications and information can be overwhelming. We're living in an age where our attention has become the most valuable commodity, and everyone wants a piece of it.</p>
|
|
|
|
<p>The key is being intentional about what we let into our digital lives. It's not about rejecting technology entirely, but rather about curating our digital environment to serve our goals and values rather than distract from them.</p>
|
|
|
|
<h2>What Digital Minimalism Means to Me</h2>
|
|
|
|
<p>Digital minimalism isn't about going back to flip phones or abandoning the internet. It's about being selective and intentional with our digital tools. Just as we might declutter our physical spaces, we need to declutter our digital ones too.</p>
|
|
|
|
<p>For me, this has meant:</p>
|
|
|
|
<ul>
|
|
<li>Removing social media apps from my phone</li>
|
|
<li>Turning off all non-essential notifications</li>
|
|
<li>Being more selective about the websites I visit regularly</li>
|
|
<li>Choosing quality content over quantity</li>
|
|
</ul>
|
|
|
|
<h2>The Benefits I've Noticed</h2>
|
|
|
|
<p>Since adopting a more minimalist approach to digital consumption, I've noticed several positive changes:</p>
|
|
|
|
<p><strong>Better Focus:</strong> Without constant notifications and distractions, I can engage more deeply with whatever I'm working on. The quality of my work has improved, and I feel more satisfied with what I accomplish.</p>
|
|
|
|
<p><strong>More Present Moments:</strong> I find myself more engaged in conversations and experiences. Instead of reaching for my phone during quiet moments, I'm more comfortable with silence and observation.</p>
|
|
|
|
<blockquote>
|
|
"The art of being wise is knowing what to overlook." - William James
|
|
</blockquote>
|
|
|
|
<p><strong>Reduced Anxiety:</strong> Less exposure to the constant stream of news and social media has led to a noticeable decrease in background anxiety. I'm still informed about important events, but I consume news intentionally rather than passively.</p>
|
|
|
|
<h2>Practical Steps</h2>
|
|
|
|
<p>If you're interested in exploring digital minimalism, here are some practical steps that worked for me:</p>
|
|
|
|
<h3>Start Small</h3>
|
|
<p>Don't try to change everything at once. Pick one or two areas to focus on first. Maybe it's removing one social media app or turning off email notifications.</p>
|
|
|
|
<h3>Be Intentional</h3>
|
|
<p>Before adding any new digital tool or service to your life, ask yourself: "What specific value does this add to my life?" and "Is there a simpler way to achieve the same goal?"</p>
|
|
|
|
<h3>Create Boundaries</h3>
|
|
<p>Establish clear boundaries around your digital usage. This might mean designated phone-free times, specific hours for checking email, or keeping devices out of the bedroom.</p>
|
|
|
|
<div class="post-image">
|
|
<img src="https://via.placeholder.com/650x400/f5f5f5/666?text=Minimal+Workspace" alt="A clean, minimal workspace with just the essentials" loading="lazy">
|
|
</div>
|
|
|
|
<h2>It's an Ongoing Process</h2>
|
|
|
|
<p>Digital minimalism isn't a destination but a practice. Technology continues to evolve, and so do our needs and circumstances. What works today might need adjustment tomorrow, and that's okay.</p>
|
|
|
|
<p>The goal isn't to create the perfect digital environment, but to cultivate the awareness and intentionality to make conscious choices about how we engage with technology.</p>
|
|
|
|
<p>What matters most is that our digital tools serve us, not the other way around. In a world that profits from our distraction, choosing to be intentional with our attention is both a personal and political act.</p>
|
|
|
|
<p><em>How do you approach digital minimalism? I'd love to hear your thoughts and experiences.</em></p>
|
|
</div>
|
|
</article>
|
|
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<p>© 2025 Pawel Orzech</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="../script.js"></script>
|
|
</body>
|
|
</html> |