265f050a5c
- Complete redesign with clean, editorial layout focused on content - Removed flashy elements, gradients, and animations for minimal aesthetic - Implemented magazine-style typography using Crimson Text and Inter fonts - Added support for different post types: long-form, photography, and short posts - Created photography-focused layout with proper image handling - Streamlined navigation and removed complex features - Simplified JavaScript to essential functionality only - Perfect for photography, writing, and technology content - Mobile-responsive design maintaining clean aesthetics 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
141 lines
No EOL
5.4 KiB
HTML
141 lines
No EOL
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Welcome to My Blog - Pawel Orzech</title>
|
|
<link rel="stylesheet" href="../style.css">
|
|
<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=Inter:wght@300;400;500;600&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<div class="header-container">
|
|
<div class="site-identity">
|
|
<h1 class="site-title"><a href="../index.html">Pawel Orzech</a></h1>
|
|
<p class="site-tagline">Photography • Writing • Technology</p>
|
|
</div>
|
|
<nav class="site-nav">
|
|
<a href="../index.html" class="nav-link">Home</a>
|
|
<a href="../index.html" class="nav-link">About</a>
|
|
<a href="../index.html" class="nav-link">Contact</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main-content">
|
|
<article class="post-single">
|
|
<header class="post-header">
|
|
<h1 class="post-title">Welcome to My Blog</h1>
|
|
<div class="post-meta">
|
|
<time datetime="2025-09-08">September 8, 2025</time>
|
|
<span class="post-type">Long-form</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="post-content">
|
|
<p>Welcome to my personal blog! This is my first post, and I'm excited to begin this journey of sharing my thoughts, experiences, and ideas with you.</p>
|
|
|
|
<p>Starting a blog has been something I've been thinking about for a while. There's something magical about putting thoughts into words and sharing them with the world. Whether you're here by accident or intention, I'm glad you stopped by.</p>
|
|
|
|
<h2>What You Can Expect</h2>
|
|
|
|
<p>This blog will be a mix of various topics that interest me:</p>
|
|
|
|
<ul>
|
|
<li><strong>Photography:</strong> Visual stories and moments that inspire me</li>
|
|
<li><strong>Technology:</strong> Insights from my development work and interesting discoveries</li>
|
|
<li><strong>Personal Thoughts:</strong> Reflections on life, learning, and growth</li>
|
|
<li><strong>Short Notes:</strong> Quick thoughts and observations</li>
|
|
</ul>
|
|
|
|
<blockquote>
|
|
<p>"The best time to plant a tree was 20 years ago. The second best time is now."</p>
|
|
<cite>— Chinese Proverb</cite>
|
|
</blockquote>
|
|
|
|
<p>I believe in the power of sharing knowledge and experiences. Every post here will be written with the hope that it might help someone, spark an idea, or simply provide an interesting read during your coffee break.</p>
|
|
|
|
<h2>Let's Connect</h2>
|
|
|
|
<p>I'd love to hear from you! Whether you have feedback, questions, or just want to say hello, I'm always open to connecting with fellow readers and learners.</p>
|
|
|
|
<p>Thank you for being here at the beginning of this journey. Here's to many more posts, ideas, and connections ahead!</p>
|
|
|
|
<p><em>Happy reading!</em><br>
|
|
Pawel</p>
|
|
</div>
|
|
</article>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="footer-container">
|
|
<p>© 2025 Pawel Orzech</p>
|
|
<div class="footer-links">
|
|
<a href="mailto:contact@example.com">Email</a>
|
|
<a href="#">RSS</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="../script.js"></script>
|
|
|
|
<style>
|
|
.post-single {
|
|
padding: 3rem 0 4rem 0;
|
|
}
|
|
|
|
.post-single .post-header {
|
|
margin-bottom: 2rem;
|
|
padding-bottom: 1.5rem;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.post-single .post-title {
|
|
font-size: 2.25rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.post-single .post-content h2 {
|
|
font-size: 1.5rem;
|
|
margin: 2rem 0 1rem 0;
|
|
}
|
|
|
|
.post-single .post-content ul {
|
|
margin: 1.5rem 0;
|
|
padding-left: 1.5rem;
|
|
}
|
|
|
|
.post-single .post-content li {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.post-single .post-content blockquote {
|
|
margin: 2rem 0;
|
|
padding: 1.5rem;
|
|
background: #f8f9fa;
|
|
border-left: 4px solid #1a1a1a;
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
|
|
.post-single .post-content blockquote p {
|
|
margin: 0 0 0.5rem 0;
|
|
font-style: italic;
|
|
font-size: 1.125rem;
|
|
}
|
|
|
|
.post-single .post-content blockquote cite {
|
|
font-size: 0.875rem;
|
|
color: #666;
|
|
font-style: normal;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.post-single .post-title {
|
|
font-size: 1.75rem;
|
|
}
|
|
}
|
|
</style>
|
|
</body>
|
|
</html> |