timeline/index.html at main · gosdev2026/timeline · 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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta
      name="description"
      content="A personal blog by Gustavo Manchuca, documenting my journey to becoming a web developer."
    />

    <link rel="stylesheet" href="style.css" />
    <title>My Timeline</title>
  </head>

  <body>
    <header>
      <div class="header-inner">
        <img src="./img/profile.jpg" alt="Photo of Gos" class="avatar" />
        <h1>My Timeline</h1>
      </div>
      <p class="description">
        A personal Blog by Gustavo Manchuca, documenting my journey to becoming
        a web developer.
      </p>
    </header>

    <main>

      <article>
  <time datetime="2026-02-25">February 25, 2026</time>
  <h2>Night Shifts and Small Wins</h2>

  <p>
    I’ve fallen a few days behind in the Bootcamp.
    The truth is, I’ve been working 12-hour night shifts every single day, almost without rest.
    Private security is exhausting work — physically and mentally — but for now, it pays the bills.
    It allows me to invest in useful tools and, sometimes, small things that make the journey easier.
  </p>

  <p>
    In the Bootcamp, I’m currently taking my first real steps into CSS — selectors, attributes,
    and core fundamentals. Even when I recognize some concepts, I refuse to skip them.
    This time, I’m building strong foundations. No shortcuts. No rushing.
  </p>

  <p>
    To stay consistent, I’ve been tracking my learning streak in <a href="Lifeofdiscipline.com">Lifeofdiscipline.com</a>
    Watching those small red boxes fill up day after day gives me a quiet sense of progress.
    It’s not dramatic, but it’s real.
  </p>

  <p>
    I’m also improving my workspace. I recently added a HomePod mini to my 2014 Mac mini
    after damaging the internal speaker months ago. It’s a small upgrade, bought second-hand
    at a great price, but it feels meaningful. Every improvement brings me closer to the
    environment I want to grow in.
  </p>

  <p>
    At the same time, I’ve started focusing on my health. I’m entering a weight-loss phase:
    walking more, doing push-ups and planks before bed, eating cleaner, and drinking more water.
    I’ll track everything using MyFitnessPal and my smartwatch.
  </p>

  <p>
    Nothing extraordinary.
    Just steady movement forward.
    Step by step.
  </p>

  <img src="./img/homepodmini.jpg"
       alt="My workspace setup with Mac mini and HomePod mini"
       class="post-image" />
</article>
      <article>
        <time datetime="2026-02">February 2026</time>
        <h2>Moving Forward with CSS</h2>

        <p>
          At the beginning of February 2026, I start the CSS module in the
          bootcamp. I can feel myself progressing little by little — small
          steps, but consistent ones.
        </p>

        <p>
          I won’t pretend there aren’t days when I don’t have time or simply
          don’t feel like studying, but I always come back and return to the
          Bootcamp.
        </p>

        <p>
          These past days, I’ve been renovating my bedroom and workspace. There
          are still a few things I need to buy in the coming weeks, but I can
          already see the transformation.
        </p>

        <p>
          I’m sharing a picture of how it’s coming along. I’m looking forward to
          finishing this stage and officially beginning my journey into the IT
          world.
        </p>

        <img
          src="./img/desktop.jpg"
          alt="My workspace setup"
          class="post-image"
        />
      </article>
      <article>
        <time datetime="2026-01">January 2026</time>
        <h2>Full-Stack Bootcamp Begins</h2>
        <p>
          I start studying a full-stack web development bootcamp
          in Argentina. My goal is to build a solid foundation in web
          development, starting with HTML and Git, and progressing step by step
          with consistency. This journey is focused on long-term growth,
          developing real skills, and creating new opportunities through
          discipline and daily practice. I am committed to becoming a
          professional web developer and building a future based on knowledge,
          not shortcuts.
        </p>
      </article>
    </main>

<footer>
  <p>© 2026 Gustavo</p>

  <div class="social-links">
    <a href="https://github.com/gosdev2026" target="_blank" aria-label="GitHub">
      <svg viewBox="0 0 24 24">
        <path d="M12 2C6.5 2 2 6.6 2 12.2c0 4.5 2.9 8.3 6.9 9.7.5.1.7-.2.7-.5v-1.7c-2.8.6-3.4-1.2-3.4-1.2-.4-1.1-1.1-1.4-1.1-1.4-.9-.6.1-.6.1-.6 1 .1 1.6 1 1.6 1 .9 1.6 2.4 1.1 3 .8.1-.7.4-1.1.7-1.4-2.2-.2-4.5-1.1-4.5-4.9 0-1.1.4-2 .9-2.7-.1-.2-.4-1.3.1-2.6 0 0 .8-.3 2.7 1a9 9 0 0 1 4.9 0c1.9-1.3 2.7-1 2.7-1 .5 1.3.2 2.4.1 2.6.6.7.9 1.6.9 2.7 0 3.8-2.3 4.6-4.6 4.9.4.3.8 1 .8 2v3c0 .3.2.6.7.5A10.2 10.2 0 0 0 22 12.2C22 6.6 17.5 2 12 2z"/>
      </svg>
    </a>

    <a href="https://linkedin.com/in/mario-gustavo-manchuca" target="_blank" aria-label="LinkedIn">
      <svg viewBox="0 0 24 24">
        <path d="M4 4h4v16H4zM6 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM10 9h4v2h.1c.6-1.1 2-2.2 4-2.2 4.3 0 5 2.8 5 6.4V20h-4v-4.9c0-1.2 0-2.8-1.7-2.8s-2 1.3-2 2.7V20h-4z"/>
      </svg>
    </a>

    <a href="https://x.com/gusmnkdev" target="_blank" aria-label="X">
      <svg viewBox="0 0 24 24">
        <path d="M4 4l16 16M20 4L4 20" stroke="currentColor" stroke-width="2" fill="none"/>
      </svg>
    </a>

    <a href="https://dev.to/gusmanchuca" target="_blank" aria-label="Dev.to">
      <svg viewBox="0 0 24 24">
        <path d="M4 4h16v16H4z" fill="none" stroke="currentColor" stroke-width="2"/>
        <path d="M8 8h2.5c2 0 3.5 1.2 3.5 3.5S12.5 15 10.5 15H8z"/>
      </svg>
    </a>

    <a href="https://facebook.com/gustavomanchuca" target="_blank" aria-label="Facebook">
      <svg viewBox="0 0 24 24">
        <path d="M13 2h3v4h-3c-1 0-2 .5-2 2v2h4l-1 4h-3v8h-4v-8H4v-4h3V8c0-3 2-6 6-6z"/>
      </svg>
    </a>

    <a href="https://instagram.com/mariogustavomanchuca" target="_blank" aria-label="Instagram">
      <svg viewBox="0 0 24 24">
        <rect x="3" y="3" width="18" height="18" rx="4" ry="4" fill="none" stroke="currentColor" stroke-width="2"/>
        <circle cx="12" cy="12" r="4" fill="none" stroke="currentColor" stroke-width="2"/>
        <circle cx="17" cy="7" r="1.5"/>
      </svg>
    </a>
  </div>

  <p class="disclaimer">
    Built with the help of ChatGPT.
  </p>
</footer>
  </body>
</html>