https://aaqil.dev/Recent content on aaqil.devHugoen-usTue, 28 Apr 2026 16:57:07 +0530https://aaqil.dev/posts/my-first-post/Tue, 28 Apr 2026 16:57:07 +0530https://aaqil.dev/posts/my-first-post/<p>Hello, world</p>https://aaqil.dev/journey/Mon, 01 Jan 0001 00:00:00 +0000https://aaqil.dev/journey/<p>This is a timeline of my learning progress, technical milestones, and major projects.</p> <style> .timeline { position: relative; max-width: 700px; margin: 10px auto; padding-left: 35px; border-left: 2px solid var(--tertiary); } .timeline-item { position: relative; margin-bottom: 25px; } .timeline-dot { position: absolute; width: 16px; height: 16px; border-radius: 50%; left: -44px; top: 50%; transform: translateY(-50%); border: 2px solid var(--theme); transition: all 0.3s ease; z-index: 1; } .timeline-title { margin: 0 0 5px 0 !important; font-size: 1.1rem; color: var(--primary); } .timeline-text { font-size: 0.9rem; margin: 0; color: var(--secondary); } .timeline-content { background: var(--code-bg); padding: 15px 20px; border-radius: 8px; border: 1px solid var(--tertiary); transition: transform 0.2s ease, border-color 0.2s ease; } .timeline-content:hover { transform: translateX(5px); border-color: var(--secondary); } .timeline-dot.completed { background: #00e676; box-shadow: 0 0 12px #00e676; } .timeline-dot.progress { background: #ffea00; box-shadow: 0 0 12px #ffea00; } .timeline-date { display: block; font-family: "JetBrains Mono", "Fira Code", monospace; font-size: 1.00rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--primary); margin-bottom: 4px; } .timeline-date.progress-date { color: #ffea00; opacity: 1; font-weight: 700; } </style> <div class="timeline"> <div class="timeline-item"> <div class="timeline-dot progress"></div> <div class="timeline-content"> <span class="timeline-date progress-date">>> April 2026</span> <h3 class="timeline-title"> 🐍 Learning Python (CS50P) </h3> <p class="timeline-text">Back to basics. Re-learning Python and programming fundamentals.</p>