ruvarashesite.github.io/posts.html at main · ruvarashecodes/ruvarashesite.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Posts — Rufaro Chipoyera</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>

  <nav>
    <span class="nav-logo">Rufaro Chipoyera</span>
    <ul class="nav-links">
      <li><a href="index.html">Home</a></li>
      <li><a href="aboutme.html">About</a></li>
      <li><a href="posts.html">Posts</a></li>
      <li><a href="gallery.html">Gallery</a></li>
      <li><a href="index.html#contact">Contact</a></li>
    </ul>
  </nav>

  <div class="container">
    <section>
      <a href="index.html" class="back-link">Home</a>
      <span class="section-label">Writing</span>
      <h1>Posts</h1>
      <p style="margin-top:0.75rem; color:var(--muted);">Me documenting the journey — the wins, the lessons, the chaos 🎀</p>

      <div class="posts-list fade-in">
        <div class="post-list-item">
          <a href="2026plans.html">From First Year to Here: My 2026 Outlook</a>
          <span class="post-list-date">March 2026</span>
        </div>
        <div class="post-list-item">
          <a href="2025stuff.html">Everything I Did in 2025</a>
          <span class="post-list-date">December 2025</span>
        </div>
        <div class="post-list-item">
          <a href="goals2025.html">Things I Wanted to Do in 2025</a>
          <span class="post-list-date">December 2024</span>
        </div>
        <div class="post-list-item">
          <a href="firstyear.html">How My 2024 Went</a>
          <span class="post-list-date">November 2024</span>
        </div>
        <div class="post-list-item">
          <a href="aboutme.html">Hey there — first post! 🎀</a>
          <span class="post-list-date">2024</span>
        </div>
      </div>
    </section>
  </div>

  <footer>
    <p>© <span id="year"></span> Rufaro Chipoyera · <a href="mailto:chipoyerarufaro28@gmail.com">chipoyerarufaro28@gmail.com</a></p>
  </footer>

  <script src="script.js"></script>
</body>
</html>